/*!!!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";
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* NEUTRALS */
/*#f7f4ee*/
/* GRAY */
/* BLUE + VIOLET */
/* YELLOW */
/* GREEN */
/* RED + PINK + ORANGE + BEIGE + BROWN */
/* Shadow */
/* Slidetoggle */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("../../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../../fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url("../../fonts/Montserrat-Regular.woff2") format("woff2"), url("../../fonts/Montserrat-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Thin";
    src: url("../../fonts/Roboto-Thin.woff2") format("woff2"), url("../../fonts/Roboto-Thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("../../fonts/Roboto-Regular.woff2") format("woff2"), url("../../fonts/Roboto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Medium";
    src: url("../../fonts/Roboto-Medium.woff2") format("woff2"), url("../../fonts/Roboto-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("../../fonts/Roboto-Bold.woff2") format("woff2"), url("../../fonts/Roboto-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* FONTS */
/* COMMON STYLE */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* ==========================================================================
   _common.scss
   ========================================================================== */
* {
    box-sizing: border-box;
    outline: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    html,
    body {
        width: 100%;
    }
}
html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    background-color: #fff;
    color: #232558;
    line-height: normal;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    overflow-x: hidden;
    height: fit-content;
}

body.modal-open {
    padding-right: 0px !important;
    overflow: initial;
    overflow-y: initial !important;
}

html:has(.modal-open) {
    overflow-y: hidden;
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.2;
}

.opacity-2 {
    opacity: 0.4;
}

.opacity-3 {
    opacity: 0.6;
}

.opacity-4 {
    opacity: 0.8;
}

.opacity-5 {
    opacity: 1;
}

button,
input {
    border: none;
    text-decoration: none;
    outline: none;
}

.mat-datepicker-toggle button:focus {
    outline: none !important;
}

.cdk-overlay-container .mat-datepicker-content {
    --mat-datepicker-calendar-container-background-color: #fff;
    --mat-datepicker-calendar-container-text-color: rgba(0,0,0,.87);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.mat-calendar-body-cell-content button:hover {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

section {
    position: relative;
}

.dropdown-menu {
    text-overflow: ellipsis;
}

.body--noScroll {
    overflow-y: hidden;
}

.d_bloc {
    display: block;
}

a {
    font-size: 14px;
    font-size: 1.4rem;
}
a:hover, a:active, a:focus {
    color: #232558;
    cursor: pointer;
}

p {
    color: #232558;
    font-size: 14px;
    font-size: 1.4rem;
}

.blurred {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0.6;
}

.spy::after {
    content: url("../../img/angular/profil/icons/spy-line.svg");
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    left: 5px;
}

.spy_before::before {
    content: url("../../img/angular/profil/icons/spy-line.svg");
    width: 16px;
    height: 16px;
    left: -20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.spy-anonymous {
    cursor: default !important;
}
.spy-anonymous::after {
    content: url("../../img/angular/profil/icons/spy-line-bigger.svg");
    display: inline-block;
    width: 32px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spy-anonymous-b {
    cursor: default !important;
}
.spy-anonymous-b::after {
    content: url("../../img/angular/profil/icons/spy-line-bigger-b.svg");
    display: inline-block;
    width: 62px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spy-warning {
    width: 100%;
    padding: 10px;
    background: #ffead1;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 26px;
    display: inline-flex;
}
.spy-warning::before {
    content: url("../../img/angular/profil/icons/spy-line-big.svg");
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
}
.spy-warning p {
    padding: 0;
    margin: 0;
}

.color-primary {
    color: #232558;
}

.fiche-conseil .rich-text ul li {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 30px !important;
    line-height: 18px;
    line-height: 1.8rem;
}
.fiche-conseil .rich-text ul li::before {
    width: 27px !important;
}

.fiche-outil .list-outils ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.fiche-outil .list-outils ul li {
    padding-left: 40px;
    margin-bottom: 20px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.fiche-outil .list-outils ul li::before {
    left: 10px;
    margin-top: -8px;
    background-repeat: no-repeat;
    content: url(../../img/pictos/functional/plus.svg);
    position: absolute;
}
.fiche-outil .list-outils ul li::before p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.fiche-outil .rich-text {
    margin-bottom: 40px;
}
.fiche-outil .rich-text a {
    text-decoration: underline;
}
.fiche-outil .rich-text p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    margin: 0;
}
.fiche-outil .rich-text p:first-of-type {
    margin-top: 20px;
}
.fiche-outil .rich-text ul {
    list-style: none;
    padding: 0;
}
.fiche-outil .rich-text ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    padding-left: 20px;
}
.fiche-outil .rich-text ul li:first-child {
    margin-top: 15px;
}
.fiche-outil .rich-text ul li:last-child {
    margin-bottom: 25px;
}
.fiche-outil .rich-text ul li::before {
    content: "•";
    color: #fdc300;
    position: absolute;
    left: 5px;
}
.fiche-outil .nos-outils p {
    font-size: 14px;
    font-size: 1.4rem;
}

.fiche-transaction .service a {
    text-decoration: underline;
}
.fiche-transaction .service p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin: 0;
}
.fiche-transaction .service p:first-of-type {
    margin-top: 20px;
}
.fiche-transaction .service ul {
    list-style: none;
    padding: 0;
}
.fiche-transaction .service ul li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    padding-left: 20px;
}
.fiche-transaction .service ul li:first-child {
    margin-top: 15px;
}
.fiche-transaction .service ul li:last-child {
    margin-bottom: 25px;
}
.fiche-transaction .service ul li::before {
    content: "•";
    color: #fdc300;
    position: absolute;
    left: 17px;
}

.rich-text {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.rich-text h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.rich-text h3 {
    margin-top: 20px;
    margin-bottom: 25px;
}
.rich-text h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.rich-text ul {
    margin-top: 20px;
    margin-bottom: 20px;
}
.rich-text ul li:first-child {
    margin-top: 20px;
}
.rich-text ul li:last-child {
    margin-bottom: 40px;
}
.rich-text p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
}

.table-apec,
.table-apec td,
.table-apec th {
    color: #232558;
    border: 1px solid #cfcfcf;
}

/*  width outils */
.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-60 {
    width: 60%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-80 {
    width: 0%;
}

.width-90 {
    width: 90%;
}

.width-100 {
    width: 100%;
}

h4.h4-candidat {
    color: #026096 !important;
    margin-bottom: 20px;
    margin-top: 20px;
}
h4.h4-recruteur {
    color: #026096 !important;
}

main {
    padding-top: 30px;
    padding-bottom: 30px;
    /* Fix for IVA-265 : */
    min-height: calc(100vh - 277px);
    background-size: cover;
    width: 100%;
    position: relative;
}
main > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
main .search-detail .p-content {
    margin-top: 0px;
}
main .recherche-offre {
    margin-top: -370px;
}
main .card-detail {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.fiche .share-link {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: auto;
}
.fiche .share-link .share-container {
    position: relative;
    z-index: 1;
}
.fiche .share-link .share-container .card-share {
    position: absolute;
    right: 0;
}
.fiche .btn {
    margin: 0 !important;
}
.fiche .card-detail {
    padding-bottom: 30px;
}

.accessibilite .card-access {
    height: 100%;
}
.accessibilite .card-access h3 {
    min-height: 50px;
}
.accessibilite .card-access .picto-access {
    width: fit-content;
    height: 200px;
    position: relative;
    margin: auto;
}

.card-detail__title {
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    line-height: 35px;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Share Link */
.block-share {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 50px;
}

.share-link {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: auto;
}
.share-link .share-container {
    position: relative;
    z-index: 1;
}
.share-link .share-container .card-share {
    position: absolute;
    background-color: #ffffff;
}
.share-link .share-text {
    width: 150px;
    height: 50px;
    cursor: pointer;
    border: 1px solid rgb(189, 189, 189);
}
.share-link .share-text p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}

.share-illus {
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.share-illus .svg {
    height: 20px;
    width: 20px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clickable-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.author-container {
    min-height: 67px;
}
.author-container .title {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #232558;
}

.author-avatar {
    height: 60px;
    width: 60px;
    min-width: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}
.author-avatar img {
    height: 60px;
    min-width: 100%;
    width: auto;
}

.info-author {
    display: table;
}
.info-author p {
    vertical-align: middle;
    display: table-cell;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}

/*style général card
.edito [class*="col-"] {
    margin-bottom: 30px;
}*/
.caption {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #7997af;
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
}
.caption img {
    opacity: 0.5;
    margin-right: 5px;
}

.profil-completed {
    display: flex;
    align-items: center;
}
.profil-completed p {
    margin-bottom: 0;
}
.profil-completed .number {
    margin-left: 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #026096;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
}
.profil-completed .number::after {
    content: "%";
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
}

.title-page {
    font-weight: bold;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 3.7rem;
}

.title-page-ed {
    font-weight: bold;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.title-head__bottom {
    background-color: #232558;
    height: 370px;
}

.title-head__content {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
}
.title-head__content .title-head {
    color: #ffffff;
    position: relative;
}
.title-head__content .title-head h2 {
    font-size: 18px;
    font-size: 1.8rem;
}
.title-head__content .title-head h2 span {
    color: #fdc300;
}

.title-consult h2 {
    color: #232558;
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.title-consult h3 {
    color: #026096;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}

.block-nav-title {
    display: flex;
    align-items: flex-end;
    position: relative;
}
.block-nav-title img,
.block-nav-title svg {
    height: 65px !important;
    width: 65px !important;
    padding-left: 8px;
    margin-right: 25px;
}
.block-nav-title h1,
.block-nav-title h2,
.block-nav-title h3,
.block-nav-title h4,
.block-nav-title h5,
.block-nav-title h6 {
    margin-bottom: 0;
    color: #ffffff;
    line-height: normal;
}
.block-nav-title .nav-title p {
    color: #ffffff !important;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    margin-bottom: 3px;
    margin-top: 0;
}
.block-nav-title .nav-title h1 {
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-bottom: 0;
    margin-top: 0;
}

.body-offers .small-link span {
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.small-link {
    display: inline-block;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 12px;
    font-size: 1.2rem;
}
.small-link span {
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.small-link img {
    width: 17px;
    margin-left: 5px;
}
.small-link.report-offer {
    text-decoration: none;
    display: flex;
    align-items: center;
}
.small-link.report-offer img {
    margin-right: 5px;
}
.small-link.bold {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}

a.small-link {
    text-decoration: underline !important;
    cursor: pointer;
}

.serv-link {
    color: #ffffff;
    margin: 10px 0px 10px 0px;
}
.serv-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.menu-link-more li,
.menu-link-more ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-link-more li a,
.menu-link-more ul a {
    text-decoration: underline;
}
.menu-link-more li a:hover,
.menu-link-more ul a:hover {
    text-decoration: none;
}
.menu-link-more li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #232558;
}
.menu-link-more li:last-child {
    border: none;
}
.menu-link-more li p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    max-width: 70%;
}

.text-transform-none {
    text-transform: none !important;
}

/* Video */
.video-container {
    position: relative;
    bottom: 0;
    padding-bottom: 56.3%;
    width: 100%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container iframe:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    transition: all 0s;
}

.img-container img {
    width: 100%;
}

.video-accessibilite {
    width: 95%;
    position: absolute;
    bottom: 0;
}

/*
*
*/
section .article {
    margin-bottom: 30px;
}
section:last-child {
    margin-bottom: 0;
}

.overlay.active {
    visibility: visible;
    opacity: 1;
}

.container-map-chips {
    background-color: rgb(238, 238, 238);
    z-index: 15;
    /* width: 60%;
  left: -60%; */
    width: 425px;
    position: fixed;
    top: 50px;
    bottom: 0;
    left: -425px;
    transform: translate3d(-60%, 0, 0);
    background: rgb(238, 238, 238) !important;
    transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    visibility: hidden;
    padding: 20px;
}
.container-map-chips.open {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    left: 0;
}
.container-map-chips .chips.primary {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #005795;
}
.container-map-chips .chips.primary svg,
.container-map-chips .chips.primary .cls-2 {
    fill: #005795;
}
.container-map-chips .chips.primary.float::before {
    background: url("../../img/edito/icone/chevron-r-blue.svg") no-repeat center;
}
.container-map-chips .chips.primary .custom-select {
    margin: 0 auto 20px auto;
    width: 70%;
    display: block;
}
.container-map-chips .form-group {
    margin-bottom: 60px;
}
.container-map-chips .form-group select {
    border: none;
    border-bottom: 1px solid #232558;
    background-color: rgb(238, 238, 238);
    border-radius: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #232558;
}
.container-map-chips .form-group select option {
    background: #fff;
}

#map {
    margin-bottom: 20px;
    margin: 0 auto;
    width: 100%;
    height: 270px;
}

.st0 {
    fill: none;
}

.st1 {
    fill: #1b3244;
}

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

.ui-widget-header .ui-icon {
    background: url("../../img/edito/icone/right-chevronwhite.png") center no-repeat;
    height: 100%;
    width: 100%;
    display: block;
}

.ui-datepicker-prev {
    transform: rotate(180deg);
}

.wrapper-filter {
    padding-top: 50px;
}
.wrapper-filter form {
    width: calc(100% - 100px);
}
.wrapper-filter .container-filter {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    z-index: 0;
}

.mailto {
    text-decoration: underline;
    margin-top: 5px;
}

.partner-offer {
    color: #7997af;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.container-pub {
    position: relative;
    justify-content: center;
    background: #ffffff;
    overflow: unset;
    margin-bottom: 20px;
    border-radius: 5px;
}
.container-pub:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 13px;
    right: 7px;
    width: 75%;
    top: 0;
    transition: all 150ms ease-in-out;
}
.container-pub:hover:before {
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(4deg);
    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: 100%;
    height: auto;
}
.container-pub .pub-msg {
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
    padding: 10px;
    padding: 10px 20px;
    color: #232558;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-align: center;
}

.jvectormap-region {
    stroke: #fff;
    stroke-width: 3;
}

.filterlocal {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 5px;
    padding: 4px 13px;
    justify-content: space-between;
}
.filterlocal .clear {
    display: none;
    position: absolute;
    background: #fff;
    left: 0;
    top: 5px;
}
.filterlocal .slick-list {
    overflow: unset;
}
.filterlocal .form-group {
    margin: 0;
}
.filterlocal .form-group:first-child {
    width: 140px;
}
.filterlocal button {
    display: none !important;
}
.filterlocal .title-form {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: flex;
    align-items: center;
    color: #232558;
    white-space: nowrap;
    position: relative;
}
.filterlocal .title-form svg {
    height: 15px;
    fill: #005795 !important;
    margin-right: 6px;
    width: 18px;
}

.swipeXfilter1 {
    background: #fff;
    border-radius: 5px;
    max-width: 100%;
    z-index: 10;
}
.swipeXfilter1.slick-slider {
    overflow: hidden;
}
.swipeXfilter1 .form-group {
    min-width: auto;
}
.swipeXfilter1 .datetimefilter {
    width: 100px;
}

.filter-local {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 5px;
}
.filter-local form {
    width: 100%;
}
.filter-local .title-form {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: flex;
    align-items: center;
    color: #232558;
    white-space: nowrap;
}
.filter-local .title-form svg {
    height: 12px;
    fill: #005795 !important;
    margin-right: 6px;
}
.filter-local input {
    cursor: pointer;
}
.filter-local .custom-select {
    min-width: 200px;
    cursor: pointer;
}

.twitter-timeline {
    width: 100vw !important;
}

.events {
    margin-top: 20px;
    min-height: 150px;
    display: flex;
    flex-flow: row wrap;
}
.events h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}
.events h4 {
    font-size: 14px;
    font-size: 1.4rem;
    color: #232558;
}
.events h5 {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.events .event-local {
    margin-top: 9px;
    color: #7997af;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.events .event-local svg {
    height: 20px;
    margin: 0 6px 0 0;
    width: 15px;
    fill: #7997af !important;
}
.events .event-type {
    display: flex;
    flex-direction: column;
    flex-basis: 190px;
    padding-top: 10px;
}
.events .event-type .type-register {
    margin-bottom: 30px;
}
.events .event-type img {
    height: 13px;
    width: 17px;
    margin-right: 10px;
}
.events .event-type .event-type-label {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    display: block;
    margin-right: 5px;
}
.events .event-type .event-type-title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #232558;
    display: flex;
    justify-content: flex-start;
    margin-left: 2px;
}
.events .event-type .event-type-title span {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    display: block;
    margin-right: 5px;
    width: calc(100% - 20px);
}
.events .type-register {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
}
.events .type-register.recruteur {
    color: #026096;
}
.events .type-register.candidat {
    color: #026096;
}
.events .event-details {
    padding: 20px 10px 20px 16px;
    width: calc(100% - 338px);
}
.events .event-details h4,
.events .event-details h3 {
    color: #232558;
}
.events .event-details .container-event-details {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.events .event-details .container-event-details .event-info-date-limit {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-top: 5px;
}
.events .event-date {
    flex-basis: 130px;
    border-right: 1px solid #edf7f7;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-weight: 600;
}
.events .event-date .event-day {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
    height: 54px;
    width: 50px;
    background: url("../../img/edito/icone/calendar.svg") no-repeat center;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 15px;
}
.events .event-date .event-limit {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
    white-space: nowrap;
}
.events .event-date .event-mounth {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
    text-transform: capitalize;
    font-weight: 300;
    margin-top: 0px;
}

.slick-vertical .slick-slide {
    border: none !important;
}

.mt-negative {
    margin-top: -42px;
}

.slider-single .slick-dots {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.slider-single .slick-dots li {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    overflow: hidden;
    list-style: none;
    background: #7997af;
    margin-bottom: 10px;
    cursor: pointer;
}
.slider-single .slick-dots li button {
    display: none;
}
.slider-single .slick-dots li.slick-active {
    background: #232558;
}

.theme-tendances .card-detail__title,
.page-tendances .card-detail__title,
.theme-outils .card-detail__title {
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    line-height: 35px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.theme-tendances .tools-container .card-teaser-tools,
.page-tendances .tools-container .card-teaser-tools,
.theme-outils .tools-container .card-teaser-tools {
    border: 1px solid #232558 !important;
    margin-bottom: 30px;
}
.theme-tendances .tools-container .card-teaser-tools .card-subtitle,
.page-tendances .tools-container .card-teaser-tools .card-subtitle,
.theme-outils .tools-container .card-teaser-tools .card-subtitle {
    text-align: center;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}
.theme-tendances .tools-container .card-teaser-tools .card-subtitle p,
.page-tendances .tools-container .card-teaser-tools .card-subtitle p,
.theme-outils .tools-container .card-teaser-tools .card-subtitle p {
    margin-bottom: 20px;
}
.theme-tendances .tools-container .call-to-action__container img,
.page-tendances .tools-container .call-to-action__container img,
.theme-outils .tools-container .call-to-action__container img {
    max-width: 200px;
}
.theme-tendances .tools-container .row .col-lg-4,
.theme-tendances .tools-container .row .col-lg-6,
.page-tendances .tools-container .row .col-lg-4,
.page-tendances .tools-container .row .col-lg-6,
.theme-outils .tools-container .row .col-lg-4,
.theme-outils .tools-container .row .col-lg-6 {
    margin-top: 30px;
    min-height: 200px;
}
.theme-tendances .tools-container .card-teaser-avis,
.page-tendances .tools-container .card-teaser-avis,
.theme-outils .tools-container .card-teaser-avis {
    border: 1px solid #cfcfcf;
}
.theme-tendances .tools-container .card-teaser-avis .card-subtitle,
.page-tendances .tools-container .card-teaser-avis .card-subtitle,
.theme-outils .tools-container .card-teaser-avis .card-subtitle {
    text-align: left;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}
.theme-tendances .tools-container .card-teaser-tools__sub .card-subtitle,
.page-tendances .tools-container .card-teaser-tools__sub .card-subtitle,
.theme-outils .tools-container .card-teaser-tools__sub .card-subtitle {
    text-align: left;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
.theme-tendances .tools-container .card-teaser-avis .card-body,
.page-tendances .tools-container .card-teaser-avis .card-body,
.theme-outils .tools-container .card-teaser-avis .card-body {
    padding: 20px;
}
.theme-tendances .tools-container .card-teaser-avis .card-teaser-avis-title,
.page-tendances .tools-container .card-teaser-avis .card-teaser-avis-title,
.theme-outils .tools-container .card-teaser-avis .card-teaser-avis-title {
    display: flex;
    align-items: center;
    height: 80px;
}
.theme-tendances .tools-container .card-teaser-avis .card-teaser-avis-title .card-subtitle p,
.page-tendances .tools-container .card-teaser-avis .card-teaser-avis-title .card-subtitle p,
.theme-outils .tools-container .card-teaser-avis .card-teaser-avis-title .card-subtitle p {
    margin-bottom: 0px;
}
.theme-tendances .tools-container .card-teaser-avis .card-teaser-avis-content,
.page-tendances .tools-container .card-teaser-avis .card-teaser-avis-content,
.theme-outils .tools-container .card-teaser-avis .card-teaser-avis-content {
    border-top: 1px solid #cfcfcf;
}
.theme-tendances .tools-container .card-teaser-avis .card-teaser-avis-content .card-text,
.page-tendances .tools-container .card-teaser-avis .card-teaser-avis-content .card-text,
.theme-outils .tools-container .card-teaser-avis .card-teaser-avis-content .card-text {
    color: #232558;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    text-align: left;
    margin-bottom: 30px;
}
.theme-tendances .tools-container .card-teaser-avis .card-teaser-avis-content .info-author,
.page-tendances .tools-container .card-teaser-avis .card-teaser-avis-content .info-author,
.theme-outils .tools-container .card-teaser-avis .card-teaser-avis-content .info-author {
    font-size: 12px;
    font-size: 1.2rem;
    color: #7a8999;
    margin-bottom: 10px;
}
.theme-tendances .tools-container .card-teaser-avis,
.theme-tendances .tools-container .card-teaser-tools__sub,
.theme-tendances .tools-container .card-teaser-tools,
.page-tendances .tools-container .card-teaser-avis,
.page-tendances .tools-container .card-teaser-tools__sub,
.page-tendances .tools-container .card-teaser-tools,
.theme-outils .tools-container .card-teaser-avis,
.theme-outils .tools-container .card-teaser-tools__sub,
.theme-outils .tools-container .card-teaser-tools {
    background-color: #ffffff;
    height: 100%;
}
.theme-tendances .tools-container .card-teaser-avis .card-subtitle p,
.theme-tendances .tools-container .card-teaser-tools__sub .card-subtitle p,
.theme-tendances .tools-container .card-teaser-tools .card-subtitle p,
.page-tendances .tools-container .card-teaser-avis .card-subtitle p,
.page-tendances .tools-container .card-teaser-tools__sub .card-subtitle p,
.page-tendances .tools-container .card-teaser-tools .card-subtitle p,
.theme-outils .tools-container .card-teaser-avis .card-subtitle p,
.theme-outils .tools-container .card-teaser-tools__sub .card-subtitle p,
.theme-outils .tools-container .card-teaser-tools .card-subtitle p {
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.theme-tendances .tools-container .card-teaser-avis .card-text,
.theme-tendances .tools-container .card-teaser-tools__sub .card-text,
.theme-tendances .tools-container .card-teaser-tools .card-text,
.page-tendances .tools-container .card-teaser-avis .card-text,
.page-tendances .tools-container .card-teaser-tools__sub .card-text,
.page-tendances .tools-container .card-teaser-tools .card-text,
.theme-outils .tools-container .card-teaser-avis .card-text,
.theme-outils .tools-container .card-teaser-tools__sub .card-text,
.theme-outils .tools-container .card-teaser-tools .card-text {
    color: #232558;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
}
.theme-tendances .tools-container .card-teaser-avis .icone-tools,
.theme-tendances .tools-container .card-teaser-tools__sub .icone-tools,
.theme-tendances .tools-container .card-teaser-tools .icone-tools,
.page-tendances .tools-container .card-teaser-avis .icone-tools,
.page-tendances .tools-container .card-teaser-tools__sub .icone-tools,
.page-tendances .tools-container .card-teaser-tools .icone-tools,
.theme-outils .tools-container .card-teaser-avis .icone-tools,
.theme-outils .tools-container .card-teaser-tools__sub .icone-tools,
.theme-outils .tools-container .card-teaser-tools .icone-tools {
    width: auto;
    height: 60px;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.theme-tendances .tools-container .card-teaser-avis .right-arrow,
.theme-tendances .tools-container .card-teaser-tools__sub .right-arrow,
.theme-tendances .tools-container .card-teaser-tools .right-arrow,
.page-tendances .tools-container .card-teaser-avis .right-arrow,
.page-tendances .tools-container .card-teaser-tools__sub .right-arrow,
.page-tendances .tools-container .card-teaser-tools .right-arrow,
.theme-outils .tools-container .card-teaser-avis .right-arrow,
.theme-outils .tools-container .card-teaser-tools__sub .right-arrow,
.theme-outils .tools-container .card-teaser-tools .right-arrow {
    width: 25px;
    position: absolute;
    bottom: 18px;
    right: 20px;
    transition: 0.2s ease;
}
.theme-tendances .tools-container .card-teaser-avis:hover .right-arrow,
.theme-tendances .tools-container .card-teaser-tools__sub:hover .right-arrow,
.theme-tendances .tools-container .card-teaser-tools:hover .right-arrow,
.page-tendances .tools-container .card-teaser-avis:hover .right-arrow,
.page-tendances .tools-container .card-teaser-tools__sub:hover .right-arrow,
.page-tendances .tools-container .card-teaser-tools:hover .right-arrow,
.theme-outils .tools-container .card-teaser-avis:hover .right-arrow,
.theme-outils .tools-container .card-teaser-tools__sub:hover .right-arrow,
.theme-outils .tools-container .card-teaser-tools:hover .right-arrow {
    right: 15px;
}
.theme-tendances .tools-container .card-body,
.page-tendances .tools-container .card-body,
.theme-outils .tools-container .card-body {
    padding: 30px;
}
.theme-tendances .title-head__content,
.page-tendances .title-head__content,
.theme-outils .title-head__content {
    margin-bottom: 30px;
}
.theme-tendances .article-search,
.page-tendances .article-search,
.theme-outils .article-search {
    margin-top: 0px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.all-tools .card-body {
    padding-bottom: 140px !important;
}
.all-tools .call-to-action {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 108px;
}
.all-tools .call-to-action__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.all-tools .call-to-action__container a:first-child {
    margin-bottom: 10px;
}

.theme-outils.service .card-body {
    padding: 30px 30px 0 30px;
}
.theme-outils.service .card-body .card-subtitle {
    min-height: 44px;
}
.theme-outils.service .call-to-action {
    padding: 0 30px 30px 30px;
}

.service .call-to-action .call-to-action__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.page-tendances .profession-container .card-teaser-picto,
.page-tendances .tools-container .card-teaser-picto {
    min-height: 220px;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #cfcfcf;
}
.page-tendances .profession-container .card-teaser-picto .card-subtitle,
.page-tendances .tools-container .card-teaser-picto .card-subtitle {
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 30px;
}
.page-tendances .profession-container .card-teaser-picto .right-arrow,
.page-tendances .tools-container .card-teaser-picto .right-arrow {
    width: 25px;
    position: absolute;
    bottom: 18px;
    right: 20px;
    transition: 0.2s ease;
}
.page-tendances .profession-container .card-teaser-picto:hover .right-arrow,
.page-tendances .tools-container .card-teaser-picto:hover .right-arrow {
    right: 15px;
}
.page-tendances .profession-container .card-body,
.page-tendances .tools-container .card-body {
    padding: 15px;
}
.page-tendances .title-head__content {
    margin-top: 50px;
    margin-bottom: 50px;
}

.container-chips {
    margin-bottom: 50px;
}
.container-chips svg {
    fill: #fff !important;
}

.show-map {
    display: block;
}
.show-map:hover {
    cursor: pointer;
}

.chips {
    height: 36px;
    border-radius: 28px;
    padding: 6px 14px;
    display: inline-block;
    position: relative;
    min-width: 70px;
}
.chips svg {
    height: 24px;
}
.chips.float {
    padding-right: 35px;
}
.chips.float::before {
    content: "";
    background: url("../../img/edito/icone/chevron-r-white.svg") no-repeat center;
    position: absolute;
    right: 13px;
    width: 7px;
    height: 100%;
    top: 0;
    background-size: contain;
}
.chips.primary {
    background: #005795;
}

.hidden-sm-up {
    display: none !important;
}

.offers {
    padding: 0px;
}

.number-offers {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
}
.number-offers span {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Roboto-Medium", Verdana, Arial, sans-serif;
    color: #232558;
    margin-right: 4px;
}

.bloc-separator {
    margin-top: 20px;
}
.bloc-separator .card-body img {
    height: 27px;
}
.bloc-separator.profession-container {
    margin-bottom: 40px;
}
.bloc-separator.profession-container a {
    margin-bottom: 20px;
    display: block;
}

.bloc-separator-line {
    margin-bottom: 20px;
    border-bottom: 1px solid #232558;
}

.list-offers a {
    display: block;
    align-items: flex-start;
}
.list-offers .partner-offer {
    text-align: left;
}
.list-offers .body-offers {
    border-bottom: 1px solid #7997af;
}
.list-offers .body-offers h3 {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
    text-transform: uppercase;
}
.list-offers .body-offers h1 {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
    text-transform: initial;
    font-size: 16px;
    font-size: 1.6rem;
}
.list-offers .body-offers h2 {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
}
.list-offers .body-offers .type-offer {
    color: #232558;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 9px;
    display: block;
}
.list-offers .body-offers .type-offer.partner {
    color: #232558;
}
.list-offers .body-offers .small-link {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.list-offers .logo-offers {
    margin-right: 15px;
    min-width: 56px;
    background: #ffffff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
}
.list-offers .logo-offers img {
    width: 50px;
    height: auto;
}
.list-offers .logo-no-present {
    margin-right: 15px;
    min-width: 56px;
}

.menu-link-more .list-offers .logo-offers {
    width: 56px;
    height: 56px;
    background: #ffffff;
    border-radius: 0px;
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 16px 0px;
    border: 1px solid #cfcfcf;
}
.menu-link-more .list-offers .logo-no-present {
    border: 1px solid #cfcfcf;
    width: 56px;
    height: 56px;
    margin: 16px 0px;
}

.fiche-metier .card-offer__logo {
    display: flex;
    justify-content: start;
    margin-bottom: 10px;
    margin-top: 10px;
}
.fiche-metier .card-offer__logo img {
    width: auto;
    height: 58px;
}

.consulting .col-lg-4 {
    margin-bottom: 30px;
}

.job-search {
    background-color: white;
    margin-bottom: 20px;
}
.job-search .offer-search {
    width: 100%;
    display: flex;
    justify-content: center;
}
.job-search .offer-search .include-partenaires {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2px;
    text-align: center;
}
.job-search .offer-search .include-partenaires input {
    position: relative;
    top: 2px;
}
.job-search .offer-search__link {
    display: flex;
    align-items: center;
}
.job-search .offer-search__link p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    padding: 0;
    margin: 0;
}
.job-search .offer-search__link svg,
.job-search .offer-search__link img {
    width: 30px;
    height: 20px;
    margin-right: 5px;
}
.job-search .link-search {
    padding-left: 20px;
    padding-right: 20px;
}
.job-search ul {
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 56px;
    z-index: 1;
    flex-direction: column;
}
.job-search ul li {
    overflow: hidden;
    background: white;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-left: 1px solid transparent;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center;
}
.job-search ul li:first-child {
    border-left: 1px solid #cfcfcf;
}
.job-search ul li::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 91px;
    content: none !important;
}
.job-search ul li::after {
    content: none !important;
}
.job-search ul li a {
    color: #232558;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
    position: relative;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-align: center;
    padding: 18px 0px 18px 0px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.job-search ul li a p {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.job-search ul li a:hover {
    background: #fdc300;
}
.job-search ul li a:focus {
    text-decoration: underline;
}
.job-search .first-line__hide {
    display: none;
}
.job-search .scnd-line li {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: -1px;
    border: 1px solid #cfcfcf;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.job-search .scnd-line li:first-child {
    display: initial;
    max-width: 170px;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}
.job-search .scnd-line li:last-child {
    border-right: 1px solid #cfcfcf;
}

.search-detail .btn-search {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-detail .btn-search p {
    margin: 0;
    padding: 0;
}

.job-search .input {
    border-bottom: 1px solid #cfcfcf !important;
    width: 100%;
}
.job-search .input input {
    height: 36px;
    width: 100%;
}
.job-search .btn-search img {
    width: 25px;
    height: auto;
    margin-left: 5px;
}
.job-search .job-search__toggle {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}
.job-search .job-search__input {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}
.job-search .job-search__localisation {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}
.job-search .job-search__count_a {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid transparent;
    display: none !important;
}
.job-search .job-search__count_b {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid transparent;
    display: flex !important;
    justify-content: center;
}
.job-search .job-search__advance {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid transparent;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 80px;
}
.job-search .job-search__recrut {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.job-search .job-search__btn {
    border-left: 1px solid transparent;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.job-search .job-search__btn .btn-search {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
}
.job-search .job-search__btn .btn-search p {
    margin: 0;
    padding: 0;
}
.job-search .col-md-2 {
    height: 80px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.job-search .col-md-4 {
    height: 80px;
    align-items: center;
    display: flex;
    justify-content: center;
}
@media (max-width: 991px) {
    .job-search .col-md-4 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
.job-search .col-md-3 {
    height: 80px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.resultat-search-offer {
    margin-bottom: 20px;
}
.resultat-search-offer h5 {
    margin-bottom: 15px;
}
.resultat-search-offer .list-offers {
    margin-top: 0;
}
.resultat-search-offer .list-offers .body-offers {
    border: none;
}
.resultat-search-offer .list-offers .body-offers .container-type-partner {
    display: flex;
}
.resultat-search-offer .list-offers .body-offers .container-type-partner .type-offer {
    margin-right: 20px;
}
.resultat-search-offer .list-offers .body-offers .container-type-partner .type-partner {
    color: #026096;
}
.resultat-search-offer .list-offers p {
    margin-bottom: 20px;
}
.resultat-search-offer .details-offer li {
    color: #7997af;
}
.resultat-search-offer .details-offer li svg {
    fill: #7997af;
}
.resultat-search-offer .details-offer li:last-child {
    min-width: auto;
}

.container-details-offer {
    padding: 0;
}
.container-details-offer .report-offer {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.container-details-offer .header-nav-search {
    margin-top: -180px;
}
.container-details-offer .apec-lounge {
    background-color: #f1f1f1;
    display: flex;
    padding: 20px;
    width: calc(100% + 40px);
    transform: translateX(-20px);
}
.container-details-offer .apec-lounge-actions .btn {
    margin-right: 20px;
}
.container-details-offer .apec-lounge-left {
    margin-right: 17px;
}
.container-details-offer .apec-lounge-left img {
    width: 64px;
    height: auto;
}
.container-details-offer .apec-lounge-image {
    width: 100px;
}
.container-details-offer aside .list-offers .body-offers {
    width: calc(100% - 56px);
}
.container-details-offer aside h4 {
    color: #232558;
    text-transform: initial;
}
.container-details-offer .card-transaction-white {
    background-color: #ffffff;
    border: 1px solid #232558;
}
.container-details-offer .card-transaction-white .card-number-title {
    color: #fdc300;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 7px;
}
.container-details-offer .card-transaction-white .card-number-title span {
    font-size: 20px;
    font-size: 2rem;
}
.container-details-offer .card-transaction-white .card-title {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-bottom: 16px;
    margin-top: 0;
    color: #232558;
}
.container-details-offer .card-transaction-white p {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #232558;
    margin-bottom: 16px;
}
.container-details-offer .card-transaction-white .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #ffffff;
}
.container-details-offer .card-transaction-white .card-body .call-to-action {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    justify-self: flex-end;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
}
.container-details-offer .card-transaction-white .small-link {
    margin-bottom: 0;
    white-space: nowrap;
}
.container-details-offer .card-transaction-white .small-link span {
    color: #232558;
}
.container-details-offer .card-transaction-white .small-link span {
    color: #232558 !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-decoration: underline;
}

.action {
    display: flex;
}
.action a {
    margin-right: 10px;
}

.details-offer-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.details-offer-list li {
    margin: 0;
    padding: 0;
    margin-right: 15px;
    display: flex;
    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;
    border-radius: 50%;
    background: #232558;
    margin-right: 5px;
}

.details-offer {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.details-offer li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #232558;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    align-items: center;
    justify-content: flex-start;
}
.details-offer li:last-child {
    min-width: 90%;
}
.details-offer li svg {
    height: 15px;
    width: 20px;
    fill: #798690;
    margin-right: 8px;
}

.wrapper-details-event .btn-primary {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.wrapper-details-event h4 {
    font-size: 14px;
    font-size: 1.4rem;
}
.wrapper-details-event.card .card-body {
    padding: 20px 37px;
}
.wrapper-details-event .events {
    margin: 0;
    min-height: auto;
    flex-flow: row;
}
.wrapper-details-event .events .event-date {
    flex-basis: auto;
    border-right: none;
    padding: 0;
}
.wrapper-details-event .events .event-details {
    padding: 0 20px;
    width: auto;
}
.wrapper-details-event .events .event-details h4,
.wrapper-details-event .events .event-details h3 {
    color: #232558;
}
.wrapper-details-event .bloc-title-desc {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.wrapper-details-event .bloc-title-desc a {
    color: #005795;
    font-size: 14px;
    font-size: 1.4rem;
}
.wrapper-details-event .bloc-title-desc img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}
.wrapper-details-event .details-event ul {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
.wrapper-details-event .details-event ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    margin-bottom: 30px;
}
.wrapper-details-event .details-event ul li svg {
    height: 20px;
}

.ui-datepicker-calendar thead span {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
}

.ui-datepicker .ui-datepicker-title,
.ui-datepicker-title {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #ffffff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #026096;
    color: #ffffff;
}

.ui-state-default {
    border: 2px solid transparent;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 2px solid #026096;
    background: transparent;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: 2px solid #026096;
    background-color: #ffffff;
}

.ui-widget.ui-widget-content {
    background: #fbfbfb;
    border: none;
}

.ui-widget-header {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/$gradient-candidat-light+0,ef7352+100 */
    background: #fcb096;
    /* Old browsers */
    background: -moz-linear-gradient(left, #fcb096 0%, #f57558 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fcb096 0%, #f57558 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fcb096 0%, #f57558 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$gradient-candidat-light", endColorstr="$gradient-candidat-dark", GradientType=1);
    /* IE6-9 */
}

.list-width-fixe {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list-width-fixe li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 10px;
    width: 46%;
}

.clear-filter-container {
    position: relative;
}
.clear-filter-container .clear-filter {
    display: none;
    position: absolute;
    right: 0;
    padding: 0 15px;
    background-color: #1b3744;
    line-height: 26px;
    height: 100%;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}
.clear-filter-container .clear-filter svg {
    fill: #fff;
}
.clear-filter-container .clear-icon {
    display: flex;
    background: #ffffff !important;
    border-radius: 0 !important;
    margin-right: 15px;
}
.clear-filter-container .clear-icon:focus {
    outline: 0;
}
.clear-filter-container .clear-icon img {
    width: 17px;
    cursor: pointer;
}

.alphabetical-divider {
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-top: 20px;
    border-bottom: 2px solid #232558;
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}

.ms-bold {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: block;
}

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

.mt-auto {
    margin-top: auto;
}

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

.msg-erreur {
    color: #e73b2b;
}

.advanced-search-bloc {
    background: #f7f7f7;
    height: 42px;
    line-height: 42px;
}
.advanced-search-bloc a {
    flex: none;
    align-items: center;
    color: #026096;
}

.d-flex-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d-flex-column .card-title {
    margin-bottom: 0;
}

.relative {
    position: relative;
}
.relative .title-page {
    margin: auto;
}

.number-candidat {
    max-height: unset !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    height: 74px;
}
.number-candidat span {
    color: #232558 !important;
    font-size: 3.3rem;
    margin-right: 20px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 30px;
    font-size: 3rem;
}

.filter-search-offer .number-candidat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 15px 0;
    height: 50px;
}

.slick-disabled {
    display: none !important;
}

.card-profil-search {
    width: 100%;
}

.filter-profil-container {
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
}
.filter-profil-container .filter-profil {
    width: calc(100% - 300px);
    min-width: 632px;
    flex-direction: row;
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
    padding-right: 20px;
}
.filter-profil-container .filter-profil .filter-profil-details {
    flex: 1 1 auto;
    border-right: 1px solid #f7f7f7;
    padding-right: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.filter-profil-container .filter-profil .filter-profil-details:last-child {
    border: none;
}
.filter-profil-container .filter-profil .filter-profil-details svg {
    height: 20px;
    align-items: center;
    margin-right: 20px;
    color: #232558;
}
.filter-profil-container .filter-profil .filter-profil-details span {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
    margin-left: 15px;
}

.delate svg {
    width: 15px;
}

.end-cards .card-preview img {
    width: 30px;
    height: 30px;
    margin-top: 0;
}
.end-cards .card-preview .card-body {
    padding: 30px;
    height: 100%;
}
.end-cards .card-preview .card-body .card-title {
    font-size: 29px;
    font-size: 2.9rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.end-cards .card-preview .card-body p {
    margin-bottom: 60px;
}
.end-cards .right-arrow {
    position: absolute;
    transition: 0.2s;
    right: 20px;
    bottom: 20px;
}
.end-cards .right-arrow img {
    width: 25px;
    height: 25px;
}

.result-profil-search {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.result-profil-search .head-card {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
}
.result-profil-search .head-card h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
    margin-bottom: 10px;
}
.result-profil-search .head-card span {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    margin-bottom: 10px;
}
.result-profil-search .head-card .years-experience {
    color: #232558;
}
.result-profil-search .head-card .profil-updated {
    color: #7997af;
}
.result-profil-search .action-profil-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}
.result-profil-search .action-profil-button .btn {
    margin: 5px 10px;
}

.detail-profil-search {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
}
.detail-profil-search.gray {
    background: rgba(0, 0, 0, 0.16);
}

.filter-chips {
    margin-bottom: 20px;
    display: flex;
}
.filter-chips .title-filter-chips {
    white-space: nowrap;
}
.filter-chips .title-filter-chips span {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.filter-chips .body-filter-chips {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.filter-chips span {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 20px;
}

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

.width96 {
    width: 96%;
}

.container-menu-pub {
    margin-bottom: 20px;
}
.container-menu-pub .article-container {
    width: calc(100% - 267px);
    margin-left: 20px;
    height: auto;
}
.container-menu-pub .article-container p {
    font-size: 14px;
    font-size: 1.4rem;
}
.container-menu-pub .bloc-img-fixe {
    width: 500px;
}
.container-menu-pub .bloc-img-fixe.small {
    width: 287px;
}

.link-icone {
    color: #026096;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    display: flex;
}
.link-icone svg,
.link-icone img {
    height: 22px;
    margin-right: 8px;
}

.sortby-alert {
    height: 74px;
}

.sortby {
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #cfcfcf;
    padding: 0px 15px 0px 15px;
}
.sortby .custom-select {
    min-width: auto;
}
.sortby span {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.sortby .form-group {
    margin: 0;
}
.sortby .form-group select {
    background-color: transparent;
    border-color: transparent;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    box-shadow: none !important;
}

a.custom-radio {
    padding-left: 0px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    cursor: pointer;
}

.filter-search-offer .card {
    background: #ffffff;
    height: auto;
    width: 100%;
}
.filter-search-offer .body-filter-search {
    transition: all 0.2s;
    width: 100% !important;
}
.filter-search-offer .body-filter-search .save-search {
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 2px solid #fdc300;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 5px;
}
.filter-search-offer .body-filter-search .save-search:hover {
    background-color: #ffd038;
    color: #232558;
}
.filter-search-offer .head-filter-search {
    cursor: pointer;
    padding: 4px 24px;
    height: 50px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: flex;
    align-items: center;
    border-top: 1px solid #232558;
    border-bottom: 1px solid #232558;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: underline !important;
}
.filter-search-offer .head-filter-search svg,
.filter-search-offer .head-filter-search img {
    height: 28px;
    margin-right: 15px;
}
.filter-search-offer .filter-search .filter-btn {
    color: #232558;
    padding-left: 0;
    padding-right: 20px;
    display: block;
    background: none;
    position: relative;
    width: calc(100% - 10px);
    text-align: left;
    text-transform: capitalize;
}
.filter-search-offer .filter-search .filter-btn:first-child {
    margin-top: 10px;
}
.filter-search-offer .filter-search .filter-btn:hover::after {
    transform: rotate(90deg);
}
.filter-search-offer .filter-search .filter-btn.collapsed::after {
    transform: rotate(90deg);
}

.rendez-vous .card-body {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
    white-space: nowrap;
}

.call-to-action__container {
    display: flex;
    justify-items: center;
}
.call-to-action__container .small-link {
    margin-bottom: 0;
    display: flex;
    justify-items: center;
}

.bg-gray {
    background: #f1f1f1;
}

.filter-tree {
    margin: 0;
    padding: 0;
}
.filter-tree .filter-level {
    color: #7a8999 !important;
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 15px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.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;
}

.list-icone-title ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.list-icone-title li {
    background: #232558;
    color: #ffffff;
    position: relative;
    background-size: 30px 10px;
    border-radius: 0px;
    list-style: none;
    margin: 0;
    padding: 40px 15px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    display: flex;
    align-items: center;
    width: 30%;
}
.list-icone-title li p {
    color: #ffffff;
    margin: 0;
}
.list-icone-title li .list-icone-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.list-icone-title li .list-icone-content .small-link {
    margin: 0;
    position: absolute;
    bottom: 15px;
}
.list-icone-title li .list-icone-content .small-link img {
    width: 17px;
}
.list-icone-title li::before {
    content: "";
    display: block;
    position: relative;
    background: url("../../img/edito/candidat/commercial.svg") no-repeat center;
    background-size: contain;
    width: 26px;
    height: 22px;
    flex-shrink: 0;
    margin-right: 13px;
}

.page-item.active .page-link {
    background: #232558;
}

.pagination,
nav.paging {
    display: flex;
    justify-content: center;
}

.page-item {
    display: flex;
}
.page-item .page-link {
    background-color: transparent;
    border: none;
    color: #232558;
}
.page-item .page-link.next {
    transform: rotate(180deg);
    margin-top: 2px;
}

.dropdown-header {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    background: #f8f8f9;
    padding-left: 20px;
    text-transform: capitalize;
}

.nav-page {
    display: flex;
    justify-content: space-between;
}
.nav-page a {
    display: flex;
    align-items: center;
    line-height: 30px;
    color: #026096;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.nav-page a.prevpage img {
    margin-right: 8px;
}
.nav-page a.nextpage img {
    margin-left: 8px;
    height: 24px;
    width: auto;
}

.tel-center {
    margin-top: 15px;
}
.tel-center img {
    height: 20px;
}

.centre-search {
    position: relative;
}

.popIn {
    background: #fff;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    padding: 10px;
    display: none;
    cursor: pointer;
}
.popIn a {
    display: flex;
    flex-direction: column;
}
.popIn::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ffffff;
    position: absolute;
    bottom: -5px;
}
.popIn .bloc-center-detail {
    margin: 0;
}

.container-center-detail {
    margin: auto;
}
.container-center-detail .block-week {
    margin-bottom: 20px;
    margin-top: 30px;
}
.container-center-detail .block-week .day {
    width: 80px;
    text-align: right;
    margin-right: 5px;
}
.container-center-detail h3 {
    margin-bottom: 30px;
}
.container-center-detail .bloc-center-detail {
    margin-top: 0;
    margin-bottom: 38px;
    align-items: center;
}
.container-center-detail .bloc-center-detail .call-to-action {
    margin-top: 28px;
    margin-bottom: 28px;
}
.container-center-detail .bloc-center-detail .call-to-action a {
    margin-bottom: 8px;
}
.container-center-detail .bloc-center-detail .call-to-action a:first-child {
    margin-right: 20px !important;
}

.week {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.infos {
    color: #7997af;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 5px;
}

.around-center {
    position: absolute;
    right: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    bottom: 0px;
    padding-right: 5px;
}
.around-center img {
    width: 21px;
}

.toogle-map-liste {
    display: flex;
}
.toogle-map-liste span {
    width: 50%;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}
.toogle-map-liste span::before {
    content: "";
    width: 0%;
    height: 5px;
    border-radius: 3px;
    background: #232558;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    transition: all 0.3s;
}
.toogle-map-liste span:hover::before {
    width: 100%;
    opacity: 1;
}
.toogle-map-liste span.active::before {
    width: 100%;
    opacity: 1;
}

.hidden-xl-down {
    display: none;
}

.certified-apec img {
    margin-right: 10px;
}

.br-r-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.br-l-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.mtb-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.full-height {
    height: 100%;
}

.width-fix {
    width: 224px;
}

.slick-vertical .slick-slide {
    height: 230px !important;
}

.announcement p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
}
.announcement .btn {
    text-transform: unset;
}

.btn-more {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #026096 !important;
    text-decoration: none;
    border: 1px solid #026096;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    max-width: 200px;
    padding: 16px 33px;
}

.problematic-conseil {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
}
.problematic-conseil h2 {
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    color: #ffffff;
}
.problematic-conseil p {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    color: #ffffff;
}

.bandeau__head-nav {
    background-color: #232558;
    margin-top: -30px;
}

.bandeau__head-nav + .bandeau__head-nav {
    margin-top: 0;
}

.bg-secondary-blue {
    background-color: #026096;
}

.header-card-preview {
    border-top: 1px solid #232558;
    border-bottom: 1px solid #232558;
    padding-top: 30px;
    padding-bottom: 30px;
}
.header-card-preview h2 {
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
}
.header-card-preview p {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #026096;
    margin-bottom: 0;
}

.article-preview {
    margin-top: 50px;
    margin-bottom: 50px;
}
.article-preview .article-r {
    padding: 50px;
    padding-top: 0;
    padding-bottom: 0;
}
.article-preview .article-r .author-container {
    margin-bottom: 20px;
}
.article-preview .article-r .title-2 {
    font-size: 40px;
    font-size: 4rem;
}
.article-preview .article-r .article-body p {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    line-height: 25px;
    line-height: 2.5rem;
    margin-bottom: 20px;
}
.article-preview .article-r .small-link span {
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.article .article-l .article-l_imgdetail {
    display: flex;
    height: 100px;
    border-bottom: 1px solid #cfcfcf;
}
.article .article-l .article-l_imgdetail .sticker {
    background-color: #026096;
    color: #ffffff;
    width: fit-content;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 30%;
    height: 100%;
    text-align: center;
}
.article .article-l .article-l_imgdetail .block-share {
    flex-basis: 70%;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #cfcfcf;
    height: 100%;
}
.article .article-r {
    flex: 50%;
}

.problematic .p-content {
    margin-top: 0;
}
.problematic .card-problematic-ateliers,
.problematic .card-profils,
.problematic .card-transaction {
    background-color: #ffffff;
    margin-bottom: 30px;
    height: 290px;
    padding: 20px;
    padding-top: 20px;
}
.problematic .card-problematic-ateliers .card-body,
.problematic .card-profils .card-body,
.problematic .card-transaction .card-body {
    color: #232558;
    overflow-y: auto;
    max-height: 170px;
    padding-bottom: 0;
    padding-top: 0;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}
.problematic .card-problematic-ateliers .card-body::-webkit-scrollbar,
.problematic .card-profils .card-body::-webkit-scrollbar,
.problematic .card-transaction .card-body::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}
.problematic .card-problematic-ateliers .card-body::-webkit-scrollbar-track,
.problematic .card-profils .card-body::-webkit-scrollbar-track,
.problematic .card-transaction .card-body::-webkit-scrollbar-track {
    background: #cfcfcf;
    border-radius: 5px;
}
.problematic .card-problematic-ateliers .card-body::-webkit-scrollbar-thumb,
.problematic .card-profils .card-body::-webkit-scrollbar-thumb,
.problematic .card-transaction .card-body::-webkit-scrollbar-thumb {
    background: #232558;
    border-radius: 5px;
}
.problematic .card-problematic-ateliers .card-body::-webkit-scrollbar-thumb:hover,
.problematic .card-profils .card-body::-webkit-scrollbar-thumb:hover,
.problematic .card-transaction .card-body::-webkit-scrollbar-thumb:hover {
    background: #232558;
}
.problematic .card-problematic-ateliers .card-body .card-title,
.problematic .card-profils .card-body .card-title,
.problematic .card-transaction .card-body .card-title {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 10px;
}
.problematic .card-problematic-ateliers .card-body p,
.problematic .card-profils .card-body p,
.problematic .card-transaction .card-body p {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}
.problematic .card-problematic-ateliers .card-body img,
.problematic .card-profils .card-body img,
.problematic .card-transaction .card-body img {
    height: 60px;
}
.problematic .card-problematic-ateliers .call-to-action__container,
.problematic .card-profils .call-to-action__container,
.problematic .card-transaction .call-to-action__container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    width: 100%;
    top: 25px;
}
.problematic .card-problematic-ateliers .call-to-action__container .btn,
.problematic .card-profils .call-to-action__container .btn,
.problematic .card-transaction .call-to-action__container .btn {
    margin: 0;
}
.problematic .card-problematic-ateliers .call-to-action__container .btn-primary,
.problematic .card-profils .call-to-action__container .btn-primary,
.problematic .card-transaction .call-to-action__container .btn-primary {
    background-color: #026096;
    color: #ffffff;
    border-radius: 5px;
}
.problematic .card-problematic-ateliers .call-to-action__container .btn-primary:not(:disabled):not(.disabled):active,
.problematic .card-profils .call-to-action__container .btn-primary:not(:disabled):not(.disabled):active,
.problematic .card-transaction .call-to-action__container .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #026096;
    color: #ffffff;
}
.problematic .card-conseil {
    background-color: transparent;
}
.problematic .other-question {
    border-top: 1px solid white;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: transparent;
    color: #ffffff;
}
.problematic .other-question p {
    color: #ffffff;
}
.problematic .other-question .small-link {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.problematic .other-question .small-link span {
    text-decoration: underline;
}
.problematic .other-question p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    line-height: 25px;
    width: 50%;
    text-align: left;
}

.fiche-metier .card-detail img {
    width: 45px;
    height: auto;
    margin-right: 20px;
}
.fiche-metier .card-head-detail {
    padding-top: 40px;
}
.fiche-metier .block-share .share-link {
    flex-direction: row;
}
.fiche-metier .txt-metier {
    color: #232558;
}
.fiche-metier .txt-metier h4 {
    padding-top: 7px;
    padding-bottom: 7px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
}
.fiche-metier .txt-metier .rem li {
    font-size: 14px;
    font-size: 1.4rem;
}
.fiche-metier .txt-metier ul {
    list-style: none;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
}
.fiche-metier .txt-metier ul li {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 20px;
    margin-bottom: 14px;
}
.fiche-metier .txt-metier ul li::before {
    content: "•";
    color: #fdc300;
    position: absolute;
    left: 0;
}
.fiche-metier .txt-metier ul li::before p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.fiche-metier .txt-metier p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 20px;
}

.list-checked {
    margin-left: 0;
    padding: 0;
}
.list-checked li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: flex;
    margin-bottom: 20px;
}
.list-checked li::before {
    margin-top: 2px;
    margin-right: 5px;
    content: url(../../img/edito/cheched-blue.png);
}

.title-menu-secondary {
    color: #232558;
    display: flex;
    align-items: center;
    padding: 20px;
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
}
.title-menu-secondary h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.user-profile__name {
    text-overflow: ellipsis;
}

.bloc-center-detail .captions {
    color: #7997af;
    font-size: 14px;
    font-size: 1.4rem;
    margin: auto;
    max-width: 380px;
}
.bloc-center-detail .captions a {
    color: #7997af;
}

a.link {
    color: #7997af;
    text-decoration: underline;
}

.map-zone h4 {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-transform: capitalize;
}

/* autopromo */
.autopromo-desc {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.autopromo-desc .card-text p {
    margin-bottom: 0;
}

/* hack ie11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {
        overflow-x: hidden;
    }
}
/**
* Slide theme
* extrait importé de slcik-theme.css
* pour récupérer le style des flèches
*/
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 12px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

.slick-prev:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
}

.slick-next {
    right: -25px;
}

.slick-next:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
}

.info-sanitaire {
    display: none;
}

.container-picture-society {
    width: 100%;
    height: 80px;
    overflow: hidden;
    background-color: #232558;
}
.container-picture-society img {
    width: 100%;
}

.modal-body .custom-control .checkbox label {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.modal-body .custom-control .checkbox label span {
    text-align: left;
}

.custom-checkbox-input span {
    font-size: 12px;
    font-size: 1.2rem;
}

.work-sim input.form-control {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-overflow: ellipsis;
}
.work-sim input.form-control::placeholder {
    color: #232558;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.work-sim .dropdown-menu {
    padding: 0;
    margin: 0;
    margin-top: -1px;
    max-height: 240px;
}
.work-sim .dropdown-item {
    white-space: initial;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
}
.work-sim .dropdown-item .ng-star-inserted {
    padding: 8px 10px;
}
.work-sim .dropdown-item .error-found.ng-star-inserted {
    margin: 0px;
}
.work-sim .dropdown-item .error-found {
    padding: 8px 10px;
    cursor: auto;
    background: #ffffff;
}
.work-sim .dropdown-item .error-found ul li {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.work-sim .dropdown-item.active,
.work-sim .dropdown-item:active {
    color: #232558;
    text-decoration: none;
    background-color: #fdc300;
}
.work-sim .dropdown-item:focus {
    border: none;
    outline: none;
    text-decoration: none;
    background: none;
}
.work-sim .error-found {
    cursor: auto;
}
.work-sim .error-found .dropdown-item {
    cursor: auto;
}

.btn-alerte {
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 2px solid #fdc300;
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin: 15px 0;
    border-radius: 5px;
    transition: all 0.2s;
}
.btn-alerte:hover {
    background-color: #ffd038;
    color: #232558;
}

.info-perso-entreprise {
    font-size: 11px;
    display: block;
    color: #627275;
}

/* RESPONSIVE */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
@media (min-width: 1200px) {
    .container {
        max-width: 1150px;
        width: 100%;
    }
    .p-content {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .article {
        display: flex;
        flex-direction: row;
        border-radius: 5px;
        border: none;
        position: relative;
    }
    .article .subtitle {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .article .author-container {
        margin-bottom: 30px;
    }
    .article .article-r {
        padding: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar .navbar-bottom__logo {
        left: 100px;
        top: 5px;
    }
    .card-access {
        padding-bottom: 315px;
    }
    .footer__logo {
        flex-basis: 15%;
    }
    .footer__links {
        flex-basis: 30%;
    }
    .footer__social {
        flex-basis: 34%;
    }
    .footer__contact {
        flex-basis: 21%;
    }
    .video-accessibilite .video-container {
        position: absolute;
        bottom: 14px;
        margin-left: 1px;
        height: 292px;
        width: 519px;
        padding-bottom: 0;
    }
    .fiche .fiche__information li {
        list-style: none;
        margin: 0;
        padding: 10px;
        line-height: normal;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        border: 1px solid #cfcfcf;
        box-sizing: content-box;
        width: 47%;
        margin-bottom: -1px;
    }
    .fiche .fiche__information li:nth-child(2n) {
        margin-left: -1px;
    }
    .fiche .fiche__information li a {
        color: #232558;
        display: flex;
        align-items: center;
    }
    .fiche .fiche__information li a:hover, .fiche .fiche__information li a:active {
        text-decoration: none;
    }
    .candidapec .actiont-prof .head-button {
        background-color: white;
        padding: 15px;
        display: inline-block;
        margin-left: -1px;
    }
    /*tableau performance*/
    .table-performance {
        display: table;
        width: 100%;
        height: 100%;
    }
    .table-performance tr {
        height: 100%;
    }
    .table-performance td + td {
        margin-left: 10px;
    }
    .table-performance td.last {
        float: right;
    }
    .table-performance td {
        width: 24%;
    }
    /* child tables */
    .child-table-performance {
        width: 100%;
        height: 100%;
    }
    .child-table-performance tr {
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .child-table-performance th {
        height: 40px;
    }
    .child-table-performance td {
        height: 30px;
    }
    .child-table-performance th,
    .child-table-performance td {
        padding: 5px;
        text-align: left;
        word-break: break-word;
    }
    .child-table-performance thead {
        background-color: #232558;
        height: 100%;
    }
    .child-table-performance thead span {
        color: white;
    }
    .child-table-performance tbody {
        background-color: white;
    }
    .work-sim .dropdown-menu {
        width: 307px;
    }
}
@media (max-width: 1200px) {
    .fiche .fiche__information {
        display: block;
        top: -20px;
    }
    .fiche .fiche__information li {
        list-style: none;
        margin: 0;
        padding: 10px;
        line-height: normal;
        margin-bottom: 16px;
        display: flex;
        border: 1px solid #cfcfcf;
        box-sizing: content-box;
        width: 100%;
        margin-bottom: 0px;
        margin-top: -1px;
    }
    .fiche .fiche__information li:nth-child(2n) {
        margin-left: 0px;
        margin-top: -1px;
    }
    .fiche .fiche__information li a {
        color: #232558;
        display: flex;
        align-items: center;
    }
    .fiche .fiche__information li a:hover, .fiche .fiche__information li a:active {
        text-decoration: none;
    }
    .navbar .navbar-bottom__logo {
        left: 100px;
    }
    .page-home .hero .title-main-container .hero-detail .btn {
        min-width: auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .card-expert .fs-16 {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .events.home .align-items-start h3 {
        font-size: 13px;
        font-size: 1.3rem;
        margin-left: 5px;
    }
    .card-container.search-event {
        flex-wrap: wrap;
    }
    .card-container.search-event .card-container .card-illustration {
        display: flex;
    }
    .card-container.search-event .card-container .card-offer-search.with-transaction {
        width: 100%;
    }
    .search-event {
        justify-content: space-between;
    }
    .search-event.card-container .card-offer-search.with-transaction {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .search-event.card-container .card-offer-search.with-transaction .card-body {
        width: calc(100% - 150px);
    }
    .search-event.card-container .container-find-resume,
    .search-event.card-container .container-profile,
    .search-event.card-container .container-user {
        width: 48%;
    }
    .search-event.card-container .container-find-resume .card-find-resume,
    .search-event.card-container .container-profile .card-find-resume,
    .search-event.card-container .container-user .card-find-resume {
        width: 100%;
    }
    .p-content {
        padding-left: 0px;
        padding-right: 0px;
    }
    .article .article-r {
        padding: 0px;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .list-icone-title li {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-right: 10px;
        padding: 45px 18px !important;
        align-items: center;
    }
    .container-filter {
        position: relative;
    }
    .container-filter .filterlocal {
        display: flex;
    }
    .container-filter .title-form {
        font-size: 0;
    }
    .container-filter form {
        width: calc(100% - 20px);
    }
    .video-accessibilite .video-container {
        position: absolute;
        bottom: 14px;
        margin-left: 1px;
        height: 240px;
        width: 427px;
        padding-bottom: 0;
    }
    .card-access {
        padding-bottom: 250px;
    }
    .footer__logo {
        flex-basis: 15%;
    }
    .footer__links {
        flex-basis: 20%;
    }
    .footer__social {
        flex-basis: 43%;
    }
    .footer__contact {
        flex-basis: 21%;
    }
    .work-sim .dropdown-menu {
        width: 240px;
    }
    .menu-secondary ul li {
        flex-wrap: wrap;
        justify-content: center;
    }
    .menu-secondary ul li img {
        left: 0;
        top: 0;
        margin-top: 10px;
        transform: translateY(0);
    }
    .menu-secondary ul li a {
        padding: 13px 0px 13px 0px;
    }
}
@media (min-width: 991px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 0 15px;
    }
    .navbar .navbar-nav .nav-item .nav-link::before {
        margin-right: 12px;
    }
    .extra-nav-bottom {
        background-color: #232558;
        position: absolute;
        height: 51px;
        width: 100%;
        z-index: -1;
        margin-top: -1px;
        display: block;
    }
    .btn-alerte-small {
        display: none;
    }
    .sortby-header {
        box-sizing: border-box;
        /* height: 74px; */
        margin: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    .sortby span {
        font-size: 14px;
        font-size: 1.4rem;
        font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    }
    .page-tendances .title-head__content {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .article-form__input-container .input-container {
        flex-basis: 70%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: none;
    }
    .input-group {
        justify-content: space-between;
        align-items: center;
    }
    .input-group .input-group-append {
        align-items: center;
        justify-content: end;
        padding-right: 20px;
        flex-basis: 30%;
    }
    .theme-candidat .card-profile-connected {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }
    .theme-candidat .card-profile-connected img {
        width: 90px;
        height: 90px;
        margin-right: 15px;
    }
    .theme-candidat .card-profile-connected h2 {
        color: #232558;
        font-size: 30px;
        font-size: 3rem;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    }
    .theme-candidat .card-profile-connected h3 {
        color: #232558;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .theme-candidat .card-profile-connected .profil-resume {
        height: 60%;
        padding: 20px;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-job {
        color: #232558;
        font-size: 14px;
        font-size: 1.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-visible {
        font-size: 12px;
        font-size: 1.2rem;
        color: #33d04d;
        padding-left: 25px;
        top: 75px;
        position: absolute;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-visible::before {
        content: "";
        background: url(../../img/pictos/eye-green.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-invisible {
        font-size: 12px;
        font-size: 1.2rem;
        color: red;
        padding-left: 25px;
        position: absolute;
        top: 75px;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-invisible::before {
        content: "";
        background: url(../../img/pictos/eye-crossed-red.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-candidat .card-profile-connected .profil-stats {
        height: 40%;
        border-top: 1px solid #cfcfcf;
    }
    .theme-candidat .card-profile-connected .profil-percent {
        background-color: #fdc300;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .theme-candidat .card-profile-connected .profil-percent p {
        margin: 0;
        line-height: 2.9rem;
        font-size: 13px;
        font-size: 1.3rem;
    }
    .theme-candidat .card-profile-connected .profil-percent p:last-child {
        font-size: 30px;
        font-size: 3rem;
    }
    .theme-candidat .card-profile-connected .profil-consult {
        background-color: #ffffff;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .theme-candidat .card-profile-connected .profil-consult p {
        margin: 0;
        line-height: 2.9rem;
        font-size: 13px;
        font-size: 1.3rem;
    }
    .theme-candidat .card-profile-connected .profil-consult p:first-child {
        font-size: 30px;
        font-size: 3rem;
        color: #fdc300;
        margin-top: 7px;
    }
    .theme-candidat .card-profile-connected .offers-publish {
        background-color: #fdc300;
    }
    .theme-candidat .card-profile-connected .offers-publish p {
        color: #232558;
    }
    .theme-candidat .card-profile-connected .offers-treatment {
        background-color: #ffffff;
    }
    .theme-candidat .card-profile-connected .offers-treatment p {
        color: #232558;
    }
    .theme-candidat .card-profile-connected .offers-waiting {
        background-color: #232558;
    }
    .theme-candidat .card-profile-connected .offers-waiting p {
        color: #ffffff;
    }
    .theme-candidat .card-profile-connected .offers-publish,
    .theme-candidat .card-profile-connected .offers-treatment,
    .theme-candidat .card-profile-connected .offers-waiting {
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .theme-candidat .card-profile-connected .offers-publish p,
    .theme-candidat .card-profile-connected .offers-treatment p,
    .theme-candidat .card-profile-connected .offers-waiting p {
        margin: 0;
        text-align: center;
        line-height: 1.9rem;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .theme-candidat .card-profile-connected .offers-publish p:first-child,
    .theme-candidat .card-profile-connected .offers-treatment p:first-child,
    .theme-candidat .card-profile-connected .offers-waiting p:first-child {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 5px;
    }
    .theme-recruteur .card-profile-connected {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }
    .theme-recruteur .card-profile-connected img {
        width: 90px;
        height: 90px;
        margin-right: 15px;
    }
    .theme-recruteur .card-profile-connected h2 {
        color: #232558;
        font-size: 30px;
        font-size: 3rem;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    }
    .theme-recruteur .card-profile-connected h3 {
        color: #232558;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .theme-recruteur .card-profile-connected .profil-resume {
        height: 50%;
        padding: 20px;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-job {
        color: #232558;
        font-size: 14px;
        font-size: 1.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-visible {
        font-size: 12px;
        font-size: 1.2rem;
        color: #33d04d;
        padding-left: 25px;
        top: 75px;
        position: absolute;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-visible::before {
        content: "";
        background: url(../../img/pictos/eye-green.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-invisible {
        font-size: 12px;
        font-size: 1.2rem;
        color: red;
        padding-left: 25px;
        position: absolute;
        top: 75px;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-invisible::before {
        content: "";
        background: url(../../img/pictos/eye-crossed-red.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-recruteur .card-profile-connected .profil-stats {
        height: 50%;
        border-top: 1px solid #cfcfcf;
    }
    .theme-recruteur .card-profile-connected .offers-publish {
        background-color: #fdc300;
    }
    .theme-recruteur .card-profile-connected .offers-publish p {
        color: #232558;
    }
    .theme-recruteur .card-profile-connected .offers-treatment {
        background-color: #ffffff;
    }
    .theme-recruteur .card-profile-connected .offers-treatment p {
        color: #232558;
    }
    .theme-recruteur .card-profile-connected .offers-waiting {
        background-color: #232558;
    }
    .theme-recruteur .card-profile-connected .offers-waiting p {
        color: #ffffff;
    }
    .theme-recruteur .card-profile-connected .offers-publish,
    .theme-recruteur .card-profile-connected .offers-treatment,
    .theme-recruteur .card-profile-connected .offers-waiting {
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .theme-recruteur .card-profile-connected .offers-publish p,
    .theme-recruteur .card-profile-connected .offers-treatment p,
    .theme-recruteur .card-profile-connected .offers-waiting p {
        margin: 0;
        text-align: center;
        line-height: 1.9rem;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .theme-recruteur .card-profile-connected .offers-publish p:first-child,
    .theme-recruteur .card-profile-connected .offers-treatment p:first-child,
    .theme-recruteur .card-profile-connected .offers-waiting p:first-child {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 5px;
    }
    .card-preview {
        margin-bottom: 30px;
        flex-basis: 32%;
    }
    .card-find-event {
        border-right: 1px solid #ffffff;
    }
    .candidatsaved .btn-secondary {
        min-width: 20rem;
        width: fit-content;
        white-space: nowrap;
        margin-left: 5px;
    }
}
@media (max-width: 991px) {
    main .recherche-offre {
        margin-top: -420px;
        padding-right: 25px;
        padding-left: 25px;
    }
    .bandeau__head-nav {
        margin-bottom: 30px;
    }
    .card-find-event {
        border-right: none;
        border-bottom: 1px solid #ffffff;
    }
    .card-find-event,
    .card-profile {
        border-bottom: 1px solid #ffffff;
        height: 200px;
    }
    .card-expert .user-icon {
        margin-top: 10px;
    }
    .card-expert h3 {
        margin-top: 60px;
    }
    .card-expert:hover .user-icon {
        margin-top: 5px;
    }
    .theme-outils .card-head .rich-text {
        max-width: 100%;
    }
    .theme-outils .card-head .rich-text ul {
        display: block;
        justify-content: space-between;
    }
    .theme-outils .card-head .rich-text ul li {
        padding-left: 30px;
    }
    .theme-outils .card-head .rich-text ul li::before {
        content: url("../../img/pictos/functional/plus.svg");
        width: 20px;
        height: auto;
    }
    .theme-outils .tools-container .row .col-lg-4,
    .theme-outils .tools-container .row .col-lg-6 {
        margin-top: 30px;
        min-height: 200px;
    }
    .article {
        display: flex;
        flex-direction: column;
    }
    .card-preview {
        margin-bottom: 30px;
        flex-basis: 100%;
    }
    .fiche .fiche__presentation {
        padding-right: 0;
    }
    .menu-secondary {
        width: 100%;
        /* card */
        overflow: hidden;
        background-color: #ffffff;
    }
    .menu-secondary ul {
        display: flex;
    }
    .menu-secondary ul li {
        width: 100%;
        border: 1px solid #cfcfcf;
        box-sizing: border-box;
        display: block;
    }
    .menu-secondary ul li img {
        position: relative;
        left: 50%;
        width: 17px;
        height: auto;
        top: 7px;
        transform: translateX(-50%);
    }
    .menu-secondary ul li:last-child {
        width: 100%;
    }
    .menu-secondary ul li::before {
        content: none !important;
    }
    .menu-secondary ul li::after {
        content: none !important;
    }
    .menu-secondary ul li:hover {
        box-shadow: none;
    }
    .menu-secondary ul li a {
        width: 100%;
        padding: 12px 0px 12px 0px;
    }
    .menu-secondary ul li a p {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .theme-candidat .card-profile-connected {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }
    .theme-candidat .card-profile-connected img {
        width: 90px;
        height: 90px;
        margin-right: 15px;
    }
    .theme-candidat .card-profile-connected h2 {
        color: #232558;
        font-size: 30px;
        font-size: 3rem;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    }
    .theme-candidat .card-profile-connected h3 {
        color: #232558;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .theme-candidat .card-profile-connected .profil-resume {
        height: auto;
        padding: 20px;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-job {
        color: #232558;
        font-size: 14px;
        font-size: 1.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-visible {
        font-size: 12px;
        font-size: 1.2rem;
        color: #33d04d;
        padding-left: 25px;
        top: 75px;
        position: absolute;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-visible::before {
        content: "";
        background: url(../../img/pictos/eye-green.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-invisible {
        font-size: 12px;
        font-size: 1.2rem;
        color: red;
        padding-left: 25px;
        position: absolute;
        top: 75px;
    }
    .theme-candidat .card-profile-connected .profil-resume .profil-invisible::before {
        content: "";
        background: url(../../img/pictos/eye-crossed-red.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-candidat .card-profile-connected .profil-stats {
        height: auto;
        border-top: 1px solid #cfcfcf;
    }
    .theme-candidat .card-profile-connected .profil-percent {
        background-color: #fdc300;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
    .theme-candidat .card-profile-connected .profil-percent p {
        margin: 0;
        line-height: 2.9rem;
        font-size: 13px;
        font-size: 1.3rem;
    }
    .theme-candidat .card-profile-connected .profil-percent p:last-child {
        font-size: 30px;
        font-size: 3rem;
        margin-left: 10px;
    }
    .theme-candidat .card-profile-connected .profil-consult {
        background-color: #ffffff;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
    .theme-candidat .card-profile-connected .profil-consult p {
        margin: 0;
        line-height: 2.9rem;
        font-size: 13px;
        font-size: 1.3rem;
    }
    .theme-candidat .card-profile-connected .profil-consult p:first-child {
        font-size: 30px;
        font-size: 3rem;
        color: #fdc300;
        margin-top: 0px;
        margin-right: 10px;
    }
    .theme-recruteur .card-profile-connected {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }
    .theme-recruteur .card-profile-connected img {
        width: 90px;
        height: 90px;
        margin-right: 15px;
    }
    .theme-recruteur .card-profile-connected h2 {
        color: #232558;
        font-size: 30px;
        font-size: 3rem;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    }
    .theme-recruteur .card-profile-connected h3 {
        color: #232558;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .theme-recruteur .card-profile-connected .profil-resume {
        height: auto;
        padding: 20px;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-job {
        color: #232558;
        font-size: 14px;
        font-size: 1.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-visible {
        font-size: 12px;
        font-size: 1.2rem;
        color: #33d04d;
        padding-left: 25px;
        top: 75px;
        position: absolute;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-visible::before {
        content: "";
        background: url(../../img/pictos/eye-green.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-invisible {
        font-size: 12px;
        font-size: 1.2rem;
        color: red;
        padding-left: 25px;
        position: absolute;
        top: 75px;
    }
    .theme-recruteur .card-profile-connected .profil-resume .profil-invisible::before {
        content: "";
        background: url(../../img/pictos/eye-crossed-red.png);
        height: 25px;
        width: 25px;
        margin-top: -4px;
        margin-left: -30px;
        position: absolute;
    }
    .theme-recruteur .card-profile-connected .profil-stats {
        height: auto;
        border-top: 1px solid #cfcfcf;
    }
    .theme-recruteur .card-profile-connected .offers-publish {
        background-color: #fdc300;
    }
    .theme-recruteur .card-profile-connected .offers-publish p {
        color: #232558;
    }
    .theme-recruteur .card-profile-connected .offers-treatment {
        background-color: #ffffff;
    }
    .theme-recruteur .card-profile-connected .offers-treatment p {
        color: #232558;
    }
    .theme-recruteur .card-profile-connected .offers-waiting {
        background-color: #232558;
    }
    .theme-recruteur .card-profile-connected .offers-waiting p {
        color: #ffffff;
    }
    .theme-recruteur .card-profile-connected .offers-publish,
    .theme-recruteur .card-profile-connected .offers-treatment,
    .theme-recruteur .card-profile-connected .offers-waiting {
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
    .theme-recruteur .card-profile-connected .offers-publish p,
    .theme-recruteur .card-profile-connected .offers-treatment p,
    .theme-recruteur .card-profile-connected .offers-waiting p {
        margin: 0;
        text-align: center;
        line-height: 1.9rem;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .theme-recruteur .card-profile-connected .offers-publish p:first-child,
    .theme-recruteur .card-profile-connected .offers-treatment p:first-child,
    .theme-recruteur .card-profile-connected .offers-waiting p:first-child {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 0px;
        margin-right: 10px;
    }
    .candidapec .actiont-prof .head-button {
        background-color: white;
        padding: 15px 0px !important;
        display: inline-block;
        margin-left: -1px;
    }
    .problematic .card-profils,
    .problematic .card-problematic-ateliers,
    .problematic .card-transaction {
        background-color: #ffffff;
        margin-bottom: 30px;
        height: auto;
        padding: 20px;
    }
    .problematic .card-profils .card-body,
    .problematic .card-problematic-ateliers .card-body,
    .problematic .card-transaction .card-body {
        max-height: none;
        overflow: visible;
        padding-bottom: 18px;
        padding-top: 18px;
    }
    .problematic .card-profils .call-to-action__container,
    .problematic .card-problematic-ateliers .call-to-action__container,
    .problematic .card-transaction .call-to-action__container {
        top: 0px;
    }
    .p-content {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar .navbar-bottom__logo {
        left: 50%;
        transform: translateX(-50%);
    }
    .navbar-bottom .navbar-bottom__blocmenu {
        width: 50px;
    }
    .navbar-bottom .navbar-bottom__blocmenu .navbar-bottom__menu {
        width: 18px;
    }
    .navbar-bottom .navbar-bottom__blocmenu .navbar-bottom__menu p {
        display: none;
    }
    .navbar-nav .nav-item {
        border: none;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 0px;
        border: none;
    }
    .navbar-nav .nav-item .nav-link::before {
        margin-right: 0;
    }
    .navbar-nav .nav-item .nav-link.nav-link-faciliti {
        position: absolute;
        left: 40px;
    }
    .navbar-nav .nav-item .nav-link.nav-link-acceo {
        position: absolute;
        left: 85px;
    }
    .navbar-nav .nav-item .nav-link span {
        display: none;
    }
    .extra-nav-bottom {
        background-color: #232558;
        position: absolute;
        height: 51px;
        width: 100%;
        z-index: -1;
        margin-top: -1px;
        display: none;
    }
    /*Page Recherche offre*/
    .job-search {
        background-color: white;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .job-search ul {
        margin: 0;
        padding: 0;
        display: block;
    }
    .job-search ul li {
        overflow: hidden;
        width: 100%;
        border: 1px solid #cfcfcf;
        border-left: 1px solid transparent;
        box-sizing: content-box;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center;
    }
    .job-search ul li svg {
        margin-right: 17px;
    }
    .job-search ul li:first-child {
        border-left: 1px solid #cfcfcf;
    }
    .job-search ul li::before {
        position: absolute;
        right: 0;
        top: 0;
        width: 70px;
        height: 91px;
        content: none !important;
    }
    .job-search ul li::after {
        content: none !important;
    }
    .job-search ul li a p {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .job-search .job-search__count_a {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid #cfcfcf;
        display: flex !important;
        height: 115px;
    }
    .job-search .job-search__count_b {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid transparent;
        display: none !important;
    }
    .job-search .job-search__toggle {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid #cfcfcf;
    }
    .job-search .job-search__input {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid #cfcfcf;
    }
    .job-search .job-search__localisation {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid #cfcfcf;
    }
    .job-search .job-search__advance {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        align-items: center;
        display: flex;
        justify-content: center;
        height: 50px;
    }
    .job-search .job-search__recrut {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
    }
    .job-search .job-search__btn {
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid transparent;
        border-top: 1px solid #cfcfcf;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80px;
    }
    .job-search .job-search__btn .btn-search {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .job-search .job-search__btn .btn-search p {
        margin: 0;
        padding: 0;
    }
    .btn-alerte-small {
        padding: 0;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        border: 2px solid #fdc300;
        color: #232558;
        font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
        border-radius: 5px;
    }
    .sortby-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .sortby span {
        font-size: 12px;
        font-size: 1.2rem;
        font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    }
    .footer__logo {
        flex-basis: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer__links {
        flex-basis: 100%;
        text-align: center;
    }
    .footer__social {
        flex-basis: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .footer__social ul.social-icons {
        justify-content: center;
    }
    .footer__social .app-badge {
        justify-content: center;
    }
    .footer__contact {
        display: flex;
        flex-basis: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
        flex-direction: column;
        align-items: center;
    }
    .footer .footer-container .footer-container__block:not(:last-child) {
        margin-right: 0px;
    }
    .menu-mobile-top {
        position: relative;
    }
    .menu-mobile-top .row {
        flex-direction: column-reverse;
    }
    .menu-mobile-top .col-lg-8 {
        margin-top: 90px;
    }
    .card-problematic .card-body .call-to-action {
        flex-direction: column;
    }
    .card-problematic .card-body .call-to-action .small-link {
        margin-bottom: 15px !important;
    }
    .card.card-transaction {
        flex-direction: column;
    }
    .card.card-transaction .transaction-details + .card-body {
        width: 100%;
    }
    .card .rich-text {
        max-width: 100%;
    }
    .card-container {
        /*a {
        flex: 1;
    }*/
    }
    .card-container .card {
        margin-bottom: 20px;
        height: 100%;
    }
    .card-container .card-offer-search {
        margin-right: 0;
    }
    .card-container .card-find-resume {
        flex: 1;
        height: 100%;
        width: auto;
    }
    /* Page Tendances */
    .page-tendances .profession-container .card,
    .page-tendances .tools-container .card {
        min-height: auto;
    }
    .article-form__input-container .input-container {
        flex-basis: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #cfcfcf;
    }
    .input-group {
        justify-content: space-between;
        align-items: center;
    }
    .input-group .input-group-append {
        align-items: center;
        justify-content: center;
        margin: 20px;
        flex-basis: 100%;
    }
    .candidature-email .input-group-append {
        flex-basis: 0;
        margin: 0;
    }
    /* Fiche Service*/
    .fiche-service .lg-row-reverse {
        flex-direction: row-reverse;
    }
    .fiche-service .border-R {
        border: none;
    }
    .fiche-service .ficheService__presentation {
        margin-bottom: 0;
    }
    .fiche-service .separator {
        margin-top: 0;
    }
    .fiche-service .border-L {
        border: none;
    }
    .container-menu-pub {
        margin-bottom: 20px;
        flex-direction: column;
    }
    .container-menu-pub .article-container {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
    .container-menu-pub .article-container article {
        margin-bottom: 0;
    }
    .container-menu-pub .bloc-img-fixe {
        width: 100%;
    }
    .container-menu-pub .bloc-img-fixe.small {
        width: 100%;
    }
    .card-detail {
        padding-right: 50px;
    }
    .popin-form .popin-form-group input[type=text],
    .popin-form .popin-form-group input[type=password] {
        max-width: 289px;
        width: 100%;
    }
    .popin .popin-close {
        right: 8px;
        top: 8px;
    }
    .popin .popin-form .titre {
        margin-bottom: 5px !important;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .popin .popin-form p {
        margin-top: 5px !important;
    }
    .popin .popin-btn {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .popin .popin-container {
        flex-direction: column;
        margin: 50px auto 20px auto;
    }
    .popin .popin-close svg {
        fill: #232558;
    }
    .popin .popin-col {
        width: 100%;
        padding: 20px;
    }
    .popin .popin-col p {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .popin .popin-new-account {
        min-height: 260px;
    }
    .video-accessibilite .video-container {
        position: absolute;
        bottom: 14px;
        margin-left: 1px;
        height: 173px;
        width: 307px;
        padding-bottom: 0;
    }
    .card-access {
        padding-bottom: 190px;
    }
    .candidatsaved .btn-secondary {
        min-width: none;
        width: 100%;
        white-space: initial;
        margin-left: 0;
    }
    .work-sim .dropdown-menu {
        width: calc(100% - 40px);
    }
}
@media (min-width: 768px) {
    .share-text {
        display: table;
    }
    .share-illus {
        border: 1px solid rgb(189, 189, 189);
        border-left: 0;
    }
    .align-right {
        text-align: right;
    }
    .container-center-detail {
        width: 450px;
    }
    .card-offer__logo {
        display: flex;
        justify-content: center;
        width: auto;
        height: 68px;
        margin-right: 17px;
        flex-shrink: 0;
    }
    .card-offer__logo.detail {
        width: auto;
        height: auto;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .card-offer__logo.detail img {
        width: 100px;
        height: auto;
        border: 1px solid #edf7f7;
        border-radius: 5px;
    }
    .job-search .offer-search .offer-form__input-container:first-child {
        border-right: none;
    }
    .offer-search .offer-form__input-container {
        padding: 20px;
    }
    .offer-search .offer-form__input-container:first-child {
        border-right: 1px solid #cfcfcf;
    }
    .offer-search .search-form__input-container {
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        width: 100%;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .btn + .btn {
        margin: 0 !important;
        margin-left: 5px !important;
        margin-top: 5px !important;
    }
    .form-group .date {
        width: 140px;
        position: relative;
    }
    .form-group .date .bootstrap-datetimepicker-widget.dropdown-menu {
        left: 0 !important;
    }
    .lg-row-reverse {
        flex-direction: row-reverse;
    }
    .border-R {
        border-right: 1px solid #edf7f7;
    }
    .swipeXfilter {
        background: #fff;
        border-radius: 5px;
        max-width: 100%;
        display: flex;
    }
    .nav-back {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .title-head__content {
        margin-bottom: 30px;
    }
    .espace .table th,
    .espace .table td {
        vertical-align: middle;
        border-top: none;
    }
    .espace .my-profile-searches table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .espace .my-profile-searches table tr th {
        flex-basis: 30%;
    }
    .espace .my-profile-searches table tr td {
        flex-basis: 30%;
    }
    .espace .my-profile-searches table tr td:last-child {
        flex-basis: 5%;
    }
    .espace .our-offers table tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 13px;
        justify-content: space-between;
    }
    .espace .our-offers table tr th,
    .espace .our-offers table tr td {
        height: 69px;
        display: flex;
        align-items: center;
        border-top: none;
    }
    .card-offer__header .actions .btn-secondary {
        margin-left: 5px !important;
    }
    .nav-ul {
        display: inline-table;
        width: 50%;
    }
    .entete-nav-ul-1 {
        padding-right: 16px;
    }
    .entete-nav-ul-2 {
        padding-right: 58px;
    }
    span.info-offre {
        color: #026096;
        font-size: 14px;
    }
    .menu-secondary {
        position: sticky;
        top: 50px;
        z-index: 2;
    }
    .footer {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .espace .my-profile-searches table tr {
        display: flex;
        flex-wrap: wrap;
    }
    .espace .my-profile-searches table tr th,
    .espace .my-profile-searches table tr td {
        height: auto;
        border-top: none;
    }
    .espace .my-profile-searches table tr th {
        flex-basis: 100%;
    }
    .espace .our-offers table tr {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .espace .our-offers table tr th,
    .espace .our-offers table tr td {
        height: auto;
        border-top: none;
    }
    .espace .our-offers table tr th button,
    .espace .our-offers table tr td button {
        margin: 0;
        margin-bottom: 15px;
    }
    .espace .our-offers table tr .matching {
        display: flex;
        justify-content: center;
    }
    .block-maintenance {
        margin: 20px;
    }
    .block-erreur {
        flex-direction: column-reverse;
    }
    .block-erreur .block-erreur-container,
    .block-erreur .block-erreur-container-img {
        width: 100%;
    }
    .card-offer__logo {
        width: 58px;
        height: 58px;
    }
    .card-offer__description {
        display: none;
    }
    .card-offer__detail {
        padding-left: 0;
    }
    .card-offer__text .card-offer__company span {
        display: block;
        margin-left: 0;
    }
    .card-offer--qualified::after {
        top: auto;
        right: 18px;
        bottom: 20px;
    }
    .card-offer--qualified .card-offer__text .card-title {
        padding-right: 0;
    }
    .card-offer--qualified .card-offer__detail {
        padding-right: 55px;
    }
    .card-offer--qualified .card-offer__detail div {
        margin-bottom: 10px;
    }
    .card-offer--qualified .card-offer__detail div:last-child {
        margin-bottom: 0;
    }
    .card-offer__header .actions .btn-secondary {
        margin-left: 0 !important;
    }
    .btn + .btn {
        /*margin-bottom: 10px!important;*/
    }
    /*Page recherche offre*/
    .espace p {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .espace .row .col-6:first-child {
        padding-right: 7px;
    }
    .espace .row .col-6:nth-child(2) {
        padding-left: 7px;
    }
    .espace .btn {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 5px 12px;
    }
    .espace .card .card-footer {
        display: none;
    }
    .espace .card .card-buttons-container .btn + .btn {
        margin-top: 5px;
        margin-left: 0;
    }
    .espace .card .card-title-container {
        justify-content: center;
        flex-direction: column;
    }
    .espace .card .card-title-container .card-buttons-container {
        margin-top: 10px;
    }
    .espace .card:not(.personal-information) .card-body {
        padding: 10px 5px !important;
    }
    .espace .card:not(.personal-information) .card-title::before {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .espace .card.personal-information .card-body {
        padding: 10px !important;
    }
    .espace .card.personal-information .card-title {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .espace .card.personal-information.personal-information__cta .card-body {
        padding-right: 50px !important;
    }
    .espace .card.my-profile .card-title {
        margin-bottom: 20px;
    }
    .espace .card.my-profile .card-body {
        padding: 10px !important;
        text-align: center;
    }
    .espace .card.my-profile .card-content {
        display: block;
    }
    .espace .card.my-profile .user-email {
        text-align: center;
    }
    .espace .card.my-profile .user-profile {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .espace .card.my-profile .user-profile__picture {
        width: 60px;
        height: 60px;
        margin-right: 0;
        margin-bottom: 20px;
        background-color: rgba(2, 96, 150, 0.1);
    }
    .espace .card.my-profile .user-profile__picture img {
        width: 60px;
    }
    .espace .card.my-profile .my-profile__visibility {
        text-align: left;
    }
    .espace .card.my-profile-searches--no-result, .espace .card.our-offers--no-result {
        background-color: #026096;
        color: #ffffff;
    }
    .espace .card.my-profile-searches--no-result .card-body, .espace .card.our-offers--no-result .card-body {
        padding: 10px !important;
    }
    .espace .card.my-profile-searches--no-result .card-content, .espace .card.our-offers--no-result .card-content {
        display: block;
    }
    .espace .card.my-profile-searches--no-result .card-content p, .espace .card.our-offers--no-result .card-content p {
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
    }
    .espace .card.my-profile-searches--no-result .card-content p:not(:first-child), .espace .card.our-offers--no-result .card-content p:not(:first-child) {
        display: none;
    }
    .espace .card.my-profile-searches--no-result .suggestion,
    .espace .card.my-profile-searches--no-result .card-title, .espace .card.our-offers--no-result .suggestion,
    .espace .card.our-offers--no-result .card-title {
        display: none;
    }
    .espace .card.my-profile-searches--no-result .btn, .espace .card.our-offers--no-result .btn {
        background-color: #ffffff;
        color: #026096;
    }
    .espace .badge-notification {
        width: 17px;
        height: 13px;
        right: 20px;
        top: 14px;
    }
    .espace .badge-notification .badge {
        top: -9px;
    }
    .espace .badge {
        min-width: 15px;
        height: 17px;
        font-size: 11px;
    }
    .offer-search .offer-form__input-container {
        height: 90px;
        display: flex;
        padding: 20px;
        justify-content: center;
        border-bottom: 1px solid #cfcfcf;
    }
    .offer-search .offer-form__input-container:last-child {
        border-bottom: none;
    }
    .offer-search .offer-form__input-container:first-child {
        border-right: none;
    }
    .offer-search .search-form__input-container {
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .col-form-label {
        text-align: left;
    }
    .share-text {
        display: none;
    }
    .certified-apec .tooltip-inner {
        width: 270px !important;
        max-width: 270px !important;
    }
    .navbar-bottom .navbar-bottom__blocmenu {
        width: 50px;
    }
    .navbar-bottom .navbar-bottom__blocmenu .navbar-bottom__menu {
        width: 18px;
    }
    .navbar-bottom .navbar-bottom__blocmenu .navbar-bottom__menu p {
        display: none;
    }
    .nav-back {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .title-head__content {
        margin-bottom: 30px;
    }
    .navbar-form__field-container {
        flex-direction: column;
    }
    .form-group .custom-select {
        border-top: 1px solid #f1f1f1;
    }
    .card-body {
        padding: 20px 18px;
    }
    main .card-detail {
        padding-left: 15px;
        padding-right: 15px;
    }
    main .card-detail .img-main_header {
        display: none;
    }
    main .recherche-offre {
        margin-top: -403px;
        padding-right: 25px;
        padding-left: 25px;
    }
    main .recherche-offre .title-head__content {
        padding-top: 0px;
    }
    .title-head__bottom {
        height: 460px;
    }
    .share-illus {
        border: 1px solid rgb(189, 189, 189);
    }
    .card-container .card-body {
        width: 100%;
    }
    .card-container .link-search {
        flex-direction: column;
    }
    .card-container .link-search a {
        margin-top: 10px;
    }
    .card-container .card-offer-search.with-transaction {
        flex-direction: column;
    }
    .card-container .card-offer-search.with-transaction .card-body {
        width: 100% !important;
    }
    .card-container .card-offer-search.with-transaction .left-transaction {
        -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;
        border-bottom-left-radius: 0px;
    }
    .card-container .card-offer-search .left-transaction {
        width: 100%;
        padding: 20px;
        background-color: #026096;
        background-size: contain;
    }
    .list-width-fixe li {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .filter-chips {
        flex-direction: column;
    }
    .filter-chips span {
        margin-top: 10px !important;
    }
    .sortby-alert .btn-icone {
        height: 44px;
        align-items: center;
    }
    .sortby-alert .pictoAlertEmail {
        font-size: 0;
    }
    aside .card-transaction {
        padding-bottom: 0px;
    }
    aside .card-transaction a {
        flex-direction: row;
    }
    aside .card-transaction .transaction-details {
        height: auto;
        flex-direction: column !important;
    }
    aside .card-transaction .small-link {
        left: 35%;
    }
    .filter-search-offer .body-filter-search {
        width: 100%;
    }
    .rich-text img.image-gauche, .rich-text img.image-droite {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .rich-text .video-center {
        width: 100%;
    }
    .wrapper-filter .container-filter {
        overflow-y: -webkit-paged-x;
    }
    .filterlocal .title-form {
        font-size: 0;
        width: auto;
        position: absolute !important;
        top: 0;
        bottom: 0;
        bottom: 0;
        z-index: 12;
        background: #fff;
        left: 0;
        background: #fff;
        padding-left: 20px;
    }
    .filterlocal .title-form .clear {
        left: 13px;
        top: 15px;
    }
    .col-lg-9 .article {
        margin-bottom: 0px;
    }
    .article .author-container .author-avatar {
        height: 60px;
        width: 60px;
        margin-right: 14px;
    }
    .hidden-md-down {
        display: none;
    }
    .article {
        margin-bottom: 29px;
    }
    section {
        margin-bottom: 0px;
    }
    /*.theme-candidat main {
      background: url('../../img/edito/bg/bg-candidat-m.png') no-repeat right top;
      background-size: cover;
  }*/
    .events .event-date {
        flex-basis: 74px;
        justify-content: flex-start;
        padding-top: 18px;
        border: none;
    }
    .events .event-date .event-day {
        height: 48px;
        width: 45px;
        line-height: 10px;
    }
    .events .event-date .event-mounth {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 5px;
    }
    .events .event-type {
        margin-top: 0px;
        flex-direction: row;
        padding: 5px 16px 16px;
        flex-basis: auto;
        align-items: baseline;
        flex-wrap: wrap;
    }
    .events .event-type .type-register {
        width: 100%;
        margin-bottom: 8px;
    }
    .events .event-type span {
        margin-right: 0px;
    }
    .events .event-type svg {
        height: 9px;
        margin-right: 5px;
        width: 12px;
    }
    .events .event-type .event-type-title svg {
        height: 9px;
        margin-right: 8px;
        width: 13px;
    }
    .events .event-type .event-type-title span {
        margin-right: 0px;
        width: calc(100% - 21px);
    }
    .events .event-type .event-type-title {
        align-items: baseline;
    }
    .events .event-details {
        width: calc(100% - 80px);
        padding: 20px 5px 20px;
    }
    .events.home .event-date {
        padding-top: 0;
    }
    .swipeX {
        transform: translate(calc(var(--i, 0) / var(--n) * -100%));
    }
    .article-l img {
        height: auto;
        width: 100%;
    }
    .article .author-container {
        margin-bottom: 20px;
    }
    .article .subtitle {
        display: inline-block;
        width: 100%;
        margin-top: 9px;
    }
    .table-performance td {
        width: 100%;
        display: block;
    }
    .child-table-performance th {
        height: 40px;
    }
    .child-table-performance td {
        height: auto;
    }
    .table-performance td + td {
        margin-left: 0px;
    }
    .md-column-reverse {
        flex-direction: column-reverse;
    }
    .card.card-offer-search .card-title {
        font-size: 1.25em;
        margin-bottom: 28px;
    }
    .card .card-bg.card-bg-problematic {
        align-items: center;
        min-height: 70px;
    }
    .card .card-bg.card-bg-16-9 {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        min-height: 130px;
    }
    .card .card-title-img {
        height: 70px;
        min-height: 70px;
    }
    .card .card-title-img img {
        height: auto;
        width: auto;
    }
    .card .card-title-img .card-img {
        width: 100%;
        min-height: auto;
    }
    .card .card-title-img .card-img-overlay {
        max-height: 130px;
        align-items: center;
    }
    .card.card-conseil .card-bg {
        min-height: 142px;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
    /* page Candidat/Recruteur */
    .card-container .card-find-resume {
        flex-basis: 100%;
        margin-right: 0;
        width: auto;
    }
    .card-container .card-find-resume .card-body {
        height: 100%;
        justify-content: space-between;
        justify-items: stretch;
        display: flex;
        flex-direction: column;
    }
    .card-container .card-user-profile {
        flex-basis: 100%;
    }
    /* Fiche Service */
    .fiche-service aside {
        padding-top: 0;
    }
    /* Events */
    .container-chips {
        margin-bottom: 40px;
    }
    .container-map-chips {
        top: 50px;
        width: 100%;
        left: -100%;
    }
    .container-map-chips .chips.primary {
        margin-top: 0;
    }
    .container-map-chips .form-group {
        margin-bottom: 40px;
    }
    #map {
        width: 100%;
        height: 270px;
    }
    .container-twitter {
        max-width: 356px !important;
        overflow-x: hidden;
    }
    .hidden-sm-down {
        display: none !important;
    }
    .mtb-100 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .card-expert .card-title span {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .search-event {
        justify-content: space-between;
    }
    .search-event.card-container .card-offer-search.with-transaction {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .search-event.card-container .container-find-resume,
    .search-event.card-container .container-profile,
    .search-event.card-container .container-user {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .search-event.card-container .container-find-resume .card-find-resume,
    .search-event.card-container .container-profile .card-find-resume,
    .search-event.card-container .container-user .card-find-resume {
        width: 100%;
    }
    .card-container .container-find-resume .card-find-resume {
        width: 100% !important;
    }
    .title-main-container {
        align-items: center;
    }
    .title-main-container h1 {
        max-width: 500px;
    }
    .event-slider.br-l-0 {
        -webkit-border-top-left-radius: 5px !important;
        -webkit-border-top-right-radius: 5px !important;
        -moz-border-radius-topleft: 5px !important;
        -moz-border-radius-topright: 5px !important;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        box-shadow: 1px -2px 3px rgba(0, 0, 0, 0.1);
    }
    .slider-single .slick-dots {
        position: absolute;
        top: auto;
        bottom: 5px;
        right: 0;
        height: auto;
        left: 0;
        flex-direction: row;
        margin-bottom: 0;
        padding: 0;
    }
    .slider-single .slick-dots {
        bottom: -10px;
    }
    .slider-single .slick-dots li {
        margin: 0 5px;
    }
    .full-event {
        flex-direction: column;
        flex-direction: column-reverse;
    }
    .full-event .width-fix {
        width: 100%;
    }
    .problematic-conseil {
        flex-direction: column;
    }
    .problematic-conseil .btn-primary {
        margin-top: 20px;
    }
    .article .article-l.background-img {
        height: auto;
    }
    .article .article-l.background-img img {
        height: auto !important;
        width: 100%;
        display: block !important;
    }
    .width96 {
        width: 100%;
        overflow: hidden;
    }
    /*
      .edito [class*="col-"] {
          margin-bottom: 20px;
      }
  */
    .saved-search {
        display: none;
    }
    .teaser-container img {
        width: 100%;
        margin-bottom: 20px;
    }
    .card-transaction .transaction-details {
        padding: 10px;
        width: 100%;
        display: flex;
    }
    .card-transaction .call-to-action .small-link {
        margin-bottom: 15px !important;
    }
    aside .card-transaction .transaction-details {
        width: 100%;
    }
    .container-filter {
        border-radius: 5px;
    }
    .container-filter form {
        margin-left: 25px;
    }
    .container-filter .date {
        position: relative !important;
    }
    .container-filter .filterlocal {
        position: relative;
        border-radius: 0px;
        padding: 6px 15px;
        display: block;
        z-index: 1;
    }
    .card-container .container-find-resume .card-find-resume {
        width: 100% !important;
    }
    .fiche .card-body {
        padding-right: 30px !important;
    }
    .menu-secondary {
        width: 100%;
        overflow: hidden;
        background-color: #ffffff;
        z-index: 2;
        position: relative;
    }
    .menu-secondary ul {
        display: block;
    }
    .menu-secondary ul li {
        width: 100%;
        border: 1px solid #cfcfcf;
        box-sizing: border-box;
        margin-left: 0px;
        display: flex;
    }
    .menu-secondary ul li img {
        position: absolute;
        width: 17px;
        height: auto;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }
    .menu-secondary ul li a {
        width: 100%;
        padding: 12px 0px 12px 0px;
    }
    .menu-secondary ul li a p {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .video-accessibilite .video-container {
        position: absolute;
        bottom: 14px;
        margin-left: 1px;
        height: 266px;
        width: 473px;
        padding-bottom: 0;
    }
    .card-access {
        padding-bottom: 280px;
    }
    .footer {
        margin-top: 30px;
    }
    .service .call-to-action .call-to-action__container {
        flex-direction: column;
        gap: 20px;
    }
    .entete-nav-ul-1 {
        padding-right: 0px !important;
    }
    .entete-nav-ul-2 {
        padding-right: 0px !important;
    }
}
@media (max-width: 576px) {
    .p-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar .p-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .title-head__content .title-head h1 {
        font-size: 40px;
        font-size: 4rem;
    }
    main .recherche-offre {
        margin-top: -348px;
        padding-right: 25px;
        padding-left: 25px;
    }
    .fs-18 {
        font-size: 1.4rem !important;
    }
    .fs-20 {
        font-size: 1.6rem !important;
    }
    .container-center-detail .bloc-center-detail .call-to-action {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .container-center-detail .bloc-center-detail .call-to-action a {
        margin-bottom: 10px !important;
    }
    .container-center-detail .block-week .day {
        width: auto;
        margin-right: 0;
    }
    .week {
        justify-content: left;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .block-week {
        justify-content: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .article .article-l {
        display: none;
    }
    .tools-container .card-teaser-picto.card {
        min-height: 60px;
        height: 77px;
    }
    .tools-container .card-teaser-picto.card .card-body {
        padding: 0px 18px !important;
    }
    .search-advanced p {
        margin-left: 10px;
    }
    .search-advanced label {
        text-align: left;
    }
    .search-advanced label[class*=col-] {
        margin-bottom: 5px;
    }
    .search-advanced .container-check {
        display: flex;
        flex-direction: column;
    }
    .mt-295 {
        margin-top: 0px !important;
    }
    .link-search.mt-40 {
        margin-top: 10px;
    }
    .relative .title-page {
        margin: auto;
        max-width: 200px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .container-map {
        display: none;
    }
    .container-map.hide {
        display: none;
    }
    .container-map.show {
        display: block;
    }
    .container-list-center {
        display: block;
    }
    .container-list-center.hide {
        display: none;
    }
    .hidden-sm-up {
        display: block !important;
    }
    .title-page {
        margin-bottom: 35px;
    }
    .wrapper-filter {
        padding-top: 50px;
    }
    .wrapper-filter .container-filter {
        position: absolute;
        display: block;
        left: 0px;
        top: 0;
        right: 0px;
        border-radius: 0px;
    }
    .container-map-chips {
        width: 100%;
        top: 50px;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .intersection.card-body {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .intersection.card-body .btn {
        margin-bottom: 0 !important;
    }
    .video-accessibilite .video-container {
        position: absolute;
        bottom: 14px;
        margin-left: 1px;
        width: 95%;
        padding-bottom: 0;
    }
    .card-access {
        padding-bottom: 280px;
    }
}
@media (min-width: 480px) {
    .call-number {
        height: 26px;
        margin-top: 0;
    }
}
@media (max-width: 480px) {
    main .recherche-offre {
        margin-top: -392px;
        padding-right: 25px;
        padding-left: 25px;
    }
    .problematic .call-to-action {
        display: flex;
        justify-content: center;
    }
    .problematic .call-to-action .call-to-action__container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 200px !important;
    }
    .problematic .call-to-action .call-to-action__container img {
        max-width: 200px;
    }
    .problematic .call-to-action .call-to-action__container .call-number {
        margin-top: 10px;
    }
    .problematic .call-to-action .call-to-action__container a:last-child {
        margin-top: 10px;
    }
    .side-nav {
        width: 100%;
        border-top: 1px solid #ffffff;
        border-right: none;
    }
    .side-nav .side-nav__text {
        padding-left: 20px;
    }
    .side-nav .side-nav-candidat__links,
    .side-nav .side-nav-recruteur__links {
        list-style-type: none;
        padding-left: 11px;
    }
    .side-nav .side-nav-bottom__links {
        padding-left: 51px;
        width: 90%;
    }
    .side-nav .side-nav__links:not(.side-nav__links-cta) {
        margin-bottom: 100px;
    }
    .side-nav .side-nav__container {
        overflow-y: auto;
        height: calc(100vh - 51px);
    }
    .side-nav .side-nav__container .cta-candidat a > div,
    .side-nav .side-nav__container .cta-recruteur a > div {
        display: flex;
        align-items: center;
    }
    .side-nav .side-nav__container .cta-candidat .icone_mobile,
    .side-nav .side-nav__container .cta-recruteur .icone_mobile {
        display: block;
        width: auto;
        height: 19px;
    }
    .side-nav .side-nav__container .cta-candidat .icone_desktop,
    .side-nav .side-nav__container .cta-recruteur .icone_desktop {
        display: none;
    }
    .navbar-bottom-blue .navbar-bottom-white .navbar-nav .nav-item .nav-link {
        padding: 15px 11px;
    }
    .navbar-bottom-white .navbar-nav .nav-item .nav-link.nav-link-accessibilite {
        position: absolute;
        left: 50px;
    }
    .navbar-bottom-blue .navbar-nav .nav-item .nav-link.nav-link-accessibilite {
        position: absolute;
        left: 50px;
    }
    .offers {
        padding: 30px;
        padding-bottom: 0;
    }
}
@media (min-width: 460px) {
    .btn + .btn {
        margin: 5px !important;
    }
}
@media (max-width: 460px) {
    .btn + .btn {
        margin: 5px !important;
    }
}
@media (max-width: 380px) {
    main .recherche-offre {
        margin-top: -353px;
        padding-right: 25px;
        padding-left: 25px;
    }
    .title-head__content .title-head h1 {
        font-size: 30px;
        font-size: 3rem;
    }
    .title-head__bottom {
        height: 410px;
    }
}
/* TYPE */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* Marges */
.mb-130 {
    margin-bottom: 130px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-37 {
    margin-bottom: 37px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-27 {
    margin-top: 27px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-37 {
    margin-top: 37px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.ml-37 {
    margin-left: 37px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mr-37 {
    margin-right: 37px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

/* Taille de typo */
.fs-12 {
    font-size: 12px;
    font-size: 1.2rem;
}

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

.fs-16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.fs-18 {
    font-size: 18px;
    font-size: 1.8rem;
}

.fs-20 {
    font-size: 20px;
    font-size: 2rem;
}

/* Titre */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    word-break: break-word;
}

h3,
.h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

/* Liens */
a:hover {
    text-decoration: none;
}

/* Paragraphe */
p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

/* Style */
b,
strong {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

/* Contenu */
.number {
    font-family: "Roboto-Medium", Verdana, Arial, sans-serif;
}

/* Témoignage */
.testimony .blockquote {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    color: #232558;
}
.testimony .blockquote p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    line-height: 20px;
    line-height: 2rem;
    color: #ffffff;
    font-style: italic;
}
.testimony .blockquote ::before {
    content: "“";
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 50px;
    font-size: 5rem;
    line-height: 20px;
    line-height: 2rem;
    position: absolute;
    display: block;
    height: 20px;
    top: -15px;
    font-style: normal;
}
.testimony .blockquote ::after {
    content: "“";
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 50px;
    font-size: 5rem;
    line-height: 20px;
    line-height: 2rem;
    position: relative;
    display: block;
    height: 20px;
    top: 19px;
    font-style: normal;
}
.testimony .testimony__overview {
    margin-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    font-weight: normal;
}
.testimony .testimony__overview p {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    margin-bottom: 5px;
}
.testimony .testimony__overview span {
    color: #ffffff;
    margin-bottom: 9px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}

/* Zone de saisie texte enrichi  */
.rich-text a {
    text-decoration: underline;
}
.rich-text a:hover {
    text-decoration: underline;
}
.rich-text ul,
.rich-text ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.rich-text ul li,
.rich-text ol li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-bottom: 16px;
}
.rich-text ul li {
    position: relative;
    padding-left: 15px;
}
.rich-text ul li::before {
    position: absolute;
    left: 0;
}
.rich-text ol {
    counter-reset: li;
}
.rich-text ol li {
    counter-increment: li;
    position: relative;
    padding-left: 30px;
}
.rich-text ol li::before {
    position: absolute;
    left: 0;
    font-family: "Roboto-Bold", Verdana, Arial, sans-serif;
    content: counter(li);
    color: #ffffff;
    width: 21px;
    height: 21px;
    text-align: center;
    display: inline-block;
    align-content: center;
    padding-top: 2px;
    border-radius: 50%;
    background: #232558;
}
.rich-text .video-center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.rich-text .small-link {
    margin-bottom: 0;
}

.pdf::before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("../../img/edito/icone/pdf.svg") no-repeat;
    vertical-align: bottom;
    margin-right: 12px;
}

/* BUTTON */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* MIXINS */
.btn {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 20rem;
    width: fit-content;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    margin: 5px;
}
.btn:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558;
    text-decoration: none;
}
.btn:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.btn:active:focus {
    box-shadow: none !important;
}
.btn.btn-negative {
    border: 1px solid #ffffff;
}
.btn.btn-icone {
    height: 37px;
    min-width: 38px;
    border-radius: 3px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 83, 31, 0.17);
}
.btn.btn-icone svg,
.btn.btn-icone img {
    max-height: 20px;
    height: 18px;
    margin: 10px;
}
.btn.btn-icone.delate svg {
    width: 15px;
}
.btn.btn-icone span {
    margin-right: 10px;
}
.btn.btn-icone.neutre {
    background: rgba(112, 112, 112, 0.14);
    color: #232558;
}
.btn.btn-icone.neutre svg {
    fill: #232558;
}
.btn.btn-icon-trash {
    background-color: transparent;
}

.btn-primary {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 20rem;
    width: fit-content;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    /* Ajout pour désactiver le .btn-primary:disabled de bootstrap4 :*/
}
.btn-primary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558;
    text-decoration: none;
}
.btn-primary:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.btn-primary:active:focus {
    box-shadow: none !important;
}
.btn-primary.btn-negative {
    border: 1px solid #ffffff;
}
.btn-primary svg {
    margin: 1rem;
}
.btn-primary:disabled {
    background-color: #ffd038;
    color: #232558;
}

.btn-inter-primary {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    width: 160px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    /* Ajout pour désactiver le .btn-primary:disabled de bootstrap4 :*/
}
.btn-inter-primary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558;
    text-decoration: none;
}
.btn-inter-primary:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.btn-inter-primary:active:focus {
    box-shadow: none !important;
}
.btn-inter-primary.btn-negative {
    border: 1px solid #ffffff;
}
.btn-inter-primary svg {
    margin: 1rem;
}
.btn-inter-primary:disabled {
    background-color: #ffd038;
    color: #232558;
}

.btn-inter-secondary {
    background-color: #ffffff;
    color: #232558 !important;
    border: 3px solid #fdc300 !important;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    width: 160px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}
.btn-inter-secondary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558 !important;
    text-decoration: none;
}
.btn-inter-secondary:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.btn-inter-secondary:active:focus {
    box-shadow: none !important;
}
.btn-inter-secondary.btn-negative {
    border: 1px solid #ffffff;
}
.btn-inter-secondary svg {
    margin: 1rem;
}
.btn-inter-secondary.btn-icon-profil {
    background-color: transparent;
    border: 1px solid #026096 !important;
}
.btn-inter-secondary.disabled, .btn-inter-secondary:disabled {
    background-color: #ffffff;
}

.btn-small-primary {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 90px;
    width: fit-content;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    /* Ajout pour désactiver le .btn-primary:disabled de bootstrap4 :*/
}
.btn-small-primary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558;
    text-decoration: none;
}
.btn-small-primary:focus {
    box-shadow: none;
}
.btn-small-primary:active:focus {
    box-shadow: none !important;
}
.btn-small-primary.btn-negative {
    border: 1px solid #ffffff;
}
.btn-small-primary svg {
    margin: 1rem;
}
.btn-small-primary:disabled {
    background-color: #ffd038;
    color: #232558;
}

.btn:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #232558;
    background-color: #fdc300;
    border: none;
}

.espace .card-text .btn-primary {
    padding: 0;
}

.btn-secondary {
    background-color: #ffffff;
    color: #232558 !important;
    border: 3px solid #ffd038 !important;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 20rem;
    width: fit-content;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}
.btn-secondary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558 !important;
    text-decoration: none;
}
.btn-secondary:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.btn-secondary:active:focus {
    box-shadow: none !important;
}
.btn-secondary.btn-negative {
    border: 1px solid #ffffff;
}
.btn-secondary svg {
    margin: 1rem;
}
.btn-secondary.btn-icon-profil {
    background-color: transparent;
    border: 1px solid #026096 !important;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #ffffff;
}

.btn-small-secondary {
    background-color: #ffffff;
    color: #232558 !important;
    border: 3px solid #fdc300 !important;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 90px;
    width: fit-content;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}
.btn-small-secondary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558 !important;
    text-decoration: none;
}
.btn-small-secondary:focus {
    box-shadow: none;
}
.btn-small-secondary:active:focus {
    box-shadow: none !important;
}
.btn-small-secondary.btn-negative {
    border: 1px solid #ffffff;
}
.btn-small-secondary svg {
    margin: 1rem;
}
.btn-small-secondary.btn-icon-profil {
    background-color: transparent;
    border: 1px solid #026096 !important;
}
.btn-small-secondary.disabled, .btn-small-secondary:disabled {
    background-color: #ffffff;
}

.btn-third {
    margin: 0;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 193px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: all 0.2s;
    outline: none;
    color: #026096;
    background-color: #ffffff;
    border: 1px solid #026096;
}
.btn-third:hover {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #fdc300;
    border: none;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fdc300;
    border: #4e555b;
}

.btn-plus,
.btn-quest {
    color: #232558;
    font-size: 2rem;
    background: #fdc300;
    cursor: pointer;
    height: 42px;
    width: 50px;
    display: flex;
    margin-bottom: 0 !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.btn-plus:hover, .btn-plus:active, .btn-plus:visited,
.btn-quest:hover,
.btn-quest:active,
.btn-quest:visited {
    text-decoration: none;
    outline: none;
    background: #ffd038;
}

.accessibilite .btn {
    width: 320px;
    max-width: none;
}
.accessibilite .card-detail a:hover {
    text-decoration: none !important;
}
.accessibilite .card-detail {
    display: flex;
    justify-content: center;
    height: 100%;
}

.btn-faciliti {
    display: flex;
    justify-content: center;
}

.society-key-elements .btn-primary,
.infos-recherche__content__actions .btn-primary {
    margin: 0 !important;
}

/* THEMES */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.theme-neutre .small-link {
    color: #232558;
}
.theme-neutre a.small-link:hover {
    color: #232558;
}
.theme-neutre .text-link {
    color: #232558 !important;
}
.theme-neutre .text-link:hover {
    color: #232558 !important;
}
.theme-neutre svg {
    fill: #232558;
}
.theme-neutre .subtitle {
    color: #7997af;
}
.theme-neutre .btn-secondary,
.theme-neutre .btn-secondary:active,
.theme-neutre .btn-secondary:focus {
    color: #232558 !important;
    background-color: #ffffff !important;
    border-color: #232558 !important;
}
.theme-neutre .btn-secondary:hover,
.theme-neutre .btn-secondary:active:hover,
.theme-neutre .btn-secondary:focus:hover {
    background-color: #232558 !important;
    color: #ffffff !important;
}
.theme-neutre .rich-text ul li {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-neutre .rich-text ul li::before {
    content: "•";
    color: #fdc300;
}
.theme-neutre .rich-text ul li::before p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.theme-neutre .card.card-testimony .blockquote ::after,
.theme-neutre .card.card-testimony .blockquote ::before {
    color: #232558;
}
.theme-neutre .card.card-detail .card-head__category {
    color: #232558;
}
.theme-neutre .card.card-detail a {
    color: #232558;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-neutre .card.card-detail a:hover {
    text-decoration: underline;
}
.theme-neutre .card.card-transaction .transaction-details {
    background-color: rgba(35, 37, 88, 0.1);
    color: #232558;
}

/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* ==========================================================================
themes/_candidat.scss : $primary-blue
========================================================================== */
.theme-candidat {
    /* *************************** Base *********************************************/
    /* svg{
    fill: $secondary-blue;
  }*/
    /* *************************** Typo *********************************************/
    /* *************************** Buttons *********************************************/
    /*  .btn-secondary:hover,
  .btn-secondary:focus:hover,
  .btn-secondary:active:hover {
    background-color: #ffd038;
    color: $primary-blue !important;
  }*/
    /* correctifs temporaires pour edito : */
    /* *************************** Pictos *********************************************/
    /* *************************** Deco *********************************************/
    /*.custom-input-file {
    background-color: $primary-blue;
  }*/
    /* *************************** Pagination *********************************************/
    /* *************************** Card *********************************************/
    /* *************************** Modal *********************************************/
    /* page Candidat */
    /* Datepicker */
    /* From angularjs/_angularjs.css*/
    /* gestionnaire photo */
}
.theme-candidat .theme-color {
    color: #fdc300;
}
.theme-candidat h2,
.theme-candidat .h2 {
    /*color: $primary-blue;*/
}
.theme-candidat h2.title-2,
.theme-candidat .h2.title-2 {
    color: #232558;
    font-size: 40px;
    font-size: 4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.theme-candidat .subtitle {
    color: #232558;
}
.theme-candidat * a,
.theme-candidat a strong,
.theme-candidat .general {
    color: #232558;
}
.theme-candidat .text-link {
    color: #026096;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.theme-candidat .rich-text h4 {
    color: #232558;
}
.theme-candidat .rich-text ul li {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-candidat .rich-text ul li::before {
    content: "•";
    color: #fdc300;
}
.theme-candidat .rich-text ul li::before p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.theme-candidat .comp_calendar .comp_hour-picker .note::before {
    content: "";
    background: url(../../img/angular/services-apec/computer-blue.svg) no-repeat;
    height: 49px;
    width: 45px;
    float: left;
    margin-top: 29px;
    margin-right: 12px;
    background-size: 100%;
}
.theme-candidat .comp_calendar .comp_hour-picker .note p {
    font-size: 12px !important;
    color: #232558 !important;
    font-weight: bold;
    width: 580px;
    padding-top: 25px;
    height: 50px;
}
@media (max-width: 991px) {
    .theme-candidat .comp_calendar .border-hours-title {
        margin-top: 1rem;
    }
    .theme-candidat .comp_calendar .comp_hour-picker {
        display: inline-table;
    }
    .theme-candidat .comp_calendar .comp_hour-picker .hour-radios-group {
        max-width: 100%;
    }
    .theme-candidat .comp_calendar .comp_hour-picker .note p {
        width: auto;
        max-width: 100%;
    }
}
.theme-candidat .comp_memo-rdv .customer-action .lieu-rdv {
    height: auto !important;
    min-height: 44px;
}
.theme-candidat .comp_memo-rdv .customer-action .date-rdv {
    padding-left: 50px;
}
.theme-candidat .popin.popin-rendez-vous .popin-container {
    max-width: 1000px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative;
    margin: 88px auto 20px auto;
    transition: all 0.3s ease;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-candidat .popin.popin-rendez-vous .popin-close {
    position: absolute;
    right: 20px;
    top: 25px;
    background-color: transparent;
    border: 0;
    padding: 0 2px;
    color: white;
    cursor: pointer;
}
.theme-candidat .popin.popin-rendez-vous .popin-bg {
    background-color: #232558;
    flex: 1;
    padding: 60px;
}
.theme-candidat .popin.popin-rendez-vous .popin-bg p {
    font-size: 2.2rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    color: white;
    line-height: 30px;
    margin-bottom: 40px;
}
.theme-candidat .popin.popin-rendez-vous .popin-bg p.computer::before {
    content: "";
    background: url(../../img/angular/services-apec/computer.svg) no-repeat center;
    height: 86px;
    width: 93px;
    background-size: 96%;
    float: left;
    margin-right: 45px;
}
.theme-candidat .popin.popin-rendez-vous .popin-bg p.round::before {
    content: "";
    background: url(../../img/angular/services-apec/round.svg) no-repeat center;
    height: 90px;
    width: 93px;
    background-size: 95%;
    float: left;
    margin-right: 45px;
}
.theme-candidat .popin.popin-rendez-vous a.popin-btn-primary {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    line-height: normal;
    transition: all 0.2s;
    cursor: pointer;
    white-space: nowrap;
    max-width: 20rem;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    margin: 20px auto;
}
.theme-candidat .popin.popin-rendez-vous a.popin-btn-primary:hover {
    background-color: #ffd038;
    color: #232558;
}
.theme-candidat .popin.popin-rendez-vous a.link {
    margin-top: 40px;
    text-decoration: underline;
    display: flex;
    cursor: pointer;
    justify-content: space-around;
    color: white;
}
.theme-candidat .popin.popin-rendez-vous a.link:hover {
    text-decoration: none;
}
.theme-candidat .popin.popin-rendez-vous.show {
    display: block;
    opacity: 1;
}
@media (max-width: 991px) {
    .theme-candidat .popin-bg {
        padding: 45px;
    }
    .theme-candidat .popin-bg p {
        font-size: 1.8rem !important;
        text-align: center !important;
        margin-bottom: 25px;
    }
    .theme-candidat .popin-bg p.computer::before {
        width: 100% !important;
        background-size: 25% !important;
        margin-bottom: 25px !important;
    }
    .theme-candidat .popin-bg p.round::before {
        width: 100% !important;
        background-size: 25% !important;
        margin-bottom: 25px !important;
        margin-top: 20px !important;
    }
}
.theme-candidat .fiche .fiche__presentation .rich-text ul li {
    padding-left: 20px;
}
.theme-candidat .fiche .fiche__presentation .rich-text ul li::before {
    background: url(../../img/pictos/functional/plus.svg);
    width: 32px;
    background-size: 100%;
    height: 32px;
    left: -10px;
    top: -7px;
    background-repeat: no-repeat;
    content: "";
}
.theme-candidat .fiche .fiche__performance {
    color: #232558;
}
.theme-candidat .rdv-distance {
    text-align: right;
}
.theme-candidat .rdv-distance p {
    position: relative;
}
.theme-candidat .rdv-distance p::before {
    content: "";
    background: url(../../img/angular/services-apec/visio.svg) no-repeat;
    height: 36px;
    width: 38px;
    display: inline-block;
    vertical-align: middle;
}
.theme-candidat .hour-radio .remote-mode {
    background-color: #f1d7cf !important;
    position: relative;
}
.theme-candidat .hour-radio .remote-mode::before {
    content: "";
    background: url(../../img/angular/services-apec/visio.svg) no-repeat;
    height: 25px;
    width: 31px;
    position: absolute;
    right: -15px;
    top: -1px;
    background-size: 44%;
}
.theme-candidat .comp_hour-picker .hour-radios-group:has(.remote-mode) {
    overflow-y: visible;
}
.theme-candidat .button-flat-blue,
.theme-candidat .button-green,
.theme-candidat .button-small,
.theme-candidat .button-flat-orange,
.theme-candidat .cv-file-upload span {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 20rem;
    width: fit-content;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    margin: 0 auto;
}
.theme-candidat .button-flat-blue:hover,
.theme-candidat .button-green:hover,
.theme-candidat .button-small:hover,
.theme-candidat .button-flat-orange:hover,
.theme-candidat .cv-file-upload span:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558;
    text-decoration: none;
}
.theme-candidat .button-flat-blue:focus,
.theme-candidat .button-green:focus,
.theme-candidat .button-small:focus,
.theme-candidat .button-flat-orange:focus,
.theme-candidat .cv-file-upload span:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.theme-candidat .button-flat-blue:active:focus,
.theme-candidat .button-green:active:focus,
.theme-candidat .button-small:active:focus,
.theme-candidat .button-flat-orange:active:focus,
.theme-candidat .cv-file-upload span:active:focus {
    box-shadow: none !important;
}
.theme-candidat .button-flat-blue.btn-negative,
.theme-candidat .button-green.btn-negative,
.theme-candidat .button-small.btn-negative,
.theme-candidat .button-flat-orange.btn-negative,
.theme-candidat .cv-file-upload span.btn-negative {
    border: 1px solid #ffffff;
}
.theme-candidat .button-back,
.theme-candidat .button-small.button-back {
    /* .btn-secondary */
    background-color: #ffffff;
    color: #232558 !important;
    border: 3px solid #fdc300 !important;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 20rem;
    width: fit-content;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}
.theme-candidat .button-back:hover,
.theme-candidat .button-small.button-back:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558 !important;
    text-decoration: none;
}
.theme-candidat .button-back:focus,
.theme-candidat .button-small.button-back:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
.theme-candidat .button-back:active:focus,
.theme-candidat .button-small.button-back:active:focus {
    box-shadow: none !important;
}
.theme-candidat .button-back.btn-negative,
.theme-candidat .button-small.button-back.btn-negative {
    border: 1px solid #ffffff;
}
.theme-candidat .button-back::before,
.theme-candidat .button-small.button-back::before {
    content: "";
    margin-right: 0;
}
.theme-candidat .btn:not(:disabled):hover,
.theme-candidat .btn:not(:disabled):active:hover,
.theme-candidat .button-flat-blue:not(:disabled):hover,
.theme-candidat .button-flat-blue:not(:disabled):active:hover,
.theme-candidat .button-green:not(:disabled):hover,
.theme-candidat .button-green:not(:disabled):active:hover,
.theme-candidat .button-small:not(:disabled):hover,
.theme-candidat .button-small:not(:disabled):active:hover,
.theme-candidat .button-flat-orange:not(:disabled):hover,
.theme-candidat .button-flat-orange:not(:disabled):active:hover .cv-file-upload:hover input,
.theme-candidat .cv-file-upload span:hover {
    /*background-color: #ffd038;
  color: $primary-blue;*/
    font-size: 12px;
    font-size: 1.2rem;
}
.theme-candidat .btn-border {
    border-color: #232558;
}
.theme-candidat .btn.btn-negative:not(:disabled):hover {
    color: #232558;
}
.theme-candidat button.link-style {
    color: #232558;
}
.theme-candidat.problematic .btn {
    margin-right: 0;
}
.theme-candidat .pictoDelete {
    color: #232558;
}
.theme-candidat .pictoQuestion {
    background-color: #232558;
}
.theme-candidat .pictoPlus::before,
.theme-candidat .pictoMoins::before {
    color: #232558;
}
.theme-candidat .pictoPrint {
    background-image: url("../../img/angularjs/core/icons/picto-print@2x.png");
    background-size: 18px 90px !important;
    background-position: 0 2px;
}
.theme-candidat .pictoPrint:hover,
.theme-candidat .pictoPrint:focus {
    background-position: 0 -74px;
}
.theme-candidat .border-T {
    border-top: 1px solid #edf7f7;
}
.theme-candidat .cadre-gradient {
    background: rgba(255, 83, 31, 0.1);
    border: 1px solid rgba(112, 112, 112, 0.1);
    border-radius: 5px;
}
.theme-candidat .cadre-bg {
    background-color: rgba(2, 96, 150, 0.1);
}
.theme-candidat .more {
    color: #232558;
}
.theme-candidat._offer main {
    background: url("../../img/edito/bg/offers.png") no-repeat right top;
    background-size: 100% auto;
}
.theme-candidat .pagination > li > a,
.theme-candidat .pagination > li > span {
    color: #232558;
    font-weight: 700;
    padding: 0 6px;
    line-height: 1.8;
}
.theme-candidat .pagination > li > a:hover,
.theme-candidat .pagination > li > span:hover,
.theme-candidat .pagination > li > a:focus,
.theme-candidat .pagination > li > span:focus {
    background-color: transparent;
    border: 0;
    color: #232558;
}
.theme-candidat .pagination > .active > a,
.theme-candidat .pagination > .active > span,
.theme-candidat .pagination > .active > a:hover,
.theme-candidat .pagination > .active > span:hover,
.theme-candidat .pagination > .active > a:focus,
.theme-candidat .pagination > .active > span:focus {
    background-color: #232558;
    color: #ffffff !important;
}
.theme-candidat .pagination > li:last-child > a,
.theme-candidat .pagination > li:first-child > a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 3px;
    text-indent: -50000px;
}
.theme-candidat .pagination > li:first-child > a {
    background-image: url("../../img/edito/candidat/chevron-l.svg");
}
.theme-candidat .pagination > li:last-child > a {
    background-image: url("../../img/edito/candidat/chevron-r.svg");
}
.theme-candidat .card.card-testimony .blockquote ::after,
.theme-candidat .card.card-testimony .blockquote ::before {
    color: #ffffff;
}
.theme-candidat .card .keywords-bg {
    background-color: #fff;
}
.theme-candidat .card.card-detail .card-head__category {
    color: #026096;
}
.theme-candidat .card.card-detail a {
    color: #232558;
    text-decoration: underline;
}
.theme-candidat .card.card-detail a.offer-search-button {
    color: #ffffff;
    text-decoration: none;
}
.theme-candidat .card.card-detail a.offer-search-button:hover {
    color: #026096;
    text-decoration: none;
    border: #026096 solid 1px;
}
.theme-candidat .card.card-detail a.offer-save-button:hover {
    border: #026096 solid 1px;
}
.theme-candidat .card.card-detail a.offer-save-button:hover svg {
    fill: #026096 !important;
}
.theme-candidat .card.card-profils .card-title {
    color: #232558;
}
.theme-candidat .card.card-profils .card-profils__details {
    background-color: transparent;
    color: #232558;
    display: flex;
    padding: 6px 0 2px;
    margin-bottom: 20px;
}
.theme-candidat .card.card-profils .card-profils__details .number-profils {
    font-size: 30px;
    font-size: 3rem;
}
.theme-candidat .card.card-offer-search.with-transaction .left-transaction {
    background: #026096;
    background: linear-gradient(90deg, rgba(2, 96, 150, 0.7) 0%, #026096 100%);
}
.theme-candidat .gerer-vos-echanges.card,
.theme-candidat .detail-echange.card {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.theme-candidat .gerer-vos-echanges.card .card-title,
.theme-candidat .detail-echange.card .card-title {
    margin-bottom: 2rem;
}
.theme-candidat .gerer-vos-echanges.card h2,
.theme-candidat .detail-echange.card h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem !important;
}
.theme-candidat .gerer-vos-echanges.card .table-apec,
.theme-candidat .detail-echange.card .table-apec {
    border: none;
}
.theme-candidat .block-erreur {
    gap: 1rem;
}
.theme-candidat #customModal .modal-dialog span,
.theme-candidat .customModal .modal-dialog span,
.theme-candidat .loading-spinner span {
    background: #232558;
    background: -moz-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #232558 10%, rgba(255, 255, 255, 0) 42%);
}
.theme-candidat #customModal .modal-dialog span::before,
.theme-candidat .customModal .modal-dialog span::before,
.theme-candidat .loading-spinner span::before {
    background: #232558;
}
.theme-candidat .card-container .card-user-profile .card-user-profile__consultation p span {
    color: #026096;
}
.theme-candidat .navbar-form button[type=submit] {
    background-color: #fdc300;
}
.theme-candidat .navbar-form button[type=submit]:focus {
    outline: none;
    border: none;
    text-decoration: none;
}
.theme-candidat .bootstrap-datetimepicker-widget table td.today::after,
.theme-candidat .bootstrap-datetimepicker-widget table td span.active {
    background: #026096;
}
.theme-candidat .bootstrap-datetimepicker-widget table td.active::after {
    border: 2px solid #026096;
}
.theme-candidat .ui-widget-header {
    background: #fcb096;
    background: -moz-linear-gradient(left, #fcb096 0%, #f57558 100%);
    background: -webkit-linear-gradient(left, #fcb096 0%, #f57558 100%);
    background: linear-gradient(to right, #fcb096 0%, #f57558 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$gradient-candidat-light", endColorstr="$gradient-candidat-dark", GradientType=1);
}
.theme-candidat .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom: 7px solid #fcb096;
    border-bottom-color: #fcb096;
}
.theme-candidat .pictoPlus::before,
.theme-candidat .pictoMoins::before {
    color: #8eb9c1;
}
.theme-candidat .pagination li.active a,
.theme-candidat .pagination li.active a:hover {
    color: #fff;
    background-color: #026096;
    border-color: #026096;
}
.theme-candidat .pagination li a,
.theme-candidat .pagination li a:hover {
    color: #026096;
}
.theme-candidat .user-profile {
    display: flex;
}
.theme-candidat .user-profile .user-profile__picture {
    width: 130px;
    height: 130px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 50%;
}
.theme-candidat .user-profile .user-profile__picture img {
    width: 130px;
}
.theme-candidat .user-profile .user-profile__logo {
    width: 64px;
    height: 64px;
    margin-right: 15px;
}
.theme-candidat .user-profile .user-profile__logo img {
    width: 64px;
}
.theme-candidat .user-profile .user-profile__infos .user-profile__name {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

/* CODE A REORGANISER !!! */
.card-body .call-to-action .call-to-action__container .number-offers {
    color: #026096;
}
.card-body .ref-offre,
.card-body .date-offre {
    color: #7997af;
}

.pub-msg {
    background: rgba(255, 255, 255, 0.6);
}
.pub-msg .container-society-infos h3 {
    color: #232558;
}

.card-offer__logo figure img {
    border-radius: 5px;
    border-color: #edf7f7;
    border-style: solid;
    border-width: 1px;
}

.offer-sidebar .map {
    border-radius: 5px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
}

.list-offers .body-offers {
    border-bottom: 1px solid #dadada;
}
.list-offers .body-offers ul li {
    border-bottom: 0;
}

.previous-next-offer {
    color: #026096;
}

.advanced-search {
    color: #232558 !important;
}

.card-body .select-search-type .selected-option {
    color: #026096;
}

.advanced-search {
    color: #232558 !important;
}
.advanced-search .advanced-research-offer select.form-select-advanced-search {
    border: #7997af solid 1px !important;
}

/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* ==========================================================================
   themes/_recruteur.scss : $primary-blue
   ========================================================================== */
/*
*{
  border: 2px navy solid;
}*/
.theme-recruteur,
.candidapec {
    /**{
    border: 2px red solid;
  }*/
    /* fiche Service */
    /* fiche Service */
}
.theme-recruteur .theme-color,
.candidapec .theme-color {
    color: #232558;
}
.theme-recruteur .bleu,
.candidapec .bleu {
    color: #026096;
}
.theme-recruteur .container-fluid > .container-fluid,
.candidapec .container-fluid > .container-fluid {
    padding: 0 !important;
}
.theme-recruteur .gerer-vos-offres h1,
.candidapec .gerer-vos-offres h1 {
    /*float: none !important;
  text-align: center;
  text-transform: uppercase;*/
}
.theme-recruteur .filter-profil-container .filter-profil .filter-profil-details svg,
.candidapec .filter-profil-container .filter-profil .filter-profil-details svg {
    fill: #232558;
}
.theme-recruteur .filter-profil-container .filter-profil .filter-profil-details span,
.candidapec .filter-profil-container .filter-profil .filter-profil-details span {
    color: #026096;
}
.theme-recruteur .side-nav .side-nav__links-cta li.cta-recruteur,
.candidapec .side-nav .side-nav__links-cta li.cta-recruteur {
    margin-bottom: 20px;
    border: none;
}
.theme-recruteur .side-nav .side-nav__links-cta li.cta-recruteur,
.candidapec .side-nav .side-nav__links-cta li.cta-recruteur {
    margin-bottom: 20px;
    border: none;
}
.theme-recruteur .subtitle,
.candidapec .subtitle {
    color: #7997af;
}
.theme-recruteur .custom-input-file,
.candidapec .custom-input-file {
    background-color: #026096;
}
.theme-recruteur .rich-text ul li,
.candidapec .rich-text ul li {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-recruteur .rich-text ul li::before,
.candidapec .rich-text ul li::before {
    content: "•";
    color: #fdc300;
}
.theme-recruteur .rich-text ul li::before p,
.candidapec .rich-text ul li::before p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.theme-recruteur .fiche .fiche__presentation .rich-text ul li,
.candidapec .fiche .fiche__presentation .rich-text ul li {
    padding-left: 20px;
}
.theme-recruteur .fiche .fiche__presentation .rich-text ul li::before,
.candidapec .fiche .fiche__presentation .rich-text ul li::before {
    background: url(../../img/pictos/functional/plus.svg);
    width: 32px;
    background-size: 100%;
    height: 32px;
    left: -10px;
    top: -7px;
    background-repeat: no-repeat;
    content: "";
}
.theme-recruteur .fiche .fiche__performance,
.candidapec .fiche .fiche__performance {
    color: #232558;
}
.theme-recruteur .menu-link-more a,
.candidapec .menu-link-more a {
    color: #232558;
}
.theme-recruteur.fiche-service .fiche__performance,
.candidapec.fiche-service .fiche__performance {
    color: #026096;
}

/* Offset direction pour le slider salary
*/
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

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

.card-container .card-user-profile .card-user-profile__consultation p span {
    color: #026096;
}

.bootstrap-datetimepicker-widget table td.today::after,
.bootstrap-datetimepicker-widget table td span.active {
    background: #026096;
}

.bootstrap-datetimepicker-widget table td.active::after {
    border: 2px solid #026096;
}

.bootstrap-datetimepicker-widget table thead tr:first-child {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/$gradient-recruteur-light+0,ef7352+100 */
    background: #005795;
    /* Old browsers */
    background: -moz-linear-gradient(left, #005795 0%, #003a5d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #005795 0%, #003a5d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #005795 0%, #003a5d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ==========================================================================
   Repris de si angularjs/recruteurs et de angular/recruteurs
   ========================================================================== */
.theme-recruteur,
.candidapec {
    /* ******************************************************************** 2016-05-17 15:08 *************************************************************************** */
    /* ************************************************************** Divers ********************************************************************************** */
    /* Buttons */
    /* Forms Input, checkbox */
    /* Pictos */
    /* Widgets */
    /* Pagination */
    /* customModal */
    /* ************************************************************** GERER VOS OFFRES ********************************************************************************** */
    /* ************************************************************** CREER UNE OFFRE ********************************************************************************** */
    /****Blocs fixes****/
    /* Décalage vertical du lien Employé Ouvrier */
    /********************* Highlight sur les boutons d'action Retenir et Ecarter *********************/
    /********************* Candidapec Promotion *********************/
    /*Promo-search*/
    /*Image*/
    /*see-all*/
    /********************* Profil *********************/
    /* Head Profils */
    /*direct-access*/
    /***** Profil Header ****/
    /*Actions buttons*/
    /********************* Sticky action buttons *********************/
    /* Hightlight du sticky action button */
    /*Profil infos*/
    /* infos separator */
    /***** Profil content *****/
    /* ******** SLIDER  ******** */
    /* Slider Salaires */
    /* Carousel moments clés */
    /*Slider arrows*/
    /********** Highlight **********/
    /********** Coordonnees **********/
    /********** Contacte **********/
    /********************* Resultats *********************/
    /*** Head-results ***/
    /********************* Formulaire partage profil *********************/
    /*** Content ***/
    /* Filters */
    /* Head */
    /* Refine */
    /* head-refine */
    /* filter-category */
    /* Nouveau slider salary*/
    /* criteres-perso */
    /* affinity-seach */
    /*recherche-enregistree*/
    /* action-bar*/
    /* Candidapec-tri*/
    /*candidate-action*/
    /* Candidapec-list*/
    /* Candidapec-post*/
    /*content*/
    /*quote*/
    /* modifs class global input form todo le hierarchiser car trop global */
    /* rubrique Qualification */
    /*candidat-ecarte*/
    /* ******** AUTOCOMPLETE mot clé******** */
    /* compétences */
    /**/
    /*Map*/
    /*Raw 3*/
    /* info-parcours */
    /* Raw 5 */
    /* Raw 6 */
    /* recherche-competence */
    /* autres-competences */
    /* Bottom Fixed Menu */
    /* results-save */
    /********************* Recherches enregistrées *********************/
    /* Header */
    /* Recherche */
    /*Switch*/
    /*Recherche-notif*/
    /*deleted*/
    /*shared*/
    /*Menu recherche enregistrée*/
    /********************* Messages *********************/
    /*Messages search*/
    /*Messages label*/
    /*Messages list*/
    /**** Message détails *****/
    /**** Affinité *****/
    /*affinity-search*/
    /********************* Pop-ins *********************/
    /***** #candidapec-tutoriel-pop-in *****/
    /***** #recruteurs *****/
    /*Pop-in Proposer*/
    /*Pop-in Share */
    /* Pop-in Contacter */
    /* Pop-in Sauvgarde recherche nécessaire */
    /***************************************************************/
    /*****************************BOOTSTRAP SLIDER******************/
    /***************************************************************/
    /***************************************************************/
    /*****************************PAGINATION******************/
    /***************************************************************/
    /**********************************************************************/
    /******************** Filtres critères affinités **********************/
    /**********************************************************************/
    /* classes css utilisées uniquement sur http://recruteursloc:8090/cms/render/default/fr/sites/recruteurs/home/gerer-vos-offres/affinite-offre.html */
    /* Candidapec-tri*/
    /*! nouislider - 11.1.0  */
    /* Wrapper for all connect elements.
  */
    /* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
    /* Slider size and handle placement;
  */
    /* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
    /* Handle stripes;
  */
    /* Disabled state;
  */
    /* Base;
  *
  */
    /* Values;
  *
  */
    /* MCO_SI-27624 patch pour l'affichage correct de l'image dans la boxMiseEnAvant
    on le met dans le css recruteurs pour ne pas impacter les autres sites
  */
    /* MCO_SI-27733 */
    /*  PLD-RDV-LOT3    */
    /* filter chips badge */
    /*SKILLS COLLAPSE*/
    /*language*/
    /*knowhow*/
    /*knowledge*/
    /* end filter chips badge */
}
.theme-recruteur a.picto-text-link,
.candidapec a.picto-text-link {
    text-transform: none;
}
.theme-recruteur svg,
.candidapec svg {
    fill: #026096;
}
.theme-recruteur .p-0,
.candidapec .p-0 {
    padding: 0;
}
.theme-recruteur .m-0,
.candidapec .m-0 {
    margin: 0;
}
.theme-recruteur .button-flat-blue:disabled,
.candidapec .button-flat-blue:disabled {
    background-color: #aaa;
    color: #fff;
    opacity: 1;
    padding: 10px 20px;
}
.theme-recruteur .button-flat-blue-popin,
.candidapec .button-flat-blue-popin {
    margin-bottom: 20px;
}
.theme-recruteur .liste-offre-table .button-flat-blue,
.candidapec .liste-offre-table .button-flat-blue {
    max-width: 100px;
    padding: 10px 12px !important;
}
.theme-recruteur .search-group button.pictoSearch,
.theme-recruteur .search-group button.pictoSearch:focus,
.candidapec .search-group button.pictoSearch,
.candidapec .search-group button.pictoSearch:focus {
    background-color: #026096;
}
.theme-recruteur .search-group button.pictoSearch:hover,
.candidapec .search-group button.pictoSearch:hover {
    background-color: #004b63;
}
.theme-recruteur .button-matching-dimension,
.candidapec .button-matching-dimension {
    min-width: 86px;
    min-height: 24px;
    font-size: 12px;
}
.theme-recruteur .input-group-addon:last-child,
.candidapec .input-group-addon:last-child {
    background-color: #026096;
}
.theme-recruteur .checkbox #receive_by_mail,
.candidapec .checkbox #receive_by_mail {
    margin-left: 0px;
    margin-top: 9px;
}
.theme-recruteur .pictoQuestion,
.candidapec .pictoQuestion {
    background-color: #8eb9c1;
}
.theme-recruteur .ui-widget-header,
.candidapec .ui-widget-header {
    background: #cce7ff;
    background: -moz-linear-gradient(45deg, #cce7ff 0%, #026096 100%);
    background: -webkit-linear-gradient(45deg, #cce7ff 0%, #026096 100%);
    background: linear-gradient(45deg, #cce7ff 0%, #026096 100%);
}
.theme-recruteur .pagination > li > a, .theme-recruteur .pagination > li > span,
.candidapec .pagination > li > a,
.candidapec .pagination > li > span {
    color: #026096;
}
.theme-recruteur .pagination > li > a:hover, .theme-recruteur .pagination > li > span:hover, .theme-recruteur .pagination > li > a:focus, .theme-recruteur .pagination > li > span:focus,
.candidapec .pagination > li > a:hover,
.candidapec .pagination > li > span:hover,
.candidapec .pagination > li > a:focus,
.candidapec .pagination > li > span:focus {
    color: #004b63;
}
.theme-recruteur .pagination > .active > a, .theme-recruteur .pagination > .active > span, .theme-recruteur .pagination > .active > a:hover, .theme-recruteur .pagination > .active > span:hover, .theme-recruteur .pagination > .active > a:focus, .theme-recruteur .pagination > .active > span:focus,
.candidapec .pagination > .active > a,
.candidapec .pagination > .active > span,
.candidapec .pagination > .active > a:hover,
.candidapec .pagination > .active > span:hover,
.candidapec .pagination > .active > a:focus,
.candidapec .pagination > .active > span:focus {
    background-color: #026096;
    color: #ffffff !important;
}
.theme-recruteur .pagination > li:last-child > a, .theme-recruteur .pagination > li:first-child > a,
.candidapec .pagination > li:last-child > a,
.candidapec .pagination > li:first-child > a {
    background-position: center 4px;
    width: 40px;
}
.theme-recruteur hr,
.candidapec hr {
    background-image: none;
    border-bottom: 1px solid #ccc;
    display: block;
    height: 0px;
    margin: 15px 0;
}
.theme-recruteur .back-to-top,
.candidapec .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #005363;
    border: none;
    z-index: 1;
}
.theme-recruteur .back-to-top-modal,
.candidapec .back-to-top-modal {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: none;
    background-color: #005363;
    border: none;
}
.theme-recruteur .back-to-top-candidapec,
.candidapec .back-to-top-candidapec {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    display: none;
    background-color: #005363;
    border: none;
    z-index: 10;
}
@media only screen and (min-width: 991px) {
    .theme-recruteur .back-to-top-candidapec,
    .candidapec .back-to-top-candidapec {
        margin-left: -70px;
    }
}
@media only screen and (max-width: 991px) {
    .theme-recruteur .back-to-top-candidapec,
    .candidapec .back-to-top-candidapec {
        left: 10px;
    }
}
.theme-recruteur .back-to-top:hover,
.theme-recruteur .back-to-top:focus,
.theme-recruteur .back-to-top:active,
.theme-recruteur .back-to-top-modal:hover,
.theme-recruteur .back-to-top-modal:focus,
.theme-recruteur .back-to-top-modal:active,
.candidapec .back-to-top:hover,
.candidapec .back-to-top:focus,
.candidapec .back-to-top:active,
.candidapec .back-to-top-modal:hover,
.candidapec .back-to-top-modal:focus,
.candidapec .back-to-top-modal:active {
    background-color: #026096; /* ancienne #117e93*/
}
.theme-recruteur #customModal .modal-dialog span, .theme-recruteur .customModal .modal-dialog span, .theme-recruteur .loading-spinner span,
.candidapec #customModal .modal-dialog span,
.candidapec .customModal .modal-dialog span,
.candidapec .loading-spinner span {
    background: #232558;
    background: -moz-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #232558 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #232558 10%, rgba(255, 255, 255, 0) 42%);
}
.theme-recruteur #customModal .modal-dialog span::before, .theme-recruteur .customModal .modal-dialog span::before, .theme-recruteur .loading-spinner span::before,
.candidapec #customModal .modal-dialog span::before,
.candidapec .customModal .modal-dialog span::before,
.candidapec .loading-spinner span::before {
    background: #232558;
}
.theme-recruteur .offre-en-ligne,
.theme-recruteur .offre-hors-ligne,
.theme-recruteur .offre-attente-validation,
.theme-recruteur .offre-brouillon,
.theme-recruteur .offre-toutes,
.candidapec .offre-en-ligne,
.candidapec .offre-hors-ligne,
.candidapec .offre-attente-validation,
.candidapec .offre-brouillon,
.candidapec .offre-toutes {
    border-radius: 25px;
    color: #fff;
    min-height: 20px;
    min-width: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.theme-recruteur .offre-en-ligne,
.candidapec .offre-en-ligne {
    background-color: #33cc00;
}
.theme-recruteur .offre-hors-ligne,
.candidapec .offre-hors-ligne {
    background-color: #cc0000;
}
.theme-recruteur .offre-attente-validation,
.candidapec .offre-attente-validation {
    background-color: #ff9933;
}
.theme-recruteur .offre-brouillon,
.candidapec .offre-brouillon {
    background-color: #999999;
}
.theme-recruteur .offre-toutes,
.candidapec .offre-toutes {
    background-color: #026096;
}
.theme-recruteur table#gestion-offres .offre-en-ligne,
.theme-recruteur table#gestion-offres .offre-hors-ligne,
.theme-recruteur table#gestion-offres .offre-attente-validation,
.theme-recruteur table#gestion-offres .offre-brouillon,
.theme-recruteur table#gestion-offres .offre-toutes,
.candidapec table#gestion-offres .offre-en-ligne,
.candidapec table#gestion-offres .offre-hors-ligne,
.candidapec table#gestion-offres .offre-attente-validation,
.candidapec table#gestion-offres .offre-brouillon,
.candidapec table#gestion-offres .offre-toutes {
    min-height: 15px;
    min-width: 15px;
}
@media only screen and (min-width: 991px) {
    .theme-recruteur table#gestion-offres td,
    .candidapec table#gestion-offres td {
        vertical-align: middle;
    }
    .theme-recruteur table#gestion-offres td.td2,
    .candidapec table#gestion-offres td.td2 {
        width: 275px;
    }
    .theme-recruteur table#gestion-offres td.td7,
    .candidapec table#gestion-offres td.td7 {
        width: 160px;
    }
}
@media only screen and (max-width: 1199px) {
    .theme-recruteur table#gestion-offres td,
    .candidapec table#gestion-offres td {
        min-height: 30px;
        text-align: left !important;
        font-size: 12px;
    }
    .theme-recruteur table#gestion-offres td.selectionner:before,
    .candidapec table#gestion-offres td.selectionner:before {
        content: "Selectionner";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.modifie:before,
    .candidapec table#gestion-offres td.modifie:before {
        content: "Modifiée le";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.intitule:before,
    .candidapec table#gestion-offres td.intitule:before {
        content: "Intitulé du poste";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.lieu:before,
    .candidapec table#gestion-offres td.lieu:before {
        content: "Lieu";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.etat:before,
    .candidapec table#gestion-offres td.etat:before {
        content: "État";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.candidatures:before,
    .candidapec table#gestion-offres td.candidatures:before {
        content: "Candidatures à traiter";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.publie:before,
    .candidapec table#gestion-offres td.publie:before {
        content: "Publiée le";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.jours:before,
    .candidapec table#gestion-offres td.jours:before {
        content: "Jours restants";
        text-align: left;
    }
    .theme-recruteur table#gestion-offres td.responsable:before,
    .candidapec table#gestion-offres td.responsable:before {
        content: "Responsable";
        text-align: left;
    }
}
@media (max-width: 767px) {
    .theme-recruteur table#gestion-offres td.candidatures:before,
    .candidapec table#gestion-offres td.candidatures:before {
        content: "Candid. à traiter";
        text-align: left;
    }
}
.theme-recruteur #filtres-offres.cadre p,
.candidapec #filtres-offres.cadre p {
    font-size: 14px;
}
.theme-recruteur button.filters,
.candidapec button.filters {
    border: 0;
    background-image: url("../../img/angularjs/RECRUTEURS/offres/picto-filtres.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px;
}
.theme-recruteur #offre-title-box p,
.candidapec #offre-title-box p {
    font-size: 14px;
}
.theme-recruteur #offre-title-box .offre-en-ligne,
.theme-recruteur #offre-title-box .offre-hors-ligne,
.theme-recruteur #offre-title-box .offre-attente-validation,
.theme-recruteur #offre-title-box .offre-brouillon,
.theme-recruteur #offre-title-box .offre-toutes,
.candidapec #offre-title-box .offre-en-ligne,
.candidapec #offre-title-box .offre-hors-ligne,
.candidapec #offre-title-box .offre-attente-validation,
.candidapec #offre-title-box .offre-brouillon,
.candidapec #offre-title-box .offre-toutes {
    min-height: 10px;
    min-width: 10px;
    margin-right: 5px;
}
.theme-recruteur #offre-title-box .reference,
.candidapec #offre-title-box .reference {
    color: #666666;
    font-size: 12px;
}
.theme-recruteur #tab-candidatures tr.new td,
.candidapec #tab-candidatures tr.new td {
    font-weight: 700;
}
.theme-recruteur #tab-candidatures,
.theme-recruteur #pagePivotParcoursOffre,
.candidapec #tab-candidatures,
.candidapec #pagePivotParcoursOffre {
    /*#tab-candidatures, #pagePivotParcoursOffre {
  @media(max-width: 767px) {
    ul.nav-tabs {
      display: none;
    }
  }*/
}
.theme-recruteur #tab-candidatures ul.nav-tabs li,
.theme-recruteur #pagePivotParcoursOffre ul.nav-tabs li,
.candidapec #tab-candidatures ul.nav-tabs li,
.candidapec #pagePivotParcoursOffre ul.nav-tabs li {
    text-align: center;
    /*width: 25%;*/
    position: relative;
}
.theme-recruteur #tab-candidatures ul.nav-tabs li:before,
.theme-recruteur #pagePivotParcoursOffre ul.nav-tabs li:before,
.candidapec #tab-candidatures ul.nav-tabs li:before,
.candidapec #pagePivotParcoursOffre ul.nav-tabs li:before {
    content: none;
}
.theme-recruteur #tab-candidatures .nav-justified .nav-item,
.theme-recruteur #pagePivotParcoursOffre .nav-justified .nav-item,
.candidapec #tab-candidatures .nav-justified .nav-item,
.candidapec #pagePivotParcoursOffre .nav-justified .nav-item {
    flex-basis: auto;
    flex-grow: 0;
}
.theme-recruteur #tab-candidatures .nav > li > a,
.theme-recruteur #pagePivotParcoursOffre .nav > li > a,
.candidapec #tab-candidatures .nav > li > a,
.candidapec #pagePivotParcoursOffre .nav > li > a {
    background-color: #026096;
    color: #ffffff;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*height: 40px;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.theme-recruteur #tab-candidatures .nav > li > a:hover,
.theme-recruteur #tab-candidatures .nav-tabs > li.active > a,
.theme-recruteur #tab-candidatures .nav-tabs > li.active > a:hover,
.theme-recruteur #tab-candidatures .nav-tabs > li.active > a:focus,
.theme-recruteur #pagePivotParcoursOffre .nav > li > a:hover,
.theme-recruteur #pagePivotParcoursOffre .nav-tabs > li.active > a,
.theme-recruteur #pagePivotParcoursOffre .nav-tabs > li.active > a:hover,
.theme-recruteur #pagePivotParcoursOffre .nav-tabs > li.active > a:focus,
.candidapec #tab-candidatures .nav > li > a:hover,
.candidapec #tab-candidatures .nav-tabs > li.active > a,
.candidapec #tab-candidatures .nav-tabs > li.active > a:hover,
.candidapec #tab-candidatures .nav-tabs > li.active > a:focus,
.candidapec #pagePivotParcoursOffre .nav > li > a:hover,
.candidapec #pagePivotParcoursOffre .nav-tabs > li.active > a,
.candidapec #pagePivotParcoursOffre .nav-tabs > li.active > a:hover,
.candidapec #pagePivotParcoursOffre .nav-tabs > li.active > a:focus {
    font-weight: normal;
    color: #ffffff;
    background-color: #004b63;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.theme-recruteur #tab-candidatures-nav .candidature-total,
.theme-recruteur #tab-candidatures-nav-accordion .candidature-total,
.candidapec #tab-candidatures-nav .candidature-total,
.candidapec #tab-candidatures-nav-accordion .candidature-total {
    color: #666666;
    font-weight: 300;
    margin-right: 5px;
}
.theme-recruteur #tab-candidatures .candidature-new,
.theme-recruteur #tab-candidatures-nav .candidature-new,
.theme-recruteur #tab-candidatures-nav-accordion .candidature-new,
.candidapec #tab-candidatures .candidature-new,
.candidapec #tab-candidatures-nav .candidature-new,
.candidapec #tab-candidatures-nav-accordion .candidature-new {
    background-color: #fd6600;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-weight: 300;
    line-height: 17px;
    margin: 0 0 0 5px;
    padding: 0 5px;
    min-height: 17px;
    min-width: 17px;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    overflow: hidden;
    padding: 0;
    transform: translate(5px, -20px);
    position: absolute;
    right: 10px;
}
@media only screen and (max-width: 767px) {
    .theme-recruteur #tab-candidatures .candidature-new,
    .theme-recruteur #tab-candidatures-nav .candidature-new,
    .theme-recruteur #tab-candidatures-nav-accordion .candidature-new,
    .candidapec #tab-candidatures .candidature-new,
    .candidapec #tab-candidatures-nav .candidature-new,
    .candidapec #tab-candidatures-nav-accordion .candidature-new {
        transform: translate(5px, -10px);
        right: auto;
        vertical-align: middle;
    }
    .theme-recruteur #tab-candidatures-nav-accordion .candidature-total,
    .candidapec #tab-candidatures-nav-accordion .candidature-total {
        color: #666666;
    }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
    .theme-recruteur,
    .candidapec {
        /*table.table-responsive.offre-table td.candidat:before {
      content: "Candidat";
      padding-left: 2.5rem;
    }*/
    }
    .theme-recruteur table.table-responsive.offre-table td:nth-of-type(1):before,
    .candidapec table.table-responsive.offre-table td:nth-of-type(1):before {
        /*content: "Candidat";*/
        content: "";
    }
    .theme-recruteur table.table-responsive.offre-table td.no-label[data-title-text=Candidat]:before,
    .candidapec table.table-responsive.offre-table td.no-label[data-title-text=Candidat]:before {
        content: "Candidat" !important;
    }
    .theme-recruteur table.table-responsive.offre-table td:nth-of-type(2):before,
    .candidapec table.table-responsive.offre-table td:nth-of-type(2):before {
        content: "Statut" !important;
    }
    .theme-recruteur table.table-responsive.offre-table input[type=checkbox],
    .candidapec table.table-responsive.offre-table input[type=checkbox] {
        max-width: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .theme-recruteur table.offre-table td.statut:before,
    .candidapec table.offre-table td.statut:before {
        content: "Statut";
    }
    .theme-recruteur table.offre-table td.date:before,
    .candidapec table.offre-table td.date:before {
        content: "Date de candidature";
    }
    .theme-recruteur table.offre-table td.mode:before,
    .candidapec table.offre-table td.mode:before {
        content: "Mode de candidature";
    }
    .theme-recruteur table.offre-table td.email:before,
    .candidapec table.offre-table td.email:before {
        content: "email";
    }
}
.theme-recruteur span#nbre-candidatures-recues,
.candidapec span#nbre-candidatures-recues {
    border-left: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    margin-left: 10px;
    padding-left: 10px;
}
.theme-recruteur #offre-title-box .nbre-vues,
.candidapec #offre-title-box .nbre-vues {
    color: #218300;
    font-size: 12px;
}
.theme-recruteur .gerer-vos-offres,
.candidapec .gerer-vos-offres {
    /* Visualiser une candidature */
    /* Gérer l'offre (Nombre candidatures, Gérer vos candidatures : à traiter, retenues, écartées, site RH  */
    /* Faire apparaître la checkbox pour sélectionner le candidat:  */
    /*.td-check-candidat{
    position: relative;
    input[type='checkbox']{
      position: absolute;
    }
  }*/
}
.theme-recruteur .gerer-vos-offres .bloc-buttons-ecarter-retenir,
.candidapec .gerer-vos-offres .bloc-buttons-ecarter-retenir {
    float: right;
}
@media (max-width: 767px) {
    .theme-recruteur .gerer-vos-offres .bloc-buttons-ecarter-retenir,
    .candidapec .gerer-vos-offres .bloc-buttons-ecarter-retenir {
        width: 100%;
        float: none;
    }
    .theme-recruteur .gerer-vos-offres .bloc-buttons-ecarter-retenir .responsive-full,
    .candidapec .gerer-vos-offres .bloc-buttons-ecarter-retenir .responsive-full {
        display: flex;
    }
}
.theme-recruteur .gerer-vos-offres #tab-candidatures-nav-accordion.tab-accordion-angular .panel,
.candidapec .gerer-vos-offres #tab-candidatures-nav-accordion.tab-accordion-angular .panel {
    border: 0;
    padding: 2rem 1rem;
    border-radius: 0;
    margin-bottom: 1rem;
}
.theme-recruteur #Modal-Logotheque .img-box,
.candidapec #Modal-Logotheque .img-box {
    background-color: #e9e4db;
    height: 230px;
    margin-bottom: 10px;
    padding: 10px;
}
.theme-recruteur #Modal-Logotheque .img-box img,
.candidapec #Modal-Logotheque .img-box img {
    border: 15px solid #fff;
    margin-bottom: 10px;
}
.theme-recruteur #Modal-Logotheque .img-box button,
.candidapec #Modal-Logotheque .img-box button {
    margin-top: 85px;
}
.theme-recruteur table#creer-offre-service .creer-offre-service-name,
.candidapec table#creer-offre-service .creer-offre-service-name {
    width: 25%;
}
.theme-recruteur #Modal-Logotheque.modal,
.theme-recruteur #Modal-Agent.modal,
.theme-recruteur #Modal-Ouvrier.modal,
.candidapec #Modal-Logotheque.modal,
.candidapec #Modal-Agent.modal,
.candidapec #Modal-Ouvrier.modal {
    text-align: center;
    padding: 0 !important;
    background-color: #011b1f;
    opacity: 0.9;
}
.theme-recruteur #Modal-Logotheque.modal:before,
.theme-recruteur #Modal-Agent.modal:before,
.theme-recruteur #Modal-Ouvrier.modal:before,
.candidapec #Modal-Logotheque.modal:before,
.candidapec #Modal-Agent.modal:before,
.candidapec #Modal-Ouvrier.modal:before {
    content: "";
    /*display: inline-block;*/
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.theme-recruteur #Modal-Logotheque .modal-dialog,
.theme-recruteur #Modal-Agent .modal-dialog,
.theme-recruteur #Modal-Ouvrier .modal-dialog,
.candidapec #Modal-Logotheque .modal-dialog,
.candidapec #Modal-Agent .modal-dialog,
.candidapec #Modal-Ouvrier .modal-dialog {
    /*display: inline-block;*/
    text-align: left;
    vertical-align: middle;
}
.theme-recruteur #Modal-Ouvrier .modal-dialog,
.candidapec #Modal-Ouvrier .modal-dialog {
    transform: translate(0, 0%);
    margin-top: 0;
}
.theme-recruteur #parcours-offres-confirmation-autopromo .col-md-5,
.candidapec #parcours-offres-confirmation-autopromo .col-md-5 {
    padding: 0;
    width: 100%;
}
.theme-recruteur .statut-poste-employe a[data-target="#Modal-Ouvrier"], .theme-recruteur .statut-poste-employe a[data-target="#Modal-Ouvrier"]:hover, .theme-recruteur .statut-poste-employe a[data-target="#Modal-Ouvrier"]:focus, .theme-recruteur .statut-poste-employe a[data-target="#Modal-Ouvrier"]:active,
.candidapec .statut-poste-employe a[data-target="#Modal-Ouvrier"],
.candidapec .statut-poste-employe a[data-target="#Modal-Ouvrier"]:hover,
.candidapec .statut-poste-employe a[data-target="#Modal-Ouvrier"]:focus,
.candidapec .statut-poste-employe a[data-target="#Modal-Ouvrier"]:active {
    color: #026096;
}
.theme-recruteur #offres-similaires,
.candidapec #offres-similaires {
    background-color: #e5eff4;
    border-radius: 0;
    padding: 10px 10px 10px 20px;
    transition: top 0.3s linear;
    width: 220px;
}
.theme-recruteur #offres-similaires p,
.candidapec #offres-similaires p {
    width: 180px;
}
.theme-recruteur #offres-similaires p .big,
.candidapec #offres-similaires p .big {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.theme-recruteur #offres-similaires p a:hover,
.candidapec #offres-similaires p a:hover {
    text-decoration: none;
}
.theme-recruteur .fixed-right,
.candidapec .fixed-right {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 40%;
}
.theme-recruteur #nbre-candidatures,
.candidapec #nbre-candidatures {
    background-color: #e5eff4;
    border-radius: 0;
    padding: 10px 10px 10px 20px;
    transition: top 0.3s linear;
    width: 220px;
    top: 58%;
}
.theme-recruteur #nbre-candidatures p,
.candidapec #nbre-candidatures p {
    color: #666;
    width: 180px;
}
.theme-recruteur #nbre-candidatures p .big,
.candidapec #nbre-candidatures p .big {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
    .theme-recruteur #offres-similaires,
    .theme-recruteur #nbre-candidatures,
    .candidapec #offres-similaires,
    .candidapec #nbre-candidatures {
        /*display: none;*/
    }
}
.theme-recruteur #idNomTypePosteId > .form-group,
.candidapec #idNomTypePosteId > .form-group {
    margin-bottom: 0;
}
.theme-recruteur #idNomTypePosteId + .statut-poste-employe,
.candidapec #idNomTypePosteId + .statut-poste-employe {
    transform: translateY(-0.6rem);
    margin-bottom: 0;
}
.theme-recruteur #idNomTypePosteId + .statut-poste-employe ~ .error-contain,
.candidapec #idNomTypePosteId + .statut-poste-employe ~ .error-contain {
    transform: translateY(-1rem);
}
.theme-recruteur #action-buttons .head-button:hover span,
.candidapec #action-buttons .head-button:hover span {
    color: #000;
}
.theme-recruteur #action-buttons .ecarter-highlight.active:hover span,
.candidapec #action-buttons .ecarter-highlight.active:hover span {
    color: #fff;
}
.theme-recruteur #action-buttons .retenir-highlight.active,
.theme-recruteur #action-buttons .retenir-highlight-mobile.active,
.candidapec #action-buttons .retenir-highlight.active,
.candidapec #action-buttons .retenir-highlight-mobile.active {
    background-color: #fe670f;
}
.theme-recruteur #recruteurs .picto-retenir.active,
.candidapec #recruteurs .picto-retenir.active {
    background-image: url(../../img/angular/candidapec/icons/retenir-white.png);
}
.theme-recruteur #recruteurs .picto-retenir-sticky.active,
.candidapec #recruteurs .picto-retenir-sticky.active {
    background-image: url(../../img/angular/candidapec/icons/retenir-white.png);
    color: #fff;
}
.theme-recruteur #recruteurs .picto-ecarter.active,
.candidapec #recruteurs .picto-ecarter.active {
    background-image: url(../../img/angular/candidapec/icons/ecarter-white.png);
    color: #f5b42a;
}
.theme-recruteur #recruteurs .picto-ecarter-sticky.active,
.candidapec #recruteurs .picto-ecarter-sticky.active {
    background-image: url(../../img/angular/candidapec/icons/ecarter-white.png);
    color: #fff;
}
.theme-recruteur #action-buttons .ecarter-highlight.active,
.theme-recruteur #action-buttons .ecarter-highlight-mobile.active,
.candidapec #action-buttons .ecarter-highlight.active,
.candidapec #action-buttons .ecarter-highlight-mobile.active {
    background-color: #f7b500;
}
.theme-recruteur #candidapec-promotion,
.candidapec #candidapec-promotion {
    text-align: center;
}
.theme-recruteur #candidapec-promotion h2,
.candidapec #candidapec-promotion h2 {
    font-size: 30px;
}
.theme-recruteur #candidapec-promotion .promotion-search,
.candidapec #candidapec-promotion .promotion-search {
    background-color: #fbfaf8;
    text-align: center;
    padding: 60px 40px;
    margin-bottom: 90px;
}
.theme-recruteur #candidapec-promotion .promotion-search .gold-number,
.candidapec #candidapec-promotion .promotion-search .gold-number {
    font-weight: 700;
    color: #f5b42a;
}
.theme-recruteur #candidapec-promotion .promotion-search .gold-number + p,
.candidapec #candidapec-promotion .promotion-search .gold-number + p {
    font-size: 18px;
}
.theme-recruteur #candidapec-promotion .promotion-search .search-block,
.candidapec #candidapec-promotion .promotion-search .search-block {
    margin: 40px auto;
    position: relative;
    max-width: 700px;
}
.theme-recruteur #candidapec-promotion .promotion-search .search-block input,
.candidapec #candidapec-promotion .promotion-search .search-block input {
    padding: 30px;
    padding-right: 250px;
    font-size: 26px;
    border: 1px solid #117d92;
    border-radius: 5px;
    height: 80px;
}
.theme-recruteur #candidapec-promotion .promotion-search .search-block button,
.candidapec #candidapec-promotion .promotion-search .search-block button {
    position: absolute;
    top: 20px;
    right: 20px;
}
.theme-recruteur #candidapec-promotion .promotion-search .search-block p,
.candidapec #candidapec-promotion .promotion-search .search-block p {
    color: #999999;
    font-size: 13px;
    margin: 0;
}
.theme-recruteur #candidapec-promotion .promotion-search .search-block a,
.candidapec #candidapec-promotion .promotion-search .search-block a {
    font-size: 14px;
    float: right;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantages-list,
.candidapec #candidapec-promotion .promotion-search .advantages-list {
    margin-top: 90px;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantages-list .col-md-4,
.candidapec #candidapec-promotion .promotion-search .advantages-list .col-md-4 {
    padding: 0px 20px;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage,
.candidapec #candidapec-promotion .promotion-search .advantage {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    margin-right: 30px;
    height: 275px;
    padding: 0px 30px 30px 30px;
    position: relative;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage:last-child,
.candidapec #candidapec-promotion .promotion-search .advantage:last-child {
    margin: 0px;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage::before,
.candidapec #candidapec-promotion .promotion-search .advantage::before {
    position: relative;
    bottom: 12px;
}
.theme-recruteur #candidapec-promotion .image_box img,
.candidapec #candidapec-promotion .image_box img {
    position: relative;
    bottom: 12px;
    width: auto !important;
    margin-top: auto;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage.best-places::before,
.candidapec #candidapec-promotion .promotion-search .advantage.best-places::before {
    content: url(../../img/angular/candidapec/icons/best-places.png);
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage.best-profiles::before,
.candidapec #candidapec-promotion .promotion-search .advantage.best-profiles::before {
    content: url(../../img/angular/candidapec/icons/best-profiles.png);
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage.best-practices::before,
.candidapec #candidapec-promotion .promotion-search .advantage.best-practices::before {
    content: url(../../img/angular/candidapec/icons/best-practices.png);
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage .title,
.candidapec #candidapec-promotion .promotion-search .advantage .title {
    font-size: 24px;
    font-weight: 700;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage p,
.candidapec #candidapec-promotion .promotion-search .advantage p {
    color: #575757;
}
.theme-recruteur #candidapec-promotion .promotion-search .advantage a,
.candidapec #candidapec-promotion .promotion-search .advantage a {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    font-size: 14px;
}
@media screen and (max-width: 991px) {
    .theme-recruteur #candidapec-promotion .promotion-search .search-block input,
    .candidapec #candidapec-promotion .promotion-search .search-block input {
        padding-right: 175px;
    }
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-promotion h2,
    .candidapec #candidapec-promotion h2 {
        font-size: 28px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search,
    .candidapec #candidapec-promotion .promotion-search {
        padding: 30px 20px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .search-block,
    .candidapec #candidapec-promotion .promotion-search .search-block {
        margin: 30px auto;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .search-block input,
    .candidapec #candidapec-promotion .promotion-search .search-block input {
        padding: 15px;
        font-size: 21px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .search-block p,
    .candidapec #candidapec-promotion .promotion-search .search-block p {
        text-align: left;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .search-block a,
    .candidapec #candidapec-promotion .promotion-search .search-block a {
        font-size: 14px;
        position: relative;
        top: 70px;
        float: none;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .search-block button,
    .candidapec #candidapec-promotion .promotion-search .search-block button {
        top: 150px;
        width: 100%;
        left: 0px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .advantages-list,
    .candidapec #candidapec-promotion .promotion-search .advantages-list {
        margin-top: 120px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .advantages-list .col-md-4,
    .candidapec #candidapec-promotion .promotion-search .advantages-list .col-md-4 {
        margin-bottom: 40px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .advantage,
    .candidapec #candidapec-promotion .promotion-search .advantage {
        height: auto;
        padding: 0px 20px 60px 20px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .advantage .title,
    .candidapec #candidapec-promotion .promotion-search .advantage .title {
        font-size: 21px;
    }
    .theme-recruteur #candidapec-promotion .promotion-search .advantage a,
    .candidapec #candidapec-promotion .promotion-search .advantage a {
        bottom: 20px;
    }
}
.theme-recruteur #candidapec-promotion img,
.candidapec #candidapec-promotion img {
    margin-top: 60px;
    width: 100%;
}
.theme-recruteur #recruteurs div.see-all,
.candidapec #recruteurs div.see-all {
    margin: 40px 0 100px 0;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs div.see-all,
    .candidapec #recruteurs div.see-all {
        padding: 30px 0px;
        border: none;
        box-shadow: none;
        margin-bottom: 50px;
    }
}
.theme-recruteur #candidapec-head-profil,
.candidapec #candidapec-head-profil {
    margin-bottom: 30px;
}
.theme-recruteur #candidapec-head-profil ul,
.candidapec #candidapec-head-profil ul {
    list-style: none;
    display: inline-block;
    margin: 5px 0px 0px 0px;
    padding: 0;
}
.theme-recruteur #candidapec-head-profil li,
.candidapec #candidapec-head-profil li {
    float: left;
    background-image: none;
    padding: 0;
    margin-right: -1px;
}
.theme-recruteur #candidapec-head-profil .nav-recherche li:first-child,
.candidapec #candidapec-head-profil .nav-recherche li:first-child {
    /*padding-right: 21px;*/
}
.theme-recruteur #candidapec-head-profil .nav-profils li:last-child,
.candidapec #candidapec-head-profil .nav-profils li:last-child {
    margin-right: 0px;
    float: right;
}
.theme-recruteur #candidapec-head-profil .head-button-large,
.candidapec #candidapec-head-profil .head-button-large {
    padding-left: 40px;
    padding-right: 40px;
}
.theme-recruteur #candidapec-head-profil .head-button-tiny,
.candidapec #candidapec-head-profil .head-button-tiny {
    padding-left: 20px;
    padding-right: 20px;
}
.theme-recruteur #candidapec-head-profil .row,
.candidapec #candidapec-head-profil .row {
    margin: 0;
}
.theme-recruteur #candidapec-head-profil .col-xs-3,
.theme-recruteur #candidapec-head-profil .col-xs-6,
.theme-recruteur #candidapec-head-profil .col-xs-9,
.candidapec #candidapec-head-profil .col-xs-3,
.candidapec #candidapec-head-profil .col-xs-6,
.candidapec #candidapec-head-profil .col-xs-9 {
    padding: 0;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-head-profil p,
    .candidapec #candidapec-head-profil p {
        font-size: 13px;
    }
    .theme-recruteur #candidapec-head-profil .nav-recherche p:first-child,
    .candidapec #candidapec-head-profil .nav-recherche p:first-child {
        padding: 10px;
    }
    .theme-recruteur #candidapec-head-profil .nav-recherche li:first-child,
    .candidapec #candidapec-head-profil .nav-recherche li:first-child {
        padding-right: 0px;
    }
    .theme-recruteur #recruteurs .nav-recherche .picto-left,
    .candidapec #recruteurs .nav-recherche .picto-left {
        padding: 0px 0 0px 20px;
    }
    .theme-recruteur #candidapec-head-profil .nav-profils,
    .candidapec #candidapec-head-profil .nav-profils {
        padding: 5px 10px;
        border: 1px solid #e0e0e0;
        width: 100%;
        margin: 0;
        margin-left: -1px;
    }
    .theme-recruteur #candidapec-head-profil .nav-profils li:nth-child(2),
    .candidapec #candidapec-head-profil .nav-profils li:nth-child(2) {
        padding: 0px 10px;
    }
    .theme-recruteur #candidapec-head-profil .nav-profils .col-xs-6,
    .candidapec #candidapec-head-profil .nav-profils .col-xs-6 {
        padding: 0px 5px;
        text-align: center;
    }
    .theme-recruteur #candidapec-head-profil .nav-profils .suiv,
    .candidapec #candidapec-head-profil .nav-profils .suiv {
        text-align: right;
    }
    .theme-recruteur #recruteurs .nav-profils .picto-left,
    .candidapec #recruteurs .nav-profils .picto-left {
        padding: 0px 0 0px 15px;
    }
    .theme-recruteur #recruteurs .picto-previous,
    .candidapec #recruteurs .picto-previous {
        background-size: 14%;
    }
    .theme-recruteur #recruteurs .nav-profils .picto-right,
    .candidapec #recruteurs .nav-profils .picto-right {
        background-position: 37px 3px;
        background-repeat: no-repeat;
        padding: 0px 15px 0px 0px;
    }
    .theme-recruteur #recruteurs .picto-next,
    .candidapec #recruteurs .picto-next {
        background-size: 14%;
    }
}
.theme-recruteur #candidapec-head-profil .direct-access-nav,
.candidapec #candidapec-head-profil .direct-access-nav {
    width: 330px;
    text-align: center;
    border: 1px solid #e0e0e0;
    float: right;
}
.theme-recruteur #candidapec-head-profil .direct-access-nav .nav-arrow,
.candidapec #candidapec-head-profil .direct-access-nav .nav-arrow {
    display: inline-block;
    width: 50px;
    line-height: 50px;
    text-align: center;
}
.theme-recruteur #candidapec-head-profil .direct-access-nav .nav-left,
.candidapec #candidapec-head-profil .direct-access-nav .nav-left {
    border-right: 1px solid #e0e0e0;
    float: left;
}
.theme-recruteur #candidapec-head-profil .direct-access-nav .nav-right,
.candidapec #candidapec-head-profil .direct-access-nav .nav-right {
    border-left: 1px solid #e0e0e0;
    float: right;
}
.theme-recruteur #candidapec-head-profil .direct-access-nav .nav-center,
.candidapec #candidapec-head-profil .direct-access-nav .nav-center {
    display: inline-block;
}
.theme-recruteur #candidapec-head-profil .direct-access-nav .nav-center p,
.candidapec #candidapec-head-profil .direct-access-nav .nav-center p {
    margin: 0;
    line-height: 50px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-head-profil .direct-access-nav,
    .candidapec #candidapec-head-profil .direct-access-nav {
        width: 100%;
    }
}
.theme-recruteur #profil-header,
.candidapec #profil-header {
    padding-left: 0px;
    padding-right: 0px;
}
.theme-recruteur #action-buttons,
.candidapec #action-buttons {
    background-color: #eaeaea;
    padding: 20px;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}
.theme-recruteur #action-buttons ul,
.candidapec #action-buttons ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.theme-recruteur #action-buttons li,
.candidapec #action-buttons li {
    float: left;
    background-image: none;
    padding: 0;
}
.theme-recruteur #action-buttons .head-button,
.candidapec #action-buttons .head-button {
    background-color: white;
    padding: 15px;
    display: inline-block;
    margin-left: -1px;
}
.theme-recruteur #action-buttons .head-button span,
.candidapec #action-buttons .head-button span {
    color: #00738b;
    font-size: 14px;
}
.theme-recruteur #action-buttons .picto-no-text,
.candidapec #action-buttons .picto-no-text {
    padding: 2px 9px;
}
.theme-recruteur #action-buttons .picto-right,
.candidapec #action-buttons .picto-right {
    background-position: 100px 6px;
}
.theme-recruteur #action-buttons .dropdown,
.candidapec #action-buttons .dropdown {
    float: right;
}
.theme-recruteur #action-buttons .dropdown-toggle,
.candidapec #action-buttons .dropdown-toggle {
    background-color: white;
    padding: 15px 30px 15px 15px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    color: #00758b;
    background-image: url(../../img/angular/candidapec/icons/select.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
}
.theme-recruteur #action-buttons .dropdown-toggle::after,
.candidapec #action-buttons .dropdown-toggle::after {
    display: none;
}
.theme-recruteur #action-buttons .dropdown-item,
.candidapec #action-buttons .dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    font-size: 12px;
}
.theme-recruteur #action-buttons .dropdown-item:focus,
.theme-recruteur #action-buttons .dropdown-item:hover,
.candidapec #action-buttons .dropdown-item:focus,
.candidapec #action-buttons .dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #action-buttons,
    .candidapec #action-buttons {
        padding: 0;
    }
    .theme-recruteur #action-buttons .row,
    .candidapec #action-buttons .row {
        margin: 0;
    }
    .theme-recruteur #action-buttons .col-xs-3,
    .theme-recruteur #action-buttons .col-xs-5,
    .theme-recruteur #action-buttons .col-xs-7,
    .candidapec #action-buttons .col-xs-3,
    .candidapec #action-buttons .col-xs-5,
    .candidapec #action-buttons .col-xs-7 {
        padding: 0;
    }
    .theme-recruteur #action-buttons .picto-left,
    .candidapec #action-buttons .picto-left {
        padding: 0px 9px;
    }
    .theme-recruteur #action-buttons .picto-no-text,
    .candidapec #action-buttons .picto-no-text {
        padding: 2px 9px;
    }
    .theme-recruteur #action-buttons .dropdown,
    .candidapec #action-buttons .dropdown {
        width: 100%;
    }
    .theme-recruteur #action-buttons .dropdown-toggle,
    .candidapec #action-buttons .dropdown-toggle {
        padding: 16px 7px 16px 7px;
        padding-right: 26px;
        width: 100%;
        font-size: 13px;
    }
    .theme-recruteur #action-buttons .head-button,
    .candidapec #action-buttons .head-button {
        margin-left: 0;
    }
    .theme-recruteur #candidapec-head-profil .head-button-large,
    .candidapec #candidapec-head-profil .head-button-large {
        font-size: 13px;
    }
}
.theme-recruteur #sticky-action-buttons,
.candidapec #sticky-action-buttons {
    position: fixed;
    display: none;
}
.theme-recruteur #sticky-action-buttons ul,
.candidapec #sticky-action-buttons ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.theme-recruteur #sticky-action-buttons li,
.candidapec #sticky-action-buttons li {
    list-style: none;
    float: left;
    background-image: none;
    padding: 0;
    margin: 5px;
}
.theme-recruteur #sticky-action-buttons .sticky-head-buttons,
.theme-recruteur #sticky-action-buttons .retenir-highlight,
.theme-recruteur #sticky-action-buttons .ecarter-highlight,
.theme-recruteur #sticky-action-buttons .retenir-highlight-mobile,
.theme-recruteur #sticky-action-buttons .ecarter-highlight-mobile,
.candidapec #sticky-action-buttons .sticky-head-buttons,
.candidapec #sticky-action-buttons .retenir-highlight,
.candidapec #sticky-action-buttons .ecarter-highlight,
.candidapec #sticky-action-buttons .retenir-highlight-mobile,
.candidapec #sticky-action-buttons .ecarter-highlight-mobile {
    background-color: #eaeaea;
    padding: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.theme-recruteur #sticky-action-buttons .sticky-head-button span,
.candidapec #sticky-action-buttons .sticky-head-button span {
    color: #000;
    font-size: 14px;
}
.theme-recruteur #sticky-action-buttons .picto-no-text,
.candidapec #sticky-action-buttons .picto-no-text {
    padding: 2px 9px;
}
.theme-recruteur #sticky-action-buttons .sticky-head-button:hover span,
.candidapec #sticky-action-buttons .sticky-head-button:hover span {
    color: #000;
}
.theme-recruteur #sticky-action-buttons .retenir-highlight.active:hover span,
.theme-recruteur #sticky-action-buttons .ecarter-highlight.active:hover span,
.candidapec #sticky-action-buttons .retenir-highlight.active:hover span,
.candidapec #sticky-action-buttons .ecarter-highlight.active:hover span {
    color: #fff;
}
.theme-recruteur #sticky-action-buttons .retenir-highlight.active,
.theme-recruteur #sticky-action-buttons .retenir-highlight-mobile.active,
.candidapec #sticky-action-buttons .retenir-highlight.active,
.candidapec #sticky-action-buttons .retenir-highlight-mobile.active {
    background-color: #fe670f;
}
.theme-recruteur #sticky-action-buttons .ecarter-highlight.active,
.theme-recruteur #sticky-action-buttons .ecarter-highlight-mobile.active,
.candidapec #sticky-action-buttons .ecarter-highlight.active,
.candidapec #sticky-action-buttons .ecarter-highlight-mobile.active {
    background-color: #f7b500;
}
.theme-recruteur #sticky-action-buttons .picto-retenir.active,
.candidapec #sticky-action-buttons .picto-retenir.active {
    background-image: url(../../img/angular/candidapec/icons/retenir-white.png);
    color: #fff;
}
.theme-recruteur #sticky-action-buttons .picto-ecarter.active,
.candidapec #sticky-action-buttons .picto-ecarter.active {
    background-image: url(../../img/angular/candidapec/icons/ecarter-white.png);
    color: #fff;
}
@media (min-width: 850px) {
    .theme-recruteur #recruteurs .slick-next,
    .theme-recruteur #sticky-action-buttons,
    .candidapec #recruteurs .slick-next,
    .candidapec #sticky-action-buttons {
        right: 30px;
    }
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 54px;
    }
}
@media (min-width: 900px) {
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 74px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 36px;
    }
}
@media (min-width: 970px) {
    .theme-recruteur #recruteurs .slick-next,
    .theme-recruteur #sticky-action-buttons,
    .candidapec #recruteurs .slick-next,
    .candidapec #sticky-action-buttons {
        right: 66px;
    }
}
@media (min-width: 992px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 10px;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 32px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 0;
    }
}
@media (min-width: 1100px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 56px;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 82px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 52px;
    }
}
@media (min-width: 1200px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 16px;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 36px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 6px;
    }
}
@media (min-width: 1300px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 64px;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 84px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 46px;
    }
}
@media (min-width: 1400px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 108px;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 130px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 108px;
    }
}
@media (min-width: 1500px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 156px;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 172px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 156px;
    }
}
@media (min-width: 1600px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 13%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 14%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 12%;
    }
}
@media (min-width: 1700px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 15%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 16%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 15%;
    }
}
@media (min-width: 1800px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 17%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 18%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 16%;
    }
}
@media (min-width: 1900px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 19%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 20%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 18%;
    }
}
@media (min-width: 2000px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 21%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 22%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 21%;
    }
}
@media (min-width: 2100px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 22%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 23%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 22%;
    }
}
@media (min-width: 2200px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 23%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 24%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 23%;
    }
}
@media (min-width: 2300px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 24%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 25%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 24%;
    }
}
@media (min-width: 2400px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 25%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 26%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 25%;
    }
}
@media (min-width: 2500px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 26%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 27%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 26%;
    }
}
@media (min-width: 2600px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 27%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 28%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 27%;
    }
}
@media (min-width: 2700px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 28%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 29%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 28%;
    }
}
@media (min-width: 2800px) {
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        left: 29%;
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        right: 30%;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        right: 29%;
    }
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs .slick-arrow,
    .candidapec #recruteurs .slick-arrow {
        display: none !important;
    }
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        transform: translateX(30%);
        transform: scale(0.5);
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        transform: translateX(-30%);
        transform: scale(0.5);
    }
}
.theme-recruteur #recruteurs .profils-slider,
.candidapec #recruteurs .profils-slider {
    display: block;
    padding: 0 20px;
}
@media screen and (max-width: 991px) {
    .theme-recruteur #recruteurs .profils-slider,
    .candidapec #recruteurs .profils-slider {
        padding: 0;
    }
}
.theme-recruteur #tooltip-retenu,
.theme-recruteur #tooltip-plus-retenu,
.theme-recruteur #tooltip-ecarte,
.theme-recruteur #tooltip-plus-ecarte,
.candidapec #tooltip-retenu,
.candidapec #tooltip-plus-retenu,
.candidapec #tooltip-ecarte,
.candidapec #tooltip-plus-ecarte {
    background-color: #005363;
    border-radius: 6px;
    padding: 15px;
    position: fixed;
    bottom: 100px;
    display: none;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
}
.theme-recruteur #profil-infos,
.candidapec #profil-infos {
    padding: 30px 20px;
}
.theme-recruteur #profil-infos p,
.candidapec #profil-infos p {
    color: #999999;
    font-size: 13px;
    display: inline-block;
}
.theme-recruteur #profil-infos .pull-left,
.candidapec #profil-infos .pull-left {
    line-height: 26px;
}
.theme-recruteur #profil-infos .pull-right .seen,
.candidapec #profil-infos .pull-right .seen {
    background-image: url(../../img/angular/candidapec/icons/checked.png);
    background-position: 9px 8px;
    background-repeat: no-repeat;
    background-color: #d0caba;
    border-radius: 5px;
    padding: 5px 10px 5px 30px;
    color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    vertical-align: text-bottom;
}
.theme-recruteur #profil-infos .infos-seen,
.candidapec #profil-infos .infos-seen {
    text-align: right;
    margin-right: 20px;
}
.theme-recruteur #profil-infos .infos-seen p,
.candidapec #profil-infos .infos-seen p {
    display: block;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #profil-infos,
    .candidapec #profil-infos {
        padding: 0;
        border: none;
        margin: 20px 0px 15px 0px;
    }
    .theme-recruteur #profil-infos .pull-left,
    .candidapec #profil-infos .pull-left {
        line-height: 30px;
    }
    .theme-recruteur #profil-infos .pull-right p.seen-icon,
    .candidapec #profil-infos .pull-right p.seen-icon {
        background-image: url(../../img/angular/candidapec/icons/views.png);
        background-position: 0px 1px;
        background-repeat: no-repeat;
        padding-left: 26px;
        display: inline-block !important;
        vertical-align: top;
        margin-top: 10px;
    }
    .theme-recruteur #sticky-action-buttons,
    .candidapec #sticky-action-buttons {
        top: 90px;
        width: 225px;
        margin-left: -113px;
    }
    .theme-recruteur #sticky-action-buttons li,
    .candidapec #sticky-action-buttons li {
        margin: 10px;
    }
}
.theme-recruteur #profil-header .infos-separator,
.candidapec #profil-header .infos-separator {
    margin: 0;
}
.theme-recruteur #profil-header .separator,
.candidapec #profil-header .separator {
    border-bottom: 1px solid #e0e0e0;
}
.theme-recruteur #recruteurs #profil #previsu-profil,
.candidapec #recruteurs #profil #previsu-profil {
    border-top: 0px solid #eaeaea;
}
.theme-recruteur #recruteurs #box-moments-cles .slide,
.candidapec #recruteurs #box-moments-cles .slide {
    opacity: 1;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs #profil #previsu-profil #box-carte-de-visite,
    .candidapec #recruteurs #profil #previsu-profil #box-carte-de-visite {
        padding: 0;
    }
    .theme-recruteur #recruteurs #previsu-profil #visite-reseaux .button-flat-blue,
    .candidapec #recruteurs #previsu-profil #visite-reseaux .button-flat-blue {
        font-size: 13px;
        margin: 0;
        margin-top: 15px;
    }
    .theme-recruteur #recruteurs #box-moments-cles .slide,
    .candidapec #recruteurs #box-moments-cles .slide {
        width: 100%;
    }
}
.theme-recruteur .rzslider,
.candidapec .rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    height: 4px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.theme-recruteur #sliderAvance .rzslider,
.candidapec #sliderAvance .rzslider {
    margin-top: 0;
}
.theme-recruteur .rzslider span,
.candidapec .rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}
.theme-recruteur .rzslider .rz-base,
.candidapec .rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0;
}
.theme-recruteur .rzslider .rz-bar-wrapper,
.candidapec .rzslider .rz-bar-wrapper {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16px;
    box-sizing: border-box;
}
.theme-recruteur .rzslider .rz-bar-wrapper.rz-draggable,
.candidapec .rzslider .rz-bar-wrapper.rz-draggable {
    cursor: move;
}
.theme-recruteur .rzslider .rz-bar,
.candidapec .rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 6px;
    background: #cccccc;
}
.theme-recruteur .rzslider .rz-bar.rz-selection,
.candidapec .rzslider .rz-bar.rz-selection {
    z-index: 2;
    background: #026096;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.theme-recruteur .rzslider .rz-pointer,
.candidapec .rzslider .rz-pointer {
    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;
}
.theme-recruteur .rzslider .rz-pointer-max:after,
.candidapec .rzslider .rz-pointer-max:after {
    position: absolute;
    top: -3px;
    left: 5px;
    content: "+";
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}
.theme-recruteur .rzslider .rz-pointer-min:after,
.candidapec .rzslider .rz-pointer-min:after {
    position: absolute;
    top: -5px;
    left: 7px;
    content: "-";
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}
.theme-recruteur .rzslider .rz-bubble,
.candidapec .rzslider .rz-bubble {
    bottom: 16px;
    padding: 1px 3px;
    color: #026096;
    font-size: 14px;
    font-weight: 700;
    cursor: default;
    visibility: hidden !important;
}
@media screen and (max-width: 991px) {
    .theme-recruteur .rzslider,
    .candidapec .rzslider {
        margin-top: 30px;
    }
}
.theme-recruteur #recruteurs .profils-slider .carousel,
.candidapec #recruteurs .profils-slider .carousel {
    max-width: 700px;
}
.theme-recruteur #recruteurs .profils-slider .slick-next,
.candidapec #recruteurs .profils-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 15px;
    top: 29%;
    display: block;
    width: 20px;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    content: url(../../img/angularjs/profil/icons/slider-next.png);
}
.theme-recruteur #recruteurs .profils-slider .slick-prev,
.candidapec #recruteurs .profils-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 29%;
    display: block;
    width: 20px;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    left: -20px;
    content: url(../../img/angularjs/profil/icons/slider-prev.png);
}
.theme-recruteur #recruteurs .slick-prev,
.theme-recruteur #recruteurs .slick-next,
.candidapec #recruteurs .slick-prev,
.candidapec #recruteurs .slick-next {
    position: fixed;
    top: 450px;
    z-index: 1;
    background-color: transparent;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    padding: 0;
    outline: none;
    /*position: absolute;*/
}
.theme-recruteur #recruteurs .slick-prev,
.candidapec #recruteurs .slick-prev {
    transform: translateX(30%);
    transform: scale(0.5);
}
.theme-recruteur #recruteurs .slick-next,
.candidapec #recruteurs .slick-next {
    transform: translateX(-30%);
    transform: scale(0.5);
}
.theme-recruteur #recruteurs .slick-disabled,
.candidapec #recruteurs .slick-disabled {
    opacity: 0.5;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs .slick-arrow,
    .candidapec #recruteurs .slick-arrow {
        display: none !important;
    }
    .theme-recruteur #recruteurs .slick-prev,
    .candidapec #recruteurs .slick-prev {
        transform: translateX(30%);
        transform: scale(0.8);
    }
    .theme-recruteur #recruteurs .slick-next,
    .candidapec #recruteurs .slick-next {
        transform: translateX(-30%);
        transform: scale(0.8);
    }
}
.theme-recruteur #recruteurs .profils-slider,
.candidapec #recruteurs .profils-slider {
    display: block;
    padding: 0 20px;
}
@media screen and (max-width: 991px) {
    .theme-recruteur #recruteurs .profils-slider,
    .candidapec #recruteurs .profils-slider {
        padding: 0;
    }
}
.theme-recruteur #recruteurs .rating-level .levtext,
.candidapec #recruteurs .rating-level .levtext {
    font-size: 12px;
    margin: 0;
    width: 220px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs .rating-level .levtext,
    .candidapec #recruteurs .rating-level .levtext {
        margin-top: 5px;
    }
}
.theme-recruteur #recruteurs .rating-level .stars,
.candidapec #recruteurs .rating-level .stars {
    margin: 3px 0 0 0;
    height: 15px;
}
.theme-recruteur #recruteurs .rating-level .stars span,
.candidapec #recruteurs .rating-level .stars span {
    background-size: 15px 15px;
    display: inline-block;
    float: left;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}
.theme-recruteur #recruteurs mark,
.candidapec #recruteurs mark {
    background-color: #e4ff00;
    padding: 0px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs #profil #previsu-profil #box-carte-de-visite .coordonnees,
    .candidapec #recruteurs #profil #previsu-profil #box-carte-de-visite .coordonnees {
        margin-top: 50px;
    }
}
.theme-recruteur #recruteurs #action-buttons span.picto-clock,
.candidapec #recruteurs #action-buttons span.picto-clock {
    background-position: 10px 0px;
    background-repeat: no-repeat;
    padding: 0px 0 0px 33px;
    border-left: 1px solid #999999;
    margin-left: 10px;
    color: #999999;
}
.theme-recruteur #candidapec-head-results h1 > span,
.candidapec #candidapec-head-results h1 > span {
    color: #fdc300;
}
.theme-recruteur #candidapec-head-results nav ul,
.candidapec #candidapec-head-results nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    justify-content: center;
    column-gap: 20px;
}
@media (max-width: 768px) {
    .theme-recruteur #candidapec-head-results nav ul,
    .candidapec #candidapec-head-results nav ul {
        flex-direction: column;
    }
}
@media (min-width: 991px) {
    .theme-recruteur #candidapec-head-results nav ul .bloc-alert,
    .candidapec #candidapec-head-results nav ul .bloc-alert {
        position: absolute;
        right: 0;
        padding: 0;
    }
}
@media (max-width: 991px) {
    .theme-recruteur #candidapec-head-results nav ul .bloc-alert,
    .candidapec #candidapec-head-results nav ul .bloc-alert {
        position: relative;
        right: 0;
        padding: 0;
    }
}
.theme-recruteur #candidapec-head-results nav li,
.candidapec #candidapec-head-results nav li {
    float: left;
    padding: 0;
    font-size: 14px;
    background-image: inherit;
}
.theme-recruteur #candidapec-head-results nav li:first-child,
.candidapec #candidapec-head-results nav li:first-child {
    padding-left: 0px;
}
.theme-recruteur #candidapec-head-results nav li:last-child,
.candidapec #candidapec-head-results nav li:last-child {
    border: none;
}
.theme-recruteur #candidapec-head-results .button-small,
.candidapec #candidapec-head-results .button-small {
    margin-bottom: 0;
}
.theme-recruteur #candidapec-partage-profil,
.candidapec #candidapec-partage-profil {
    background-color: #fbfaf8;
    padding: 30px;
}
.theme-recruteur #candidapec-partage-profil textarea,
.candidapec #candidapec-partage-profil textarea {
    color: #ccc;
}
.theme-recruteur #candidapec-partage-profil textarea:focus,
.candidapec #candidapec-partage-profil textarea:focus {
    color: #ccc;
}
.theme-recruteur #results-content .small-link,
.candidapec #results-content .small-link {
    margin: 0;
}
.theme-recruteur #results-content > .row,
.candidapec #results-content > .row {
    margin: 0;
}
.theme-recruteur #results-content .row .col-md-9,
.candidapec #results-content .row .col-md-9 {
    padding-left: 50px;
    padding-right: 0px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #results-content > .row,
    .candidapec #results-content > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .theme-recruteur #results-content .row .col-xs-12,
    .candidapec #results-content .row .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.theme-recruteur #candidapec-filters,
.candidapec #candidapec-filters {
    background-color: #e5eff4;
    padding: 15px;
}
.theme-recruteur #candidapec-filters.bloc-affiner,
.candidapec #candidapec-filters.bloc-affiner {
    padding-left: 10px;
    padding-right: 6px;
}
.theme-recruteur #candidapec-filters .head-filters h2,
.candidapec #candidapec-filters .head-filters h2 {
    float: left;
    margin-bottom: 20px;
}
.theme-recruteur #candidapec-filters .head-filters a,
.candidapec #candidapec-filters .head-filters a {
    float: right;
}
.theme-recruteur #candidapec-filters .head-filters .save::before,
.candidapec #candidapec-filters .head-filters .save::before {
    content: url(../../img/angular/candidapec/icons/save.png);
    position: relative;
    right: 5px;
}
.theme-recruteur #candidapec-filters .head-filters input,
.candidapec #candidapec-filters .head-filters input {
    border: 1px solid #117d92;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 40px;
    height: auto;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-filters .head-filters input,
    .candidapec #candidapec-filters .head-filters input {
        margin-bottom: 15px;
    }
    .theme-recruteur #candidapec-filters.retenu .head-filters input,
    .candidapec #candidapec-filters.retenu .head-filters input {
        display: none;
    }
}
.theme-recruteur #candidapec-filters .refine,
.candidapec #candidapec-filters .refine {
    margin-bottom: 70px;
}
.theme-recruteur #candidapec-filters .refine .head-refine,
.candidapec #candidapec-filters .refine .head-refine {
    border-bottom: 1px solid #b6d8df;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.theme-recruteur #candidapec-filters .refine .head-refine p,
.candidapec #candidapec-filters .refine .head-refine p {
    float: left;
    margin: 0;
}
.theme-recruteur #candidapec-filters .refine .head-refine hr,
.candidapec #candidapec-filters .refine .head-refine hr {
    margin: 1em 0;
    border-color: white;
    border-width: 15px;
    width: 107%;
    margin-left: -10px;
}
.theme-recruteur #candidapec-filters .refine .head-refine a,
.candidapec #candidapec-filters .refine .head-refine a {
    float: right;
}
.theme-recruteur #candidapec-filters .filter-category,
.candidapec #candidapec-filters .filter-category {
    margin-bottom: 35px;
}
.theme-recruteur #candidapec-criteres .filter-category,
.candidapec #candidapec-criteres .filter-category {
    margin-bottom: 0;
}
.theme-recruteur #candidapec-filters .filter-category input,
.candidapec #candidapec-filters .filter-category input {
    display: inline-block;
    margin-right: 10px;
}
.theme-recruteur #candidapec-filters .filter-category .filter-more,
.candidapec #candidapec-filters .filter-category .filter-more {
    color: #444;
}
.theme-recruteur #candidapec-filters .filter-category .filter-more::after,
.candidapec #candidapec-filters .filter-category .filter-more::after {
    content: url(../../img/angular/candidapec/icons/select-black.png);
    position: relative;
    left: 5px;
    top: -2px;
}
.theme-recruteur #portrait-anonyme-mobile p,
.candidapec #portrait-anonyme-mobile p {
    text-align: left;
    margin-left: 25px;
}
.theme-recruteur .filter-category .starting-salary,
.theme-recruteur .filter-category .ending-salary,
.candidapec .filter-category .starting-salary,
.candidapec .filter-category .ending-salary {
    width: 40%;
    max-width: 90px;
    border-radius: 5px;
    text-align: left;
}
.theme-recruteur #slider-salary,
.candidapec #slider-salary {
    width: 100%;
}
.theme-recruteur #slider-salary .slider-selection,
.candidapec #slider-salary .slider-selection {
    background: #026096;
}
.theme-recruteur #slider-salary .tooltip-main,
.candidapec #slider-salary .tooltip-main {
    display: none;
}
.theme-recruteur #slider-salary .tooltip-min,
.candidapec #slider-salary .tooltip-min {
    display: none;
}
.theme-recruteur #slider-salary .slider-handle.round,
.candidapec #slider-salary .slider-handle.round {
    background: #026096;
    cursor: pointer;
}
.theme-recruteur #slider-salary .slider-handle.min-slider-handle,
.candidapec #slider-salary .slider-handle.min-slider-handle {
    background: url("../../img/angular/candidapec/icons/salary-min.png");
}
.theme-recruteur #slider-salary .slider-handle.max-slider-handle,
.candidapec #slider-salary .slider-handle.max-slider-handle {
    background: url("../../img/angular/candidapec/icons/salary-max.png");
}
.theme-recruteur #slider-salaire,
.candidapec #slider-salaire {
    width: 100%;
    margin-top: 20px;
}
.theme-recruteur input.sliderValue,
.candidapec input.sliderValue {
    width: 50px;
    border-radius: 6px;
    text-align: left;
    max-width: 50px;
}
.theme-recruteur .ui-slider .ui-slider-handle,
.candidapec .ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
}
.theme-recruteur #candidapec a.display-filters,
.candidapec #candidapec a.display-filters {
    display: block;
    padding-bottom: 10px;
}
.theme-recruteur #candidapec-filters .criteres-perso,
.candidapec #candidapec-filters .criteres-perso {
    border-top: 1px solid #b6d8df;
    border-bottom: 1px solid #b6d8df;
    padding: 10px;
    margin-bottom: 40px;
}
.theme-recruteur #candidapec-filters .criteres-perso p,
.candidapec #candidapec-filters .criteres-perso p {
    background-image: url(../../img/angularjs/profil/icons/tooltip.png);
    background-repeat: no-repeat;
    background-position-y: center;
    padding-left: 35px;
    font-size: 13px;
}
.theme-recruteur #candidapec-filters .affinity-search,
.candidapec #candidapec-filters .affinity-search {
    background-color: white;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
}
.theme-recruteur #candidapec-filters .affinity-search img,
.candidapec #candidapec-filters .affinity-search img {
    margin-bottom: 10px;
}
.theme-recruteur #candidapec-filters .affinity-search button,
.candidapec #candidapec-filters .affinity-search button {
    margin-bottom: 0px;
}
.theme-recruteur #candidapec-filters.recherche-enregistree .head-filters h2,
.candidapec #candidapec-filters.recherche-enregistree .head-filters h2 {
    margin-bottom: 5px;
}
.theme-recruteur #candidapec-filters.recherche-enregistree .head-filters a::before,
.candidapec #candidapec-filters.recherche-enregistree .head-filters a::before {
    content: "";
}
.theme-recruteur #candidapec-filters.recherche-enregistree .head-filters p,
.candidapec #candidapec-filters.recherche-enregistree .head-filters p {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.theme-recruteur #candidapec-filters.recherche-enregistree .refine.filtres-available,
.candidapec #candidapec-filters.recherche-enregistree .refine.filtres-available {
    opacity: 1;
}
.theme-recruteur #candidapec-action-bar .tab_more-details,
.candidapec #candidapec-action-bar .tab_more-details {
    background-color: #fff;
}
.theme-recruteur #candidapec-action-bar .tab_more-details a,
.candidapec #candidapec-action-bar .tab_more-details a {
    display: block;
    background-color: #fff;
    padding: 10px 0 10px 30px;
    background: transparent url("../../img/angular/candidapec/icons/show-details.png") no-repeat center left;
}
.theme-recruteur #candidapec-action-bar .tab_more-details a.show-details,
.candidapec #candidapec-action-bar .tab_more-details a.show-details {
    background: transparent url("../../img/angular/candidapec/icons/hide-details.png") no-repeat center left;
}
.theme-recruteur #candidapec-action-bar ul,
.candidapec #candidapec-action-bar ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 3px;
}
.theme-recruteur #candidapec-action-bar li,
.candidapec #candidapec-action-bar li {
    float: left;
    padding: 0;
    color: #4c4c4c;
    padding: 20px 15px;
    border-right: 1px solid #e0e0e0;
    background-image: initial;
}
@media screen and (min-width: 768px) {
    .theme-recruteur #candidapec-action-bar ul.trouves-retenus-ecartes,
    .candidapec #candidapec-action-bar ul.trouves-retenus-ecartes {
        width: 100%;
    }
    .theme-recruteur #candidapec-action-bar li.sort-order,
    .candidapec #candidapec-action-bar li.sort-order {
        float: right;
    }
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-action-bar #select_pertinence_date,
    .candidapec #candidapec-action-bar #select_pertinence_date {
        width: 113px;
        height: auto;
        font-size: 12px;
        padding: 0;
        line-height: 25px;
        top: -4px;
    }
}
.theme-recruteur #candidapec-action-bar li.active,
.candidapec #candidapec-action-bar li.active {
    border-bottom: 3px solid #026096;
}
.theme-recruteur #candidapec-action-bar li:last-child,
.candidapec #candidapec-action-bar li:last-child {
    border-right: none;
}
.theme-recruteur #candidapec-action-bar li a,
.candidapec #candidapec-action-bar li a {
    font-size: 13px;
}
.theme-recruteur #candidapec-action-bar li a.full,
.candidapec #candidapec-action-bar li a.full {
    font-weight: 700;
}
.theme-recruteur #candidapec-action-bar a::before,
.candidapec #candidapec-action-bar a::before {
    padding-right: 5px;
}
.theme-recruteur #candidapec-action-bar .retenus-vide::before,
.candidapec #candidapec-action-bar .retenus-vide::before {
    content: url(../../img/angular/candidapec/icons/retenir-vide.png);
}
.theme-recruteur #candidapec-action-bar .retenus::before,
.candidapec #candidapec-action-bar .retenus::before {
    content: url(../../img/angular/candidapec/icons/retenu-active.png);
}
.theme-recruteur #candidapec-action-bar .ecartes-vide::before,
.candidapec #candidapec-action-bar .ecartes-vide::before {
    content: url(../../img/angular/candidapec/icons/ecarter_blue.png);
    position: relative;
    top: 1px;
}
.theme-recruteur #candidapec-action-bar .ecartes::before,
.candidapec #candidapec-action-bar .ecartes::before {
    content: url(../../img/angular/candidapec/icons/ecarter-active.png);
    position: relative;
    top: 1px;
}
.theme-recruteur .contactes-vide.noClickable,
.theme-recruteur .retenus.noClickable,
.theme-recruteur .ecartes.noClickable,
.theme-recruteur a.vus.noClickable,
.theme-recruteur a.nonvus.noClickable,
.candidapec .contactes-vide.noClickable,
.candidapec .retenus.noClickable,
.candidapec .ecartes.noClickable,
.candidapec a.vus.noClickable,
.candidapec a.nonvus.noClickable {
    cursor: default;
}
.theme-recruteur #candidapec-action-bar .contactes-vide::before,
.candidapec #candidapec-action-bar .contactes-vide::before {
    content: url(../../img/angular/candidapec/icons/contacter_blue.png);
}
.theme-recruteur #candidapec-action-bar li:first-child a,
.theme-recruteur #candidapec-action-bar li:first-child a strong,
.theme-recruteur #candidapec-action-bar .pull-right li:last-child a,
.candidapec #candidapec-action-bar li:first-child a,
.candidapec #candidapec-action-bar li:first-child a strong,
.candidapec #candidapec-action-bar .pull-right li:last-child a {
    color: #444;
}
.theme-recruteur #candidapec-action-bar .pull-right a.active,
.candidapec #candidapec-action-bar .pull-right a.active {
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-action-bar .tab_more-details a,
    .candidapec #candidapec-action-bar .tab_more-details a {
        margin-left: 20px;
    }
    .theme-recruteur #candidapec-action-bar .slider-action-bar a,
    .candidapec #candidapec-action-bar .slider-action-bar a {
        color: #00758b;
    }
    .theme-recruteur #candidapec-action-bar .slider-action-bar .slick-track div:first-child a,
    .theme-recruteur #candidapec-action-bar .slider-action-bar .slick-track div:first-child a strong,
    .candidapec #candidapec-action-bar .slider-action-bar .slick-track div:first-child a,
    .candidapec #candidapec-action-bar .slider-action-bar .slick-track div:first-child a strong {
        color: #4c4c4c;
    }
    .theme-recruteur #candidapec-action-bar .slick-track,
    .candidapec #candidapec-action-bar .slick-track {
        padding: 0px;
    }
    .theme-recruteur #candidapec-action-bar .slick-slider .slick-active,
    .candidapec #candidapec-action-bar .slick-slider .slick-active {
        border-bottom: 3px solid #026096;
    }
    .theme-recruteur #candidapec-action-bar .slider-action-bar .slick-slide,
    .candidapec #candidapec-action-bar .slider-action-bar .slick-slide {
        margin-right: 10px;
        border-right: 1px solid #e0e0e0;
        padding: 10px 15px;
        opacity: 1;
    }
}
.theme-recruteur .bootstrap-select.candidapec-tri:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.candidapec .bootstrap-select.candidapec-tri:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}
.theme-recruteur .bootstrap-select.candidapec-tri > .dropdown-toggle,
.candidapec .bootstrap-select.candidapec-tri > .dropdown-toggle {
    width: auto;
    border: none;
    background-color: white;
    box-shadow: none;
    margin-bottom: 0px;
    color: #00758b;
    padding-right: 15px;
}
.theme-recruteur .bootstrap-select.candidapec-tri .dropdown-toggle:focus,
.candidapec .bootstrap-select.candidapec-tri .dropdown-toggle:focus {
    outline: none !important;
}
.theme-recruteur .candidapec-tri.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.candidapec .candidapec-tri.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: auto;
}
.theme-recruteur .bootstrap-select.btn-group.candidapec-tri .dropdown-toggle .caret,
.candidapec .bootstrap-select.btn-group.candidapec-tri .dropdown-toggle .caret {
    right: 0px;
}
.theme-recruteur #recruteurs .candidate-action,
.candidapec #recruteurs .candidate-action {
    margin-top: 30px;
}
.theme-recruteur #recruteurs .candidate-action .action-label,
.candidapec #recruteurs .candidate-action .action-label {
    float: left;
    width: 175px;
    height: 42px;
    border: 1px solid #e0e0e0;
    padding: 11px 20px;
}
.theme-recruteur #recruteurs .candidate-action .action-label p,
.candidapec #recruteurs .candidate-action .action-label p {
    margin: 0px;
    font-size: 13px;
}
.theme-recruteur .candidate-action-dropdown .dropdown-toggle,
.candidapec .candidate-action-dropdown .dropdown-toggle {
    padding: 12px 10px;
    text-transform: uppercase;
    height: 42px;
    width: 235px;
    font-size: 13px;
    border-radius: 0;
    color: #fff;
    background-color: #026096;
    border-color: #e0e0e0;
    margin: 0px;
}
.theme-recruteur .candidate-action-dropdown .dropdown-toggle .caret,
.candidapec .candidate-action-dropdown .dropdown-toggle .caret {
    border: none;
    background-image: url(../../img/angular/candidapec/icons/select-white.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 40px;
    background-color: #4998a8;
    top: 0px !important;
    margin: 0px !important;
    right: 0px !important;
    background-position: center;
}
.theme-recruteur .btn-group.open .dropdown-toggle,
.candidapec .btn-group.open .dropdown-toggle {
    box-shadow: none;
    background-color: #fff;
}
.theme-recruteur #candidapec-list .candidapec-post .title .pull-left p.post-info,
.candidapec #candidapec-list .candidapec-post .title .pull-left p.post-info {
    margin: 0;
    color: #999999;
    font-size: 13px;
    display: none;
}
.theme-recruteur #candidapec-list .candidapec-post .title .pull-left p.post-info.active,
.candidapec #candidapec-list .candidapec-post .title .pull-left p.post-info.active {
    display: block;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-list,
    .candidapec #candidapec-list {
        margin-top: 35px;
    }
    .theme-recruteur #candidapec section#candidapec-list:first-child,
    .candidapec #candidapec section#candidapec-list:first-child {
        margin-top: 50px;
    }
    .theme-recruteur #candidapec-list .candidapec-post .title,
    .candidapec #candidapec-list .candidapec-post .title {
        width: 100%;
        margin-top: 10px;
    }
    .theme-recruteur #candidapec-list .candidapec-post .title .title-post-right,
    .candidapec #candidapec-list .candidapec-post .title .title-post-right {
        position: relative;
        float: left;
        z-index: 20;
        text-align: left;
        margin-bottom: 30px;
    }
    .theme-recruteur #candidapec-list .candidapec-post .title .post-info,
    .candidapec #candidapec-list .candidapec-post .title .post-info {
        text-align: left;
        left: 0;
        padding-left: 10px;
    }
}
.theme-recruteur #candidapec-list .candidapec-post .content,
.candidapec #candidapec-list .candidapec-post .content {
    padding: 25px 15px 5px 15px;
}
.theme-recruteur #candidapec-list .candidapec-post .content .quote,
.candidapec #candidapec-list .candidapec-post .content .quote {
    background-image: url(../../img/angularjs/profil/icons/quote-open.png);
    background-repeat: no-repeat;
    background-position: 10px 0px;
    padding: 5px 20px 20px 40px;
    font-size: 15px;
}
.theme-recruteur #candidapec-list .candidapec-post .content .quote:after,
.candidapec #candidapec-list .candidapec-post .content .quote:after {
    content: url(../../img/angularjs/profil/icons/quote-close.png);
    display: inline-block;
    margin-left: 5px;
    vertical-align: sub;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-list .candidapec-post .content .quote,
    .candidapec #candidapec-list .candidapec-post .content .quote {
        background-position: 0px 0px;
        padding: 5px 20px 20px 30px;
    }
}
.theme-recruteur .bg-padlock-close,
.candidapec .bg-padlock-close {
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.theme-recruteur .error-position,
.candidapec .error-position {
    margin: auto auto 50px;
}
.theme-recruteur .no-border,
.candidapec .no-border {
    border: none;
    padding: 0 !important;
}
.theme-recruteur .form-group,
.candidapec .form-group {
    margin-bottom: 1rem;
}
.theme-recruteur .overlay-test,
.candidapec .overlay-test {
    background-color: rgba(0, 0, 0, 0.459);
    width: 100%;
    height: 100%;
    padding: 60px !important;
    height: auto;
    display: flex;
}
.theme-recruteur .results-notif,
.candidapec .results-notif {
    background-color: #e5eff4;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    position: relative;
}
.theme-recruteur .results-notif p::before,
.candidapec .results-notif p::before {
    position: relative;
    left: -5px;
}
.theme-recruteur .candidat-ecarte p::before,
.candidapec .candidat-ecarte p::before {
    content: url(../../img/angular/candidapec/icons/ecarter_blue.png);
}
.theme-recruteur .candidat-non-retenu p::before,
.candidapec .candidat-non-retenu p::before {
    content: url(../../img/angular/candidapec/icons/retenir-vide.png);
}
.theme-recruteur .results-notif .notif-cancel,
.candidapec .results-notif .notif-cancel {
    position: absolute;
    top: 40%;
    right: 20px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur .results-notif,
    .candidapec .results-notif {
        padding: 20px 20px 40px 20px;
    }
    .theme-recruteur .results-notif .notif-cancel,
    .candidapec .results-notif .notif-cancel {
        position: absolute;
        top: initial;
        bottom: 10%;
        right: 45%;
    }
}
.theme-recruteur #candidapec-criteres .modal-content.page,
.candidapec #candidapec-criteres .modal-content.page {
    margin-left: -40px;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-criteres .modal-content.page,
    .candidapec #candidapec-criteres .modal-content.page {
        margin-left: 0;
    }
}
.theme-recruteur #candidapecpop select.modal-select,
.candidapec #candidapecpop select.modal-select {
    margin: 5px 8px;
}
.theme-recruteur #candidapec-criteres .modal-content h2,
.candidapec #candidapec-criteres .modal-content h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.theme-recruteur #candidapec-criteres .modal-content a,
.candidapec #candidapec-criteres .modal-content a {
    font-size: 13px;
}
.theme-recruteur #candidapec-criteres .filter-category .critere-more::after,
.candidapec #candidapec-criteres .filter-category .critere-more::after {
    content: url(../../img/angular/candidapec/icons/select-inverse.png);
    position: relative;
    left: 5px;
    top: -2px;
}
.theme-recruteur #candidapec-criteres .filter-category .critere-more.collapsed::after,
.candidapec #candidapec-criteres .filter-category .critere-more.collapsed::after {
    content: url(../../img/angular/candidapec/icons/select.png);
    position: relative;
    left: 5px;
    top: -2px;
}
.theme-recruteur #recruteurs ul.mots-cles,
.candidapec #recruteurs ul.mots-cles {
    max-width: none;
    z-index: 99999;
    background: none;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #117d92;
    box-shadow: none;
}
.theme-recruteur #recruteurs ul.mots-cles a.ui-state-active,
.candidapec #recruteurs ul.mots-cles a.ui-state-active {
    border: none;
    background: none;
    color: black;
    font-weight: normal;
}
.theme-recruteur #recruteurs ul.mots-cles li:hover,
.candidapec #recruteurs ul.mots-cles li:hover {
    background-color: #e5eff4;
}
.theme-recruteur #recruteurs ul.mots-cles li a:hover,
.candidapec #recruteurs ul.mots-cles li a:hover {
    font-weight: normal !important;
}
.theme-recruteur #recruteurs ul.mots-cles.ui-widget-content li a strong,
.candidapec #recruteurs ul.mots-cles.ui-widget-content li a strong {
    color: #00758b;
}
.theme-recruteur #recruteurs .recherche-competence .dropdown-menu,
.candidapec #recruteurs .recherche-competence .dropdown-menu {
    width: 300px;
    min-width: 100%;
    float: left;
    z-index: 2;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #117d92;
    margin: -1px 0 250px 0;
    overflow: hidden;
}
.theme-recruteur #recruteurs .recherche-motcles .dropdown-menu,
.candidapec #recruteurs .recherche-motcles .dropdown-menu {
    width: 260px;
    min-width: 100%;
    float: left !important;
    z-index: 2;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #117d92;
    margin: -1px 0 250px 0;
    overflow: hidden;
}
.theme-recruteur #recruteurs .recherche-motcles ul li a,
.candidapec #recruteurs .recherche-motcles ul li a {
    float: left !important;
    padding-left: 10px;
}
.theme-recruteur #recruteurs .recherche-motcles .dropdown-menu > .active,
.theme-recruteur #recruteurs .recherche-motcles .dropdown-menu > .active > a,
.theme-recruteur #recruteurs .recherche-motcles .dropdown-menu > .active > a:hover,
.theme-recruteur #recruteurs .recherche-motcles .dropdown-menu > .active > a:focus,
.theme-recruteur #recruteurs .recherche-motcles ul li a:hover,
.candidapec #recruteurs .recherche-motcles .dropdown-menu > .active,
.candidapec #recruteurs .recherche-motcles .dropdown-menu > .active > a,
.candidapec #recruteurs .recherche-motcles .dropdown-menu > .active > a:hover,
.candidapec #recruteurs .recherche-motcles .dropdown-menu > .active > a:focus,
.candidapec #recruteurs .recherche-motcles ul li a:hover {
    background-color: #e5eff4;
    color: black;
}
.theme-recruteur #recruteurs .recherche-motcles ul li a:focus,
.candidapec #recruteurs .recherche-motcles ul li a:focus {
    background-color: #e5eff4;
    color: black;
}
.theme-recruteur #recruteurs .recherche-motcles ul li a strong,
.candidapec #recruteurs .recherche-motcles ul li a strong {
    color: #00758b;
}
.theme-recruteur #recruteurs .recherche-competence ul li,
.candidapec #recruteurs .recherche-competence ul li {
    margin: 0;
    padding: 10px 0;
    background: none;
}
.theme-recruteur #recruteurs .recherche-competence .dropdown-menu > .active,
.theme-recruteur #recruteurs .recherche-competence .dropdown-menu > .active > a,
.theme-recruteur #recruteurs .recherche-competence .dropdown-menu > .active > a:hover,
.theme-recruteur #recruteurs .recherche-competence .dropdown-menu > .active > a:focus,
.theme-recruteur #recruteurs .recherche-competence ul li a:hover,
.candidapec #recruteurs .recherche-competence .dropdown-menu > .active,
.candidapec #recruteurs .recherche-competence .dropdown-menu > .active > a,
.candidapec #recruteurs .recherche-competence .dropdown-menu > .active > a:hover,
.candidapec #recruteurs .recherche-competence .dropdown-menu > .active > a:focus,
.candidapec #recruteurs .recherche-competence ul li a:hover {
    background-color: #e5eff4;
    color: black;
}
.theme-recruteur #recruteurs .recherche-competence ul li a:focus,
.candidapec #recruteurs .recherche-competence ul li a:focus {
    background-color: #e5eff4;
    color: black;
}
.theme-recruteur #recruteurs .recherche-competence ul li a strong,
.candidapec #recruteurs .recherche-competence ul li a strong {
    color: #00758b;
}
.theme-recruteur #candidapec-criteres .enter-search #predictive-offers-list li a,
.theme-recruteur #candidapec-criteres .recherche-competence #predictive-skills-list li a,
.candidapec #candidapec-criteres .enter-search #predictive-offers-list li a,
.candidapec #candidapec-criteres .recherche-competence #predictive-skills-list li a {
    color: #444;
    margin-left: 10px;
    font-size: 14px;
    padding: 10px;
}
.theme-recruteur #candidapec-criteres.modal,
.candidapec #candidapec-criteres.modal {
    overflow-y: hidden;
}
.theme-recruteur .criteres-raw_2,
.candidapec .criteres-raw_2 {
    border-bottom: 1px solid #bddade;
}
.theme-recruteur #accordion-maps .panel,
.candidapec #accordion-maps .panel {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.theme-recruteur #accordion-maps .panel-title a,
.theme-recruteur .lieux .panel-title a,
.candidapec #accordion-maps .panel-title a,
.candidapec .lieux .panel-title a {
    color: #000;
    font-size: 14px;
}
.theme-recruteur #accordion-maps .panel-title a::before,
.theme-recruteur .lieux .panel-title a::before,
.candidapec #accordion-maps .panel-title a::before,
.candidapec .lieux .panel-title a::before {
    content: url(../../img/angular/candidapec/icons/select-black.png);
    position: relative;
    right: 5px;
    bottom: 2px;
}
.theme-recruteur #accordion-maps .panel-title a.collapsed,
.theme-recruteur .lieux .panel-title a.collapsed,
.candidapec #accordion-maps .panel-title a.collapsed,
.candidapec .lieux .panel-title a.collapsed {
    color: #00758b;
}
.theme-recruteur #accordion-maps .panel-title a.collapsed::before,
.theme-recruteur .lieux .panel-title a.collapsed::before,
.candidapec #accordion-maps .panel-title a.collapsed::before,
.candidapec .lieux .panel-title a.collapsed::before {
    content: url(../../img/angular/candidapec/icons/select-vertical.png);
    position: relative;
    right: 5px;
    bottom: 2px;
}
.theme-recruteur #vmap-candidapec,
.candidapec #vmap-candidapec {
    display: inline-block;
}
.theme-recruteur #regions-list,
.candidapec #regions-list {
    display: inline-block;
    vertical-align: top;
}
.theme-recruteur .multi-level-filter .level-header h5,
.candidapec .multi-level-filter .level-header h5 {
    margin: 0;
}
.theme-recruteur #recruteurs .multi-level-filter .level-header .checkbox-title input[type=checkbox]:checked + label,
.candidapec #recruteurs .multi-level-filter .level-header .checkbox-title input[type=checkbox]:checked + label {
    font-weight: 700;
    padding-top: 2px;
}
.theme-recruteur #recruteurs #candidapec-filters.bloc-affiner #rechercheNormaleForm .multi-level-filter .level-header .checkbox-title input[type=checkbox] + label,
.candidapec #recruteurs #candidapec-filters.bloc-affiner #rechercheNormaleForm .multi-level-filter .level-header .checkbox-title input[type=checkbox] + label {
    padding-top: 2px;
}
.theme-recruteur #recruteurs #candidapec .multi-level-filter .level-header .checkbox-title input[type=checkbox]:checked + label::after,
.candidapec #recruteurs #candidapec .multi-level-filter .level-header .checkbox-title input[type=checkbox]:checked + label::after {
    top: 1px;
}
.theme-recruteur #recruteurs .multi-level-filter .level-header .checkbox-title.collapsed .level-dropdown,
.candidapec #recruteurs .multi-level-filter .level-header .checkbox-title.collapsed .level-dropdown {
    background-image: url("../../img/angular/candidapec/icons/select.png");
    left: 5px;
    height: 22px;
    width: 15px;
    background-repeat: no-repeat;
    visibility: hidden;
    background-position: 3px 8px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur .level-dropdown,
    .candidapec .level-dropdown {
        visibility: visible !important;
    }
}
.theme-recruteur #candidapec-criteres .criteres-raw_3,
.candidapec #candidapec-criteres .criteres-raw_3 {
    margin: 40px 0px;
}
.theme-recruteur .info-parcours,
.candidapec .info-parcours {
    padding: 15px;
    border: 1px solid #fed85f;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 40px;
}
.theme-recruteur .info-parcours .info-parcours-column,
.candidapec .info-parcours .info-parcours-column {
    vertical-align: middle;
    line-height: 128px;
    text-align: center;
}
.theme-recruteur .info-parcours .info-parcours-content,
.candidapec .info-parcours .info-parcours-content {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}
.theme-recruteur .info-parcours .info-parcours-content a,
.candidapec .info-parcours .info-parcours-content a {
    display: inline-block;
    line-height: 1.5em;
}
.theme-recruteur #recruteurs .info-parcours .main-text,
.candidapec #recruteurs .info-parcours .main-text {
    font-size: 20px;
    font-style: italic;
}
.theme-recruteur #recruteurs .info-parcours .source,
.candidapec #recruteurs .info-parcours .source {
    font-size: 13px;
    color: #999999;
}
.theme-recruteur .criteres-raw_5,
.candidapec .criteres-raw_5 {
    margin-top: 30px;
}
.theme-recruteur .criteres-raw_6,
.candidapec .criteres-raw_6 {
    margin-top: 30px;
}
.theme-recruteur .recherche-competence input,
.candidapec .recherche-competence input {
    width: 300px;
    height: 40px;
    padding: 15px;
    border: 1px solid #117d92;
    border-radius: 5px;
}
.theme-recruteur .autres-competences,
.candidapec .autres-competences {
    background-color: #e5eff4;
    padding: 30px 30px 0px 30px;
    margin: 20px 0px 30px 0px;
    max-width: 500px;
}
.theme-recruteur .autres-competences h3,
.candidapec .autres-competences h3 {
    color: #999999;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}
.theme-recruteur .autres-competences ul,
.candidapec .autres-competences ul {
    list-style: none;
    display: inline-block;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
.theme-recruteur .autres-competences li,
.candidapec .autres-competences li {
    float: left;
    padding: 5px 15px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #d6d5d5;
    border-radius: 5px;
    background-color: white;
    background-image: none;
    position: relative;
}
.theme-recruteur #bottom-fixed-menu,
.candidapec #bottom-fixed-menu {
    max-width: 1170px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    display: block;
    z-index: 9999999;
}
.theme-recruteur #bottom-fixed-menu.advanced-search-page,
.candidapec #bottom-fixed-menu.advanced-search-page {
    max-width: initial;
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #88bec9;
    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);
}
.theme-recruteur .results-save,
.candidapec .results-save {
    width: 1170px;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    padding: 30px 20px 0 20px;
    border-top: 1px solid #88bec9;
    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);
    display: flex;
    justify-content: center;
}
.theme-recruteur .results-save p,
.candidapec .results-save p {
    margin: 0px 0px 0px 30px;
    line-height: 42px;
}
.theme-recruteur .results-save p span,
.candidapec .results-save p span {
    font-weight: 700;
}
.theme-recruteur .nb-results-button,
.candidapec .nb-results-button {
    width: inherit;
    padding: 30px 0 0 0;
    border-top: 1px solid #bddade;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs div#candidapec.container .recherche-competence,
    .candidapec #recruteurs div#candidapec.container .recherche-competence {
        margin-bottom: 600px;
    }
    .theme-recruteur #recruteurs .recherche-competence .dropdown-menu,
    .candidapec #recruteurs .recherche-competence .dropdown-menu {
        margin-bottom: 50px;
    }
    .theme-recruteur #recruteurs.candidapec #candidapec-criteres .modal-dialog,
    .candidapec #recruteurs.candidapec #candidapec-criteres .modal-dialog {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .theme-recruteur #recruteurs.candidapec #candidapec-criteres .modal-content,
    .candidapec #recruteurs.candidapec #candidapec-criteres .modal-content {
        width: 100%;
        padding-bottom: 50px;
        margin-bottom: 350px;
    }
    .theme-recruteur #candidapec-criteres .modal-content.page,
    .candidapec #candidapec-criteres .modal-content.page {
        width: 100%;
        padding-bottom: 20px;
    }
    .theme-recruteur #candidapec-criteres .modal-content h2,
    .candidapec #candidapec-criteres .modal-content h2 {
        margin-bottom: 20px;
    }
    .theme-recruteur #candidapec-criteres .modal-header,
    .candidapec #candidapec-criteres .modal-header {
        margin-bottom: 20px;
    }
    .theme-recruteur #candidapec-criteres .modal-intro div,
    .candidapec #candidapec-criteres .modal-intro div {
        width: 100%;
    }
    .theme-recruteur #candidapec-criteres .modal-intro a,
    .candidapec #candidapec-criteres .modal-intro a {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        padding-top: 25px;
    }
    .theme-recruteur #candidapec-criteres .modal-body h2,
    .candidapec #candidapec-criteres .modal-body h2 {
        margin-bottom: 0px;
    }
    .theme-recruteur #candidapec-criteres .modal-body .filter-category,
    .candidapec #candidapec-criteres .modal-body .filter-category {
        margin-top: 30px;
        margin-right: 0px;
    }
    .theme-recruteur #candidapec-criteres .modal-body .criteres-raw_1,
    .candidapec #candidapec-criteres .modal-body .criteres-raw_1 {
        margin-bottom: 20px;
    }
    .theme-recruteur #candidapec-criteres .modal-body .info-parcours .info-parcours-column,
    .candidapec #candidapec-criteres .modal-body .info-parcours .info-parcours-column {
        line-height: inherit;
        margin-bottom: 20px;
    }
    .theme-recruteur #candidapec-criteres .modal-body .info-parcours .info-parcours-content,
    .candidapec #candidapec-criteres .modal-body .info-parcours .info-parcours-content {
        text-align: center;
    }
    .theme-recruteur #candidapec-criteres .modal-body .info-parcours .info-parcours-content img,
    .candidapec #candidapec-criteres .modal-body .info-parcours .info-parcours-content img {
        transform: rotate(90deg);
    }
    .theme-recruteur #candidapec-criteres .modal-body .recherche-competence,
    .candidapec #candidapec-criteres .modal-body .recherche-competence {
        margin-top: 30px;
    }
    .theme-recruteur .autres-competences li,
    .candidapec .autres-competences li {
        margin: 0px 5px 5px 0px;
    }
    .theme-recruteur #bottom-fixed-menu,
    .candidapec #bottom-fixed-menu {
        /*max-width: 320px;*/
        background-color: white;
    }
    .theme-recruteur .results-save,
    .candidapec .results-save {
        width: 100%;
    }
    .theme-recruteur .results-save p,
    .candidapec .results-save p {
        margin: 0px 0px 0px 20px;
        line-height: inherit;
        max-width: 40%;
    }
    .theme-recruteur .results-save.visible-xs,
    .candidapec .results-save.visible-xs {
        padding: 20px 20px 0 20px;
    }
    .theme-recruteur .results-save.visible-xs .button-flat-blue,
    .candidapec .results-save.visible-xs .button-flat-blue {
        height: 60px;
        font-size: 12px;
        border-radius: 6px;
    }
    .theme-recruteur .results-save.visible-xs #voir-candidats-button,
    .candidapec .results-save.visible-xs #voir-candidats-button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }
}
.theme-recruteur #recherches-enregistrees,
.candidapec #recherches-enregistrees {
    padding: 30px;
    margin-top: 20px;
}
.theme-recruteur #recherches-enregistrees h2,
.candidapec #recherches-enregistrees h2 {
    font-size: 20px;
    margin-bottom: 40px;
}
.theme-recruteur #recherches-enregistrees a,
.candidapec #recherches-enregistrees a {
    font-size: 14px;
}
.theme-recruteur #recherches-enregistrees p,
.candidapec #recherches-enregistrees p {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-recruteur #recruteurs #recherches-enregistrees .enreg-header,
.candidapec #recruteurs #recherches-enregistrees .enreg-header {
    margin-bottom: 20px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .email-alerts,
.candidapec #recruteurs #recherches-enregistrees .enreg-header .email-alerts {
    float: right;
}
.theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .email-alerts > p,
.candidapec #recruteurs #recherches-enregistrees .enreg-header .email-alerts > p {
    float: left;
}
.theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .radio,
.candidapec #recruteurs #recherches-enregistrees .enreg-header .radio {
    margin-left: 30px;
    float: left;
}
.theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .radio label,
.candidapec #recruteurs #recherches-enregistrees .enreg-header .radio label {
    color: #444;
    font-size: 14px !important;
}
.theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .radio label::after,
.candidapec #recruteurs #recherches-enregistrees .enreg-header .radio label::after {
    top: -2px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche,
.candidapec #recruteurs #recherches-enregistrees .recherche {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    margin-bottom: 30px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche-content,
.candidapec #recruteurs #recherches-enregistrees .recherche-content {
    padding: 20px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche-content .enreg-data,
.candidapec #recruteurs #recherches-enregistrees .recherche-content .enreg-data {
    display: flex;
    column-gap: 15px;
    border: 1px solid #cfcfcf;
    align-items: center;
    padding: 15px;
    margin: 0px 15px 20px 0px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche-content .enreg-data .new-candidates span,
.candidapec #recruteurs #recherches-enregistrees .recherche-content .enreg-data .new-candidates span {
    border-radius: 50% !important;
    min-width: 26px;
    height: 28px;
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche h3,
.candidapec #recruteurs #recherches-enregistrees .recherche h3 {
    font-size: 14px;
    color: #117d92;
    cursor: pointer;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche .seen-date,
.candidapec #recruteurs #recherches-enregistrees .recherche .seen-date {
    font-size: 12px;
    color: #999999;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche ul.user-actions,
.candidapec #recruteurs #recherches-enregistrees .recherche ul.user-actions {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche ul.user-actions li,
.candidapec #recruteurs #recherches-enregistrees .recherche ul.user-actions li {
    float: left;
    padding: 0;
    color: #58a4b2;
    padding: 0px 15px;
    border-right: 1px solid #e0e0e0;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche ul.user-actions li:first-child,
.candidapec #recruteurs #recherches-enregistrees .recherche ul.user-actions li:first-child {
    padding-left: 0px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche ul.user-actions li:last-child,
.candidapec #recruteurs #recherches-enregistrees .recherche ul.user-actions li:last-child {
    border: none;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche .enreg-data .all-candidates span,
.candidapec #recruteurs #recherches-enregistrees .recherche .enreg-data .all-candidates span {
    font-weight: 700;
    margin-right: 0.5rem;
    font-size: 13px;
    font-size: 1.3rem;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche .enreg-data .new-candidates span,
.candidapec #recruteurs #recherches-enregistrees .recherche .enreg-data .new-candidates span {
    background-color: #f5b42a;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    padding: 5px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche .last-update,
.candidapec #recruteurs #recherches-enregistrees .recherche .last-update {
    display: inline-block;
    font-size: 12px;
    color: #999999;
}
.theme-recruteur #recruteurs #recherches-enregistrees #candidapec-action-bar .pull-left li:first-child a,
.theme-recruteur #recruteurs #recherches-enregistrees #candidapec-action-bar .pull-left li:first-child a strong,
.candidapec #recruteurs #recherches-enregistrees #candidapec-action-bar .pull-left li:first-child a,
.candidapec #recruteurs #recherches-enregistrees #candidapec-action-bar .pull-left li:first-child a strong {
    color: #00758b;
}
.theme-recruteur #recruteurs #recherches-enregistrees .recherche .row > div:nth-child(2),
.candidapec #recruteurs #recherches-enregistrees .recherche .row > div:nth-child(2) {
    padding-right: 27px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat,
.candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat {
    margin-top: 40px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat label:before,
.candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat label:before {
    display: none;
}
.theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat input + span:after,
.candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat input + span:after {
    margin-top: 0px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat input:checked + span:before,
.candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat input:checked + span:before {
    background: #e5eff4;
}
.theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat input:checked + span:after,
.candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat input:checked + span:after {
    background: #026096;
    border: solid #e5eff4 2px;
}
.theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat p,
.candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat p {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recherches-enregistrees,
    .candidapec #recherches-enregistrees {
        padding: 0px;
    }
    .theme-recruteur #recherches-enregistrees h2,
    .candidapec #recherches-enregistrees h2 {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .enreg-header,
    .candidapec #recruteurs #recherches-enregistrees .enreg-header {
        padding: 15px 15px 0px 15px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .email-alerts,
    .candidapec #recruteurs #recherches-enregistrees .enreg-header .email-alerts {
        margin-top: 40px;
        float: left;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .email-alerts > p,
    .candidapec #recruteurs #recherches-enregistrees .enreg-header .email-alerts > p {
        float: none;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .enreg-header .radio,
    .candidapec #recruteurs #recherches-enregistrees .enreg-header .radio {
        margin: 5px 0px 0px 0px;
        float: none;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .enreg-list,
    .candidapec #recruteurs #recherches-enregistrees .enreg-list {
        padding: 30px 0px 0px 0px;
        background-color: #fff;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche,
    .candidapec #recruteurs #recherches-enregistrees .recherche {
        padding: 0 10px;
        margin: 0 10px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche .row > div:first-child,
    .candidapec #recruteurs #recherches-enregistrees .recherche .row > div:first-child {
        padding: 18px 18px 0px 18px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche .row > div:nth-child(2),
    .candidapec #recruteurs #recherches-enregistrees .recherche .row > div:nth-child(2) {
        border-right: none;
        padding-right: 10px;
        margin-top: 30px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche .enreg-data,
    .candidapec #recruteurs #recherches-enregistrees .recherche .enreg-data {
        width: calc(100% + 2px);
        margin: 0px -1px 0px -1px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche .last-update,
    .candidapec #recruteurs #recherches-enregistrees .recherche .last-update {
        margin: 15px 0px 35px 18px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche .row > div:last-child,
    .candidapec #recruteurs #recherches-enregistrees .recherche .row > div:last-child {
        padding: 0px 18px 18px 18px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat,
    .candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat {
        margin: 0;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat label,
    .candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat label {
        display: inline-block;
        margin-right: 20px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .checkbox-slider--b-flat p,
    .candidapec #recruteurs #recherches-enregistrees .checkbox-slider--b-flat p {
        display: inline-block;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees #candidapec-action-bar .slick-slider,
    .candidapec #recruteurs #recherches-enregistrees #candidapec-action-bar .slick-slider {
        padding-left: 10px;
    }
    .theme-recruteur #recruteurs #recherches-enregistrees .recherche-content,
    .candidapec #recruteurs #recherches-enregistrees .recherche-content {
        padding: 0px;
    }
}
.theme-recruteur #recherches-enregistrees .recherche-notif,
.candidapec #recherches-enregistrees .recherche-notif {
    background-color: #e5eff4;
    padding: 20px;
}
.theme-recruteur #recherches-enregistrees .recherche-notif .close-notif,
.candidapec #recherches-enregistrees .recherche-notif .close-notif {
    float: right;
}
.theme-recruteur #recherches-enregistrees .recherche-notif .question,
.candidapec #recherches-enregistrees .recherche-notif .question {
    font-weight: 700;
    margin-bottom: 20px;
}
.theme-recruteur #recherches-enregistrees .recherche-notif .buttons-group,
.candidapec #recherches-enregistrees .recherche-notif .buttons-group {
    margin-top: 20px;
}
.theme-recruteur #recherches-enregistrees .recherche-notif button,
.candidapec #recherches-enregistrees .recherche-notif button {
    margin: 0px 20px 0px 0px;
}
.theme-recruteur #recherches-enregistrees .recherche-notif.deleted,
.candidapec #recherches-enregistrees .recherche-notif.deleted {
    text-align: center;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
}
.theme-recruteur #recherches-enregistrees .recherche-notif.deleted p::before,
.candidapec #recherches-enregistrees .recherche-notif.deleted p::before {
    content: url(../../img/angular/candidapec/icons/warning.png);
    position: relative;
    right: 15px;
}
.theme-recruteur #recherches-enregistrees .recherche-notif.deleted a,
.candidapec #recherches-enregistrees .recherche-notif.deleted a {
    position: absolute;
    top: 0px;
    right: 20px;
    line-height: 63px;
    color: #2a6496;
}
.theme-recruteur #recherches-enregistrees .recherche-notif.shared,
.candidapec #recherches-enregistrees .recherche-notif.shared {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recherches-enregistrees .recherche-notif .button-flat-grey,
    .candidapec #recherches-enregistrees .recherche-notif .button-flat-grey {
        margin-top: 20px;
    }
    .theme-recruteur #recherches-enregistrees .recherche-notif.deleted a,
    .candidapec #recherches-enregistrees .recherche-notif.deleted a {
        position: relative;
        line-height: inherit;
        right: 0px;
    }
    .theme-recruteur #recherches-enregistrees .recherche-notif.deleted p,
    .candidapec #recherches-enregistrees .recherche-notif.deleted p {
        margin: 25px 0px 15px 0px;
    }
    .theme-recruteur #recherches-enregistrees .recherche-notif.deleted p::before,
    .candidapec #recherches-enregistrees .recherche-notif.deleted p::before {
        content: url(../../img/angular/candidapec/icons/warning.png);
        position: absolute;
        right: 48%;
        top: 20px;
    }
}
.theme-recruteur .fast-saved-search,
.candidapec .fast-saved-search {
    display: none;
    position: absolute;
    top: -20px;
    margin-left: -21px;
    z-index: 10;
}
@media screen and (max-width: 768px) {
    .theme-recruteur .fast-saved-search,
    .candidapec .fast-saved-search {
        margin-left: 0;
    }
}
.theme-recruteur .fast-saved-search a,
.candidapec .fast-saved-search a {
    border: none !important;
}
.theme-recruteur .fast-saved-search .search-heading,
.candidapec .fast-saved-search .search-heading {
    background-color: white;
    padding: 8px 17px;
    margin-top: 11px;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.17);
    position: relative;
    z-index: 2;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #232558 !important;
    width: fit-content;
}
@media screen and (max-width: 768px) {
    .theme-recruteur .fast-saved-search .search-heading,
    .candidapec .fast-saved-search .search-heading {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 0px;
    }
}
.theme-recruteur .fast-saved-search .search-heading::after,
.candidapec .fast-saved-search .search-heading::after {
    content: url(../../img/angular/profil/icons/chevron-down.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: transform 0.3s;
    transform: rotate(180deg);
    position: relative;
    top: 0px;
    left: 9px;
}
.theme-recruteur .fast-saved-search .search-list,
.candidapec .fast-saved-search .search-list {
    background-color: white;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 550px;
}
@media (max-width: 767px) {
    .theme-recruteur .fast-saved-search .search-list,
    .candidapec .fast-saved-search .search-list {
        width: 100%;
    }
}
.theme-recruteur .fast-saved-search .search-list .saved-search,
.candidapec .fast-saved-search .search-list .saved-search {
    width: 100%;
    height: 75px;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    display: inline-block;
}
.theme-recruteur .fast-saved-search .search-list .saved-search:hover .enreg-data .new-candidates span,
.candidapec .fast-saved-search .search-list .saved-search:hover .enreg-data .new-candidates span {
    color: white;
}
@media (max-width: 767px) {
    .theme-recruteur .fast-saved-search .search-list .saved-search,
    .candidapec .fast-saved-search .search-list .saved-search {
        height: auto;
    }
}
.theme-recruteur .fast-saved-search .search-list .saved-search .saved-search-title,
.candidapec .fast-saved-search .search-list .saved-search .saved-search-title {
    color: #232558;
    line-height: 15px;
    width: 192px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}
@media (max-width: 767px) {
    .theme-recruteur .fast-saved-search .search-list .saved-search .saved-search-title,
    .candidapec .fast-saved-search .search-list .saved-search .saved-search-title {
        width: 100%;
    }
}
.theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data,
.candidapec .fast-saved-search .search-list .saved-search .enreg-data {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data .all-candidates,
.candidapec .fast-saved-search .search-list .saved-search .enreg-data .all-candidates {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 12px !important;
    color: #232558;
    display: flex;
    column-gap: 8px;
    align-items: baseline;
    width: 156px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data .all-candidates,
    .candidapec .fast-saved-search .search-list .saved-search .enreg-data .all-candidates {
        justify-content: center;
    }
}
.theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data .all-candidates span,
.candidapec .fast-saved-search .search-list .saved-search .enreg-data .all-candidates span {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    color: #232558;
    height: 19px;
}
.theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data .new-candidates,
.candidapec .fast-saved-search .search-list .saved-search .enreg-data .new-candidates {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 12px !important;
    color: #232558;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    align-items: baseline;
    width: 162px;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data .new-candidates,
    .candidapec .fast-saved-search .search-list .saved-search .enreg-data .new-candidates {
        justify-content: center;
    }
}
.theme-recruteur .fast-saved-search .search-list .saved-search .enreg-data .new-candidates span,
.candidapec .fast-saved-search .search-list .saved-search .enreg-data .new-candidates span {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #232558;
    line-height: normal;
    position: relative;
    top: 1px;
}
@media screen and (max-width: 767px) {
    .theme-recruteur .saved-search-toggle::after,
    .candidapec .saved-search-toggle::after {
        content: url(../../img/angular/candidapec/icons/select.png);
        position: relative;
        left: 5px;
    }
    .theme-recruteur .fast-saved-search-container,
    .candidapec .fast-saved-search-container {
        display: block;
        position: relative;
        width: 100%;
    }
    .theme-recruteur .fast-saved-search,
    .candidapec .fast-saved-search {
        top: -38px;
        left: 0px;
    }
    .theme-recruteur .fast-saved-search .search-list .saved-search,
    .candidapec .fast-saved-search .search-list .saved-search {
        width: 100%;
    }
    .theme-recruteur .fast-saved-search .search-list .saved-search a,
    .candidapec .fast-saved-search .search-list .saved-search a {
        margin: 0px 0px 15px 0px;
    }
    .theme-recruteur .fast-saved-search .search-list,
    .candidapec .fast-saved-search .search-list {
        margin-left: initial;
    }
    .theme-recruteur .fast-saved-search .search-heading,
    .candidapec .fast-saved-search .search-heading {
        margin-left: initial;
    }
}
.theme-recruteur #candidapec-messages .message-search,
.candidapec #candidapec-messages .message-search {
    position: relative;
    width: 230px;
}
.theme-recruteur #candidapec-messages .message-search input,
.candidapec #candidapec-messages .message-search input {
    height: 48px;
    width: 230px;
    padding: 15px 40px 15px 15px;
    border: 1px solid #e0e0e0;
    margin: 30px 0px;
}
.theme-recruteur #candidapec-messages .message-search img,
.candidapec #candidapec-messages .message-search img {
    position: absolute;
    right: 15px;
    top: 15px;
}
.theme-recruteur #candidapec-messages .messages-label,
.candidapec #candidapec-messages .messages-label {
    padding: 0px 20px;
    margin-bottom: 10px;
}
.theme-recruteur #candidapec-messages .messages-label a,
.candidapec #candidapec-messages .messages-label a {
    font-size: 12px;
    color: #444;
}
.theme-recruteur #candidapec-messages .messages-label a::after,
.candidapec #candidapec-messages .messages-label a::after {
    content: url(../../img/angular/candidapec/icons/select-black.png);
    position: relative;
    left: 5px;
    top: -2px;
}
.theme-recruteur #candidapec-messages .messages-label a.switchInverse::after,
.candidapec #candidapec-messages .messages-label a.switchInverse::after {
    content: url(../../img/angular/candidapec/icons/select-inverse-black.png);
    position: relative;
    left: 5px;
    top: -2px;
}
.theme-recruteur #candidapec-messages .messages-label p,
.candidapec #candidapec-messages .messages-label p {
    font-size: 12px;
    margin: 0;
}
.theme-recruteur #candidapec-messages .search-filter-dest,
.candidapec #candidapec-messages .search-filter-dest {
    width: 100%;
}
.theme-recruteur #candidapec-messages .search-filter-dest #messageSearch,
.candidapec #candidapec-messages .search-filter-dest #messageSearch {
    padding: 0.5rem;
}
.theme-recruteur #candidapec-messages .search-filter-dest .btn-block,
.candidapec #candidapec-messages .search-filter-dest .btn-block {
    display: flex;
    justify-content: center;
    align-items: center;
}
.theme-recruteur #candidapec-messages .search-filter-dest .btn-block svg,
.candidapec #candidapec-messages .search-filter-dest .btn-block svg {
    width: auto;
    height: 60%;
}
.theme-recruteur #candidapec-messages .messages-list,
.candidapec #candidapec-messages .messages-list {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.theme-recruteur #candidapec-messages .messages-list .message-raw,
.candidapec #candidapec-messages .messages-list .message-raw {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.theme-recruteur #candidapec-messages .messages-list .message-raw:last-child,
.candidapec #candidapec-messages .messages-list .message-raw:last-child {
    border-bottom: none;
}
.theme-recruteur #candidapec-messages .messages-list .message-raw.unread-message,
.candidapec #candidapec-messages .messages-list .message-raw.unread-message {
    background-color: #e5eff4;
}
.theme-recruteur #candidapec-messages .messages-list .message-object,
.candidapec #candidapec-messages .messages-list .message-object {
    color: #00758b;
}
.theme-recruteur #candidapec-messages .messages-list .message-context,
.candidapec #candidapec-messages .messages-list .message-context {
    color: #999999;
    font-size: 12px;
}
.theme-recruteur #candidapec-messages .messages-list .message-raw .unread,
.candidapec #candidapec-messages .messages-list .message-raw .unread {
    font-weight: 700;
}
.theme-recruteur #candidapec-filters.candidapec-messages-filters input,
.theme-recruteur #candidapec-filters.candidapec-messages-filters .refine,
.theme-recruteur #candidapec-filters.candidapec-messages-filters .criteres-perso,
.theme-recruteur #candidapec-filters.candidapec-messages-filters .affinity-search,
.candidapec #candidapec-filters.candidapec-messages-filters input,
.candidapec #candidapec-filters.candidapec-messages-filters .refine,
.candidapec #candidapec-filters.candidapec-messages-filters .criteres-perso,
.candidapec #candidapec-filters.candidapec-messages-filters .affinity-search {
    opacity: 1;
}
.theme-recruteur #candidapec-filters.candidapec-messages-filters,
.candidapec #candidapec-filters.candidapec-messages-filters {
    pointer-events: none;
    opacity: 0.3;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-messages .messages-list,
    .candidapec #candidapec-messages .messages-list {
        border: none;
    }
    .theme-recruteur #candidapec-messages .messages-list .message-raw,
    .candidapec #candidapec-messages .messages-list .message-raw {
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        /* margin-bottom: 20px;*/
        position: relative;
    }
    .theme-recruteur #candidapec-messages .messages-list .message-raw:last-child,
    .candidapec #candidapec-messages .messages-list .message-raw:last-child {
        border-bottom: 1px solid #e0e0e0;
    }
    .theme-recruteur #candidapec-messages .messages-list .message-context,
    .candidapec #candidapec-messages .messages-list .message-context {
        /*border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0px;
    margin: 20px 0px;*/
    }
    .theme-recruteur #candidapec-messages .messages-list .message-date,
    .candidapec #candidapec-messages .messages-list .message-date {
        position: absolute;
        right: 10px;
        top: 20px;
        width: 27%;
    }
}
.theme-recruteur #candidapec-messages .message-actions,
.candidapec #candidapec-messages .message-actions {
    margin: 30px 0px;
}
.theme-recruteur #candidapec-messages .message-actions .rectangle-button,
.candidapec #candidapec-messages .message-actions .rectangle-button {
    padding: 15px 30px;
}
.theme-recruteur #candidapec-messages .message-actions .rectangle-button.back img,
.candidapec #candidapec-messages .message-actions .rectangle-button.back img {
    margin-right: 10px;
}
.theme-recruteur #candidapec-messages .message-actions .rectangle-button:last-child,
.candidapec #candidapec-messages .message-actions .rectangle-button:last-child {
    float: right;
}
.theme-recruteur #candidapec-messages .message-actions .square-button,
.candidapec #candidapec-messages .message-actions .square-button {
    padding: 15px;
    float: right;
    margin-top: 0px;
    width: auto;
}
.theme-recruteur #candidapec-messages .message-detail,
.candidapec #candidapec-messages .message-detail {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.theme-recruteur #candidapec-messages .message-detail h3,
.candidapec #candidapec-messages .message-detail h3 {
    font-size: 14px;
    font-weight: 700;
}
.theme-recruteur #candidapec-messages .message-detail .message-info,
.candidapec #candidapec-messages .message-detail .message-info {
    color: #999999;
    font-size: 12px;
}
.theme-recruteur #candidapec-messages .message-detail .message-heading,
.candidapec #candidapec-messages .message-detail .message-heading {
    background-color: #e5eff4;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.theme-recruteur #candidapec-messages .message-detail .message-heading h3,
.candidapec #candidapec-messages .message-detail .message-heading h3 {
    color: #117d92;
}
.theme-recruteur #candidapec-messages .message-detail .message-content,
.candidapec #candidapec-messages .message-detail .message-content {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.theme-recruteur #candidapec-messages .message-detail .message-content h3,
.candidapec #candidapec-messages .message-detail .message-content h3 {
    margin: 30px 0px;
}
.theme-recruteur #candidapec-messages .message-detail .message-content .message-text,
.candidapec #candidapec-messages .message-detail .message-content .message-text {
    padding-bottom: 20px;
}
.theme-recruteur #candidapec-messages .message-detail .message-content .message-text.read,
.candidapec #candidapec-messages .message-detail .message-content .message-text.read {
    border-bottom: 1px solid #e0e0e0;
}
.theme-recruteur #candidapec-messages .message-detail .message-content .message-info,
.candidapec #candidapec-messages .message-detail .message-content .message-info {
    margin-bottom: 30px;
}
.theme-recruteur #candidapec-messages .message-detail .message-content .message-info.lu,
.candidapec #candidapec-messages .message-detail .message-content .message-info.lu {
    border-top: 1px solid #e0e0e0;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer,
.candidapec #candidapec-messages .message-detail .message-answer {
    background-color: #e5eff4;
    padding: 20px;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer .form-group label,
.candidapec #candidapec-messages .message-detail .message-answer .form-group label {
    margin-bottom: 15px;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer .form-control,
.candidapec #candidapec-messages .message-detail .message-answer .form-control {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer input,
.candidapec #candidapec-messages .message-detail .message-answer input {
    margin-bottom: 20px;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer .form-group input[type=text],
.candidapec #candidapec-messages .message-detail .message-answer .form-group input[type=text] {
    height: 40px;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer small,
.candidapec #candidapec-messages .message-detail .message-answer small {
    float: right;
    font-size: 12px;
    color: #999999;
}
.theme-recruteur #candidapec-messages .message-detail .message-answer button,
.candidapec #candidapec-messages .message-detail .message-answer button {
    margin: 20px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #results-content,
    .candidapec #results-content {
        /*margin-bottom: 50px;*/
    }
    .theme-recruteur #candidapec-messages .message-actions .delete,
    .candidapec #candidapec-messages .message-actions .delete {
        margin-left: 10px;
    }
    .theme-recruteur #candidapec-messages .message-answer label,
    .candidapec #candidapec-messages .message-answer label {
        font-size: 14px !important;
    }
    .theme-recruteur #candidapec-messages .message-detail .message-answer .form-group input[type=text],
    .candidapec #candidapec-messages .message-detail .message-answer .form-group input[type=text] {
        font-size: 14px;
    }
}
.theme-recruteur .affinity-search,
.candidapec .affinity-search {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
}
.theme-recruteur .affinity-search .affinity-search-bloc,
.candidapec .affinity-search .affinity-search-bloc {
    width: 200px;
}
.theme-recruteur .affinity-search .affinity-search-bloc .btn-small-primary,
.candidapec .affinity-search .affinity-search-bloc .btn-small-primary {
    white-space: inherit;
}
.theme-recruteur .affinity-search .affinity-search-bloc .affinity-search-desc,
.candidapec .affinity-search .affinity-search-bloc .affinity-search-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.theme-recruteur .affinity-search .affinity-search-bloc .affinity-search-desc img,
.candidapec .affinity-search .affinity-search-bloc .affinity-search-desc img {
    height: 15px;
    margin-right: 10px;
}
.theme-recruteur .affinity-search .affinity-search-bloc .affinity-search-desc p,
.candidapec .affinity-search .affinity-search-bloc .affinity-search-desc p {
    font-size: 10px !important;
    line-height: 10px;
}
.theme-recruteur .affinity-search h2,
.candidapec .affinity-search h2 {
    font-size: 20px;
}
.theme-recruteur .affinity-search h3,
.candidapec .affinity-search h3 {
    font-size: 16px;
}
.theme-recruteur .affinity-search .intro,
.candidapec .affinity-search .intro {
    max-width: 600px;
    margin: 0px 0px 40px 0px;
}
.theme-recruteur .affinity-search .candidapec-offer,
.theme-recruteur .affinity-search .candidapec-document-upload,
.candidapec .affinity-search .candidapec-offer,
.candidapec .affinity-search .candidapec-document-upload {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer p,
.candidapec #recruteurs .affinity-search .candidapec-offer p {
    margin: 0px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer a,
.candidapec #recruteurs .affinity-search .candidapec-offer a {
    font-size: 13px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-title,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-title {
    padding: 20px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-title img,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-title img {
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-title .text-content,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-title .text-content {
    display: inline-block;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer h4,
.candidapec #recruteurs .affinity-search .candidapec-offer h4 {
    font-size: 14px;
    color: #117d92;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .info,
.candidapec #recruteurs .affinity-search .candidapec-offer .info {
    font-size: 12px;
    color: #999999;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-result {
    padding: 20px 20px 20px 0px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result .text-content,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-result .text-content {
    border-left: 1px solid #e0e0e0;
    padding-left: 20px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result p,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-result p {
    font-size: 13px;
    margin-top: 10px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result .affinity-number,
.theme-recruteur #recruteurs .candidapec-post .affinity-number,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-result .affinity-number,
.candidapec #recruteurs .candidapec-post .affinity-number {
    background-color: #f5b42a;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
}
.theme-recruteur #recruteurs .candidapec-post .candidapec-ratings,
.candidapec #recruteurs .candidapec-post .candidapec-ratings {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #e0e0e0;
    margin-top: -1px;
    /* Tester la propriété outline mais attention à la prise en charge par IE ! */
}
.theme-recruteur #recruteurs .candidapec-post .candidapec-ratings p,
.candidapec #recruteurs .candidapec-post .candidapec-ratings p {
    margin-top: -10px;
    margin-bottom: 0;
    text-align: center;
    background: none;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-filter,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-filter {
    padding: 20px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-filter img,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-filter img {
    display: inline-block;
    margin-bottom: 10px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-filter a,
.candidapec #recruteurs .affinity-search .candidapec-offer .offer-filter a {
    display: block;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-document-upload,
.candidapec #recruteurs .affinity-search .candidapec-document-upload {
    padding: 20px;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-document-upload p,
.candidapec #recruteurs .affinity-search .candidapec-document-upload p {
    margin: 0 0 0 10px;
    background-image: url(../../img/angularjs/profil/icons/tooltip.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    padding-right: 35px;
    line-height: 62px;
    display: inline-block;
}
.theme-recruteur #recruteurs .affinity-search .candidapec-document-upload .button-flat-blue,
.candidapec #recruteurs .affinity-search .candidapec-document-upload .button-flat-blue {
    margin: 0;
    padding: 0;
}
.theme-recruteur .affinity-search .candidapec-document-upload p,
.candidapec .affinity-search .candidapec-document-upload p {
    font-size: 13px;
    color: #999;
}
.theme-recruteur .affinity-search h3.docChoose,
.candidapec .affinity-search h3.docChoose {
    margin-top: 40px;
}
.theme-recruteur .affinity-search .upload-group label,
.candidapec .affinity-search .upload-group label {
    width: 100%;
}
.theme-recruteur .affinity-search .uploader,
.candidapec .affinity-search .uploader {
    padding: 150px 0;
    background-color: #fff;
    border: 1px dashed #f5b42a;
    text-align: center;
    cursor: pointer;
    width: 100%;
}
.theme-recruteur .affinity-search .upload-group p,
.candidapec .affinity-search .upload-group p {
    font-size: 16px;
    color: #f5b42a;
    font-style: italic;
    text-align: center;
}
.theme-recruteur .affinity-search .upload-group .top10Candidate,
.candidapec .affinity-search .upload-group .top10Candidate {
    font-size: 22px;
}
.theme-recruteur .upload-group input,
.candidapec .upload-group input {
    display: none;
}
.theme-recruteur .affinity-search h3.votre-document,
.theme-recruteur .affinity-search a.doc-item,
.candidapec .affinity-search h3.votre-document,
.candidapec .affinity-search a.doc-item {
    float: left;
}
.theme-recruteur a.doc-item,
.candidapec a.doc-item {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs .affinity-search,
    .candidapec #recruteurs .affinity-search {
        background-color: #fbfaf8;
        padding: 30px 0;
    }
    .theme-recruteur #recruteurs .affinity-search h3,
    .theme-recruteur #recruteurs .affinity-search a,
    .candidapec #recruteurs .affinity-search h3,
    .candidapec #recruteurs .affinity-search a {
        font-size: 14px;
    }
    .theme-recruteur #recruteurs .affinity-search .candidapec-offer h4,
    .candidapec #recruteurs .affinity-search .candidapec-offer h4 {
        margin-top: 10px;
    }
    .theme-recruteur #recruteurs .affinity-search h2,
    .theme-recruteur #recruteurs .affinity-search h3,
    .candidapec #recruteurs .affinity-search h2,
    .candidapec #recruteurs .affinity-search h3 {
        margin: 0 0 10px 10px;
    }
    .theme-recruteur #recruteurs .affinity-search p.intro,
    .candidapec #recruteurs .affinity-search p.intro {
        margin: 20px 10px 20px 10px;
        width: 100%;
        padding-right: 15px;
    }
    .theme-recruteur #recruteurs .affinity-search p.doc-info,
    .candidapec #recruteurs .affinity-search p.doc-info {
        line-height: inherit;
        margin-top: 10px;
    }
    .theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result .text-content,
    .theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-filter,
    .candidapec #recruteurs .affinity-search .candidapec-offer .offer-result .text-content,
    .candidapec #recruteurs .affinity-search .candidapec-offer .offer-filter {
        border-left: 0;
    }
    .theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result,
    .candidapec #recruteurs .affinity-search .candidapec-offer .offer-result {
        padding: 0 20px 20px 20px;
    }
    .theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-result .text-content,
    .candidapec #recruteurs .affinity-search .candidapec-offer .offer-result .text-content {
        border-top: 1px solid #e0e0e0;
        padding-top: 20px;
    }
    .theme-recruteur #recruteurs .affinity-search .candidapec-offer .offer-filter,
    .candidapec #recruteurs .affinity-search .candidapec-offer .offer-filter {
        border-top: 1px solid #e0e0e0;
    }
    .theme-recruteur .affinity-search .uploader,
    .candidapec .affinity-search .uploader {
        padding: 20px 20px;
    }
    .theme-recruteur #recruteurs .affinity-search .candidapec-document-upload p,
    .candidapec #recruteurs .affinity-search .candidapec-document-upload p {
        line-height: inherit;
        height: 24px;
    }
}
.theme-recruteur #candidapec-tutoriel-pop-in img,
.candidapec #candidapec-tutoriel-pop-in img {
    margin-top: initial;
    width: initial;
}
.theme-recruteur #candidapec-tutoriel-pop-in h2,
.candidapec #candidapec-tutoriel-pop-in h2 {
    font-size: initial;
}
.theme-recruteur #candidapec-tutoriel-pop-in .modal-dialog,
.candidapec #candidapec-tutoriel-pop-in .modal-dialog {
    max-width: 750px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #candidapec-tutoriel-pop-in .modal-dialog,
    .candidapec #candidapec-tutoriel-pop-in .modal-dialog {
        width: auto;
    }
    .theme-recruteur #candidapec-tutoriel-pop-in .modal-dialog,
    .candidapec #candidapec-tutoriel-pop-in .modal-dialog {
        margin: 0;
        height: 100%;
    }
    .theme-recruteur #candidapec-tutoriel-pop-in .candidapec-pop-in .modal-content,
    .theme-recruteur #candidapec-tutoriel-pop-in .candidapec-pop-in .modal-body,
    .candidapec #candidapec-tutoriel-pop-in .candidapec-pop-in .modal-content,
    .candidapec #candidapec-tutoriel-pop-in .candidapec-pop-in .modal-body {
        height: auto;
    }
    .theme-recruteur #candidapec-tutoriel-pop-in .candidapec-pop-in .modal-content,
    .candidapec #candidapec-tutoriel-pop-in .candidapec-pop-in .modal-content {
        border-radius: 0px;
        height: 100%;
        background-color: #fff;
    }
}
.theme-recruteur #candidapec-tutoriel-pop-in,
.candidapec #candidapec-tutoriel-pop-in {
    text-align: initial;
}
.theme-recruteur #recruteurs .candidapec-pop-in,
.candidapec #recruteurs .candidapec-pop-in {
    padding: 0px !important;
}
.theme-recruteur #recruteurs.candidapec .modal-dialog,
.candidapec #recruteurs.candidapec .modal-dialog {
    max-width: 750px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs.candidapec .modal-dialog,
    .candidapec #recruteurs.candidapec .modal-dialog {
        width: auto;
    }
}
.theme-recruteur #recruteurs #conseils,
.candidapec #recruteurs #conseils {
    background-color: rgba(0, 0, 0, 0.5);
}
.theme-recruteur #recruteurs #conseils .modal-dialog,
.candidapec #recruteurs #conseils .modal-dialog {
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
    max-width: 800px;
}
.theme-recruteur #recruteurs #conseils .modal-content,
.candidapec #recruteurs #conseils .modal-content {
    width: auto;
    padding: 0;
    margin-bottom: 0;
}
.theme-recruteur #recruteurs .modal-content,
.candidapec #recruteurs .modal-content {
    border-radius: 5px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-header,
.candidapec #recruteurs .candidapec-pop-in .modal-header {
    padding: 20px 20px 20px 30px;
    background-color: #f5f0e6;
    border-radius: 5px;
    margin: 0;
}
.theme-recruteur #recruteurs #loading-bar-spinner,
.candidapec #recruteurs #loading-bar-spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.theme-recruteur #recruteurs #loading-bar-spinner .spinner-icon,
.candidapec #recruteurs #loading-bar-spinner .spinner-icon {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border-width: 10px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-header .modal-title,
.candidapec #recruteurs .candidapec-pop-in .modal-header .modal-title {
    padding: 0;
    background: transparent;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-header .icon-modal,
.candidapec #recruteurs .candidapec-pop-in .modal-header .icon-modal {
    display: inline-block;
    vertical-align: top;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-header h2,
.candidapec #recruteurs .candidapec-pop-in .modal-header h2 {
    margin: 0px 0px 0px 10px;
    display: inline-block;
    width: 80%;
    padding-top: 5px !important;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-header .close,
.candidapec #recruteurs .candidapec-pop-in .modal-header .close {
    background-image: url(../../img/angularjs/profil/icons/close-modal-new.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 22px;
    opacity: 1;
    width: 22px;
    box-shadow: none;
    background-color: transparent;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body,
.candidapec #recruteurs .candidapec-pop-in .modal-body {
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    padding: 30px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .pop-in-advice,
.candidapec #recruteurs .candidapec-pop-in .modal-body .pop-in-advice {
    background-image: url(../../img/angularjs/profil/icons/tooltip.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    padding-right: 30px;
    font-size: 13px;
    color: #999999;
    margin-bottom: 20px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block,
.candidapec #recruteurs .candidapec-pop-in .modal-body .search-block {
    margin-bottom: 20px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block input,
.candidapec #recruteurs .candidapec-pop-in .modal-body .search-block input {
    border: 1px solid #d9dada;
    border-radius: 5px;
    padding: 15px;
    width: 350px;
    height: 40px;
    float: left;
    margin: 0px 20px 0px 0px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block .search-bar,
.candidapec #recruteurs .candidapec-pop-in .modal-body .search-block .search-bar {
    position: relative;
    width: 100%;
    max-width: 350px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block .search-clear,
.candidapec #recruteurs .candidapec-pop-in .modal-body .search-block .search-clear {
    background-image: url("../../img/angular/candidapec/icons/search-clear.png");
    background-repeat: no-repeat;
    width: 28px;
    height: 40px;
    position: absolute;
    right: 0px;
    margin: auto;
    cursor: pointer;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block a,
.candidapec #recruteurs .candidapec-pop-in .modal-body .search-block a {
    float: left;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block a p,
.candidapec #recruteurs .candidapec-pop-in .modal-body .search-block a p {
    font-size: 13px;
    color: #999999;
    margin: 0;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .checkbox,
.candidapec #recruteurs .candidapec-pop-in .modal-body .checkbox {
    margin-bottom: 20px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body button,
.candidapec #recruteurs .candidapec-pop-in .modal-body button {
    margin-bottom: 0px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .paragraph,
.candidapec #recruteurs .candidapec-pop-in .modal-body .paragraph {
    margin-bottom: 40px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .paragraph p,
.candidapec #recruteurs .candidapec-pop-in .modal-body .paragraph p {
    margin: 0;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .paragraph p.note,
.candidapec #recruteurs .candidapec-pop-in .modal-body .paragraph p.note {
    font-size: 12px;
    font-weight: 700;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .paragraph h3,
.candidapec #recruteurs .candidapec-pop-in .modal-body .paragraph h3 {
    text-transform: uppercase;
    font-size: 14px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-scrollable,
.candidapec #recruteurs .candidapec-pop-in .modal-scrollable {
    overflow-y: auto;
    max-height: calc(100vh - 400px);
}
.theme-recruteur #recruteurs .modal-backdrop,
.candidapec #recruteurs .modal-backdrop {
    background-color: #000;
    opacity: 0.6;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs .radio-choice .radio label,
    .candidapec #recruteurs .radio-choice .radio label {
        font-size: 14px !important;
    }
}
.theme-recruteur #recruteurs .offer-choice .candidapec-tri,
.candidapec #recruteurs .offer-choice .candidapec-tri {
    float: left;
}
.theme-recruteur #recruteurs .offer-radios,
.candidapec #recruteurs .offer-radios {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 0px 20px;
    margin-bottom: 30px;
}
.theme-recruteur #recruteurs .offer-radios .radio-choice,
.candidapec #recruteurs .offer-radios .radio-choice {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0px;
}
.theme-recruteur #recruteurs .offer-radios .radio-choice:last-child,
.candidapec #recruteurs .offer-radios .radio-choice:last-child {
    border-bottom: none;
}
.theme-recruteur #recruteurs #candidapec .radio,
.candidapec #recruteurs #candidapec .radio {
    margin: 0;
}
.theme-recruteur #recruteurs #candidapec .radio input[type=radio],
.candidapec #recruteurs #candidapec .radio input[type=radio] {
    margin-left: 0px;
    opacity: 0;
}
.theme-recruteur #recruteurs #candidapec .radio input[type=radio]:checked + label::after,
.candidapec #recruteurs #candidapec .radio input[type=radio]:checked + label::after {
    content: url(../../img/angular/candidapec/icons/radio-checked.png);
}
.theme-recruteur #recruteurs #candidapec .radio label,
.candidapec #recruteurs #candidapec .radio label {
    color: #117d92;
    margin: 0;
}
.theme-recruteur #recruteurs #candidapec .radio label::before,
.candidapec #recruteurs #candidapec .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 3px;
    margin-left: 0px;
    border: 1px solid #7fbac5;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.theme-recruteur #recruteurs #candidapec .radio label::after,
.candidapec #recruteurs #candidapec .radio label::after {
    display: inline-block;
    position: absolute;
    left: 3px;
    top: -2px;
    margin-left: 0px;
}
.theme-recruteur #recruteurs .radio-choice p,
.candidapec #recruteurs .radio-choice p {
    float: right;
    position: relative;
    right: 100px;
    color: #999999;
    font-size: 13px;
    margin: 0;
}
.theme-recruteur #recruteurs .offer-message,
.candidapec #recruteurs .offer-message {
    margin-top: 40px;
}
.theme-recruteur #recruteurs .offer-message .radio,
.candidapec #recruteurs .offer-message .radio {
    margin: 0px 50px 20px 0px;
}
.theme-recruteur #recruteurs .square-button,
.candidapec #recruteurs .square-button {
    padding: 15px 30px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    margin-top: 20px;
}
.theme-recruteur #recruteurs .square-button.pop-in-back::before,
.candidapec #recruteurs .square-button.pop-in-back::before {
    content: url("../../img/angular/candidapec/icons/back.png");
    padding-right: 10px;
}
.theme-recruteur #recruteurs .square-button.pop-in-next::after,
.candidapec #recruteurs .square-button.pop-in-next::after {
    content: url("../../img/angular/candidapec/icons/next-arrow.png");
    padding-left: 10px;
}
.theme-recruteur #recruteurs .icon-search,
.candidapec #recruteurs .icon-search {
    display: inline-block;
    vertical-align: top;
}
.theme-recruteur #recruteurs .search-question,
.candidapec #recruteurs .search-question {
    display: inline-block;
    width: 80%;
    margin: 0px 0px 20px 10px;
}
.theme-recruteur #recruteurs .share-checkboxes,
.candidapec #recruteurs .share-checkboxes {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 30px;
}
.theme-recruteur #recruteurs .share-checkboxes .share-checkbox,
.candidapec #recruteurs .share-checkboxes .share-checkbox {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    width: 100%;
}
.theme-recruteur #recruteurs .candidapec-pop-in .modal-body .share-checkboxes .checkbox,
.candidapec #recruteurs .candidapec-pop-in .modal-body .share-checkboxes .checkbox {
    margin-bottom: 0px;
}
.theme-recruteur #recruteurs .share-checkboxes .checkbox label,
.candidapec #recruteurs .share-checkboxes .checkbox label {
    color: #117d92;
}
.theme-recruteur #recruteurs .share-textarea,
.candidapec #recruteurs .share-textarea {
    margin-bottom: 30px;
}
.theme-recruteur #recruteurs .candidate-location,
.candidapec #recruteurs .candidate-location {
    font-weight: 400;
}
.theme-recruteur #recruteurs .candidapec-pop-in .form-group .form-control,
.candidapec #recruteurs .candidapec-pop-in .form-group .form-control {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}
.theme-recruteur #recruteurs .candidapec-pop-in .form-group input[type=text],
.candidapec #recruteurs .candidapec-pop-in .form-group input[type=text] {
    height: 40px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .form-group label,
.candidapec #recruteurs .candidapec-pop-in .form-group label {
    margin-bottom: 15px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .form-group.message-object,
.candidapec #recruteurs .candidapec-pop-in .form-group.message-object {
    margin-bottom: 40px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .form-group small,
.candidapec #recruteurs .candidapec-pop-in .form-group small {
    float: right;
    font-size: 12px;
    color: #999999;
}
.theme-recruteur #recruteurs .search-research,
.candidapec #recruteurs .search-research {
    margin: 20px 0px;
}
.theme-recruteur #recruteurs .search-research label,
.candidapec #recruteurs .search-research label {
    margin: 0;
    vertical-align: middle;
    font-weight: 700;
}
.theme-recruteur #recruteurs .candidapec-pop-in .search-select,
.candidapec #recruteurs .candidapec-pop-in .search-select {
    margin-left: 10px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .search-select .btn,
.candidapec #recruteurs .candidapec-pop-in .search-select .btn {
    white-space: nowrap;
    padding: 10px;
}
.theme-recruteur #recruteurs .candidapec-pop-in .search-alert,
.candidapec #recruteurs .candidapec-pop-in .search-alert {
    margin-top: 15px;
    color: #ec4f29;
}
@media screen and (max-width: 768px) {
    .theme-recruteur,
    .candidapec {
        /*Pop-in Proposer*/
        /*Share*/
        /*Contacter Sent*/
    }
    .theme-recruteur #recruteurs .candidapec-pop-in .modal-dialog,
    .candidapec #recruteurs .candidapec-pop-in .modal-dialog {
        margin: 0;
        height: 100%;
    }
    .theme-recruteur #recruteurs .candidapec-pop-in .modal-content,
    .theme-recruteur #recruteurs .candidapec-pop-in .modal-body,
    .candidapec #recruteurs .candidapec-pop-in .modal-content,
    .candidapec #recruteurs .candidapec-pop-in .modal-body {
        height: auto;
    }
    .theme-recruteur #recruteurs .candidapec-pop-in .modal-content,
    .candidapec #recruteurs .candidapec-pop-in .modal-content {
        border-radius: 0px;
        height: 100%;
        background-color: #fff;
    }
    .theme-recruteur #recruteurs .candidapec-pop-in .modal-body .search-block input,
    .candidapec #recruteurs .candidapec-pop-in .modal-body .search-block input {
        margin-bottom: 15px;
    }
    .theme-recruteur #recruteurs .radio-choice p,
    .candidapec #recruteurs .radio-choice p {
        float: left;
        left: 25px;
        margin-top: 5px;
    }
    .theme-recruteur #recruteurs .offer-choice .candidapec-tri,
    .candidapec #recruteurs .offer-choice .candidapec-tri {
        float: right;
    }
    .theme-recruteur #recruteurs #candidapec .radio label::after,
    .candidapec #recruteurs #candidapec .radio label::after {
        top: -3px;
    }
    .theme-recruteur #recruteurs .icon-search,
    .candidapec #recruteurs .icon-search {
        display: inline-block;
        vertical-align: top;
    }
    .theme-recruteur #recruteurs .search-question,
    .candidapec #recruteurs .search-question {
        display: inline-block;
        width: 80%;
        margin: 0px 0px 20px 10px;
    }
    .theme-recruteur #recruteurs .square-button,
    .candidapec #recruteurs .square-button {
        width: 100%;
        text-align: center;
        padding: 15px;
    }
    .theme-recruteur #recruteurs .modal-title a,
    .candidapec #recruteurs .modal-title a {
        margin-left: 45px;
        margin-top: 10px;
        display: inline-block;
    }
    .theme-recruteur #recruteurs .offer-radios,
    .candidapec #recruteurs .offer-radios {
        margin-bottom: 30px;
    }
}
.theme-recruteur .slider,
.candidapec .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.theme-recruteur .slider.slider-horizontal,
.candidapec .slider.slider-horizontal {
    width: 210px;
    height: 20px;
}
.theme-recruteur .slider.slider-horizontal .slider-track,
.candidapec .slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}
.theme-recruteur .slider.slider-horizontal .slider-selection,
.theme-recruteur .slider.slider-horizontal .slider-track-low,
.theme-recruteur .slider.slider-horizontal .slider-track-high,
.candidapec .slider.slider-horizontal .slider-selection,
.candidapec .slider.slider-horizontal .slider-track-low,
.candidapec .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}
.theme-recruteur .slider.slider-horizontal .slider-tick,
.theme-recruteur .slider.slider-horizontal .slider-handle,
.candidapec .slider.slider-horizontal .slider-tick,
.candidapec .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
}
.theme-recruteur .slider.slider-horizontal .slider-tick.triangle,
.theme-recruteur .slider.slider-horizontal .slider-handle.triangle,
.candidapec .slider.slider-horizontal .slider-tick.triangle,
.candidapec .slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}
.theme-recruteur .slider.slider-horizontal .slider-tick-container,
.candidapec .slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.theme-recruteur .slider.slider-horizontal .slider-tick-label-container,
.candidapec .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}
.theme-recruteur .slider.slider-horizontal .slider-tick-label-container .slider-tick-label,
.candidapec .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}
.theme-recruteur .slider.slider-horizontal.slider-rtl .slider-track,
.candidapec .slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0;
}
.theme-recruteur .slider.slider-horizontal.slider-rtl .slider-tick,
.theme-recruteur .slider.slider-horizontal.slider-rtl .slider-handle,
.candidapec .slider.slider-horizontal.slider-rtl .slider-tick,
.candidapec .slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px;
}
.theme-recruteur .slider.slider-horizontal.slider-rtl .slider-tick-container,
.candidapec .slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0;
}
.theme-recruteur .slider.slider-vertical,
.candidapec .slider.slider-vertical {
    height: 210px;
    width: 20px;
}
.theme-recruteur .slider.slider-vertical .slider-track,
.candidapec .slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0;
}
.theme-recruteur .slider.slider-vertical .slider-selection,
.candidapec .slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.theme-recruteur .slider.slider-vertical .slider-track-low,
.theme-recruteur .slider.slider-vertical .slider-track-high,
.candidapec .slider.slider-vertical .slider-track-low,
.candidapec .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}
.theme-recruteur .slider.slider-vertical .slider-tick,
.theme-recruteur .slider.slider-vertical .slider-handle,
.candidapec .slider.slider-vertical .slider-tick,
.candidapec .slider.slider-vertical .slider-handle {
    margin-top: -10px;
}
.theme-recruteur .slider.slider-vertical .slider-tick.triangle,
.theme-recruteur .slider.slider-vertical .slider-handle.triangle,
.candidapec .slider.slider-vertical .slider-tick.triangle,
.candidapec .slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    border-right-color: #0480be;
    margin-left: 0;
    margin-right: 0;
}
.theme-recruteur .slider.slider-vertical .slider-tick-label-container,
.candidapec .slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
}
.theme-recruteur .slider.slider-vertical .slider-tick-label-container .slider-tick-label,
.candidapec .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
}
.theme-recruteur .slider.slider-vertical.slider-rtl .slider-track,
.candidapec .slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%;
}
.theme-recruteur .slider.slider-vertical.slider-rtl .slider-selection,
.candidapec .slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0;
}
.theme-recruteur .slider.slider-vertical.slider-rtl .slider-tick.triangle,
.theme-recruteur .slider.slider-vertical.slider-rtl .slider-handle.triangle,
.candidapec .slider.slider-vertical.slider-rtl .slider-tick.triangle,
.candidapec .slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0;
}
.theme-recruteur .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label,
.candidapec .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px;
}
.theme-recruteur .slider.slider-disabled .slider-handle,
.candidapec .slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
}
.theme-recruteur .slider.slider-disabled .slider-track,
.candidapec .slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    cursor: not-allowed;
}
.theme-recruteur .slider input,
.candidapec .slider input {
    display: none;
}
.theme-recruteur .slider .tooltip.top,
.candidapec .slider .tooltip.top {
    margin-top: -36px;
}
.theme-recruteur .slider .tooltip-inner,
.candidapec .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}
.theme-recruteur .slider .hide,
.candidapec .slider .hide {
    display: none;
}
.theme-recruteur .slider-track,
.candidapec .slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.theme-recruteur .slider-selection,
.candidapec .slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.theme-recruteur .slider-selection.tick-slider-selection,
.candidapec .slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
}
.theme-recruteur .slider-track-low,
.theme-recruteur .slider-track-high,
.candidapec .slider-track-low,
.candidapec .slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.theme-recruteur .slider-handle,
.candidapec .slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 0px solid transparent;
}
.theme-recruteur .slider-handle.round,
.candidapec .slider-handle.round {
    border-radius: 50%;
}
.theme-recruteur .slider-handle.triangle,
.candidapec .slider-handle.triangle {
    background: transparent none;
}
.theme-recruteur .slider-handle.custom,
.candidapec .slider-handle.custom {
    background: transparent none;
}
.theme-recruteur .slider-handle.custom::before,
.candidapec .slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: "★";
    color: #726204;
}
.theme-recruteur .slider-tick,
.candidapec .slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}
.theme-recruteur .slider-tick.round,
.candidapec .slider-tick.round {
    border-radius: 50%;
}
.theme-recruteur .slider-tick.triangle,
.candidapec .slider-tick.triangle {
    background: transparent none;
}
.theme-recruteur .slider-tick.custom,
.candidapec .slider-tick.custom {
    background: transparent none;
}
.theme-recruteur .slider-tick.custom::before,
.candidapec .slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: "★";
    color: #726204;
}
.theme-recruteur .slider-tick.in-selection,
.candidapec .slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    opacity: 1;
}
.theme-recruteur #recruteurs .ng-table-pager,
.candidapec #recruteurs .ng-table-pager {
    margin: 0 auto;
    display: block;
}
.theme-recruteur #recruteurs ul.pagination,
.candidapec #recruteurs ul.pagination {
    border-radius: inherit;
    /*border-bottom: 2px solid #f1f1f1;*/
}
.theme-recruteur #recruteurs ul.pagination li a,
.candidapec #recruteurs ul.pagination li a {
    padding: 7px;
    vertical-align: middle;
}
.theme-recruteur #recruteurs ul.pagination > li:first-child > a,
.theme-recruteur #recruteurs ul.pagination > li:last-child > a,
.candidapec #recruteurs ul.pagination > li:first-child > a,
.candidapec #recruteurs ul.pagination > li:last-child > a {
    background-position-y: 10px;
}
.theme-recruteur #recruteurs ul.pagination > .active > a,
.candidapec #recruteurs ul.pagination > .active > a {
    background-color: #fff;
    color: #000;
}
.theme-recruteur #recruteurs ul.pagination > li a:hover,
.candidapec #recruteurs ul.pagination > li a:hover {
    background-color: #026096;
    color: #fff;
    text-decoration: underline;
}
.theme-recruteur #recruteurs .candidapec-ponderation-criteres,
.candidapec #recruteurs .candidapec-ponderation-criteres {
    margin-top: 40px;
}
.theme-recruteur #recruteurs .affinite-critere,
.candidapec #recruteurs .affinite-critere {
    font-size: 14px;
    margin-top: 25px;
    padding-bottom: 20px;
}
.theme-recruteur .critere-title,
.candidapec .critere-title {
    width: 120px;
    text-align: right;
    padding-top: 10px;
}
.theme-recruteur #recruteurs .critere-title p,
.candidapec #recruteurs .critere-title p {
    float: left;
    font-size: 14px;
    padding: 0 30px 0 0;
    text-align: right;
    width: 120px;
    margin-top: 0;
    /*display: inline-block;*/
}
.theme-recruteur .critere-slider,
.candidapec .critere-slider {
    background-color: transparent;
    margin-left: 20px;
    float: left;
}
.theme-recruteur #recruteurs .critere-increase,
.theme-recruteur #recruteurs .critere-slider-component,
.theme-recruteur #recruteurs .critere-decrease,
.candidapec #recruteurs .critere-increase,
.candidapec #recruteurs .critere-slider-component,
.candidapec #recruteurs .critere-decrease {
    float: left;
}
.theme-recruteur #recruteurs .critere-decrease a,
.theme-recruteur #recruteurs .critere-increase a,
.candidapec #recruteurs .critere-decrease a,
.candidapec #recruteurs .critere-increase a {
    font-size: 22px;
    color: #f5b42a;
}
.theme-recruteur #recruteurs .update-affinite,
.candidapec #recruteurs .update-affinite {
    margin: 25px 0 0 160px;
    display: block;
    clear: both;
}
.theme-recruteur #recruteurs .critere-increase,
.candidapec #recruteurs .critere-increase {
    margin-left: 20px;
}
.theme-recruteur #recruteurs .affinite-critere .slider-horizontal,
.candidapec #recruteurs .affinite-critere .slider-horizontal {
    margin-left: 20px;
    margin-right: 20px;
    width: 330px;
}
.theme-recruteur #recruteurs .affinite-critere .slider-tick-label-container,
.candidapec #recruteurs .affinite-critere .slider-tick-label-container {
    display: none;
}
.theme-recruteur #recruteurs .affinite-critere .slider-track,
.candidapec #recruteurs .affinite-critere .slider-track {
    display: none;
}
.theme-recruteur #recruteurs .affinite-critere .slider-tick,
.theme-recruteur #recruteurs .affinite-critere .slider-handle,
.theme-recruteur #recruteurs .affinite-critere .slider-tick.in-selection,
.candidapec #recruteurs .affinite-critere .slider-tick,
.candidapec #recruteurs .affinite-critere .slider-handle,
.candidapec #recruteurs .affinite-critere .slider-tick.in-selection {
    width: 15px;
    height: 15px;
    box-shadow: initial;
}
.theme-recruteur #recruteurs .affinite-critere .slider-tick,
.candidapec #recruteurs .affinite-critere .slider-tick {
    background-image: initial;
    background-color: #e0e0e0;
    border: 1px solid #bebdbd;
}
.theme-recruteur #recruteurs .affinite-critere .slider-tick.in-selection,
.candidapec #recruteurs .affinite-critere .slider-tick.in-selection {
    background-image: initial;
    background-color: #000;
    border: 1px solid #000;
}
.theme-recruteur #recruteurs .affinite-critere .slider-handle,
.candidapec #recruteurs .affinite-critere .slider-handle {
    background-image: initial;
    background-color: #000;
    border: 1px solid #000;
}
.theme-recruteur #recruteurs .affinite-critere .slider-tick.active,
.candidapec #recruteurs .affinite-critere .slider-tick.active {
    background-image: initial;
    background-color: #117d92;
    border: 1px solid #117d92;
}
.theme-recruteur #recruteurs .update-affinite .button-flat-blue,
.candidapec #recruteurs .update-affinite .button-flat-blue {
    margin: 0;
    background-color: #fff;
    color: #026096;
    border: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
    .theme-recruteur #recruteurs .critere-title,
    .candidapec #recruteurs .critere-title {
        text-align: left;
        text-align: right;
        display: inline-block;
        width: 90px;
        margin: 5px 0;
    }
    .theme-recruteur #recruteurs .affinite-critere .critere-score,
    .candidapec #recruteurs .affinite-critere .critere-score {
        font-size: 20px;
        font-weight: bold;
        float: left;
        margin: 10px 0 0 0;
        text-align: right;
    }
    .theme-recruteur #recruteurs .affinite-critere .critere-increase,
    .theme-recruteur #recruteurs .affinite-critere .critere-decrease,
    .candidapec #recruteurs .affinite-critere .critere-increase,
    .candidapec #recruteurs .affinite-critere .critere-decrease {
        width: 57px;
        height: 25px;
        background-color: #f7b500;
        border-radius: 6px;
        text-align: center;
        margin: 10px 0;
    }
    .theme-recruteur #recruteurs .affinite-critere .critere-increase,
    .candidapec #recruteurs .affinite-critere .critere-increase {
        margin-left: 5px;
    }
    .theme-recruteur #recruteurs .affinite-critere .critere-increase a,
    .theme-recruteur #recruteurs .affinite-critere .critere-decrease a,
    .candidapec #recruteurs .affinite-critere .critere-increase a,
    .candidapec #recruteurs .affinite-critere .critere-decrease a {
        color: #fff;
        margin-bottom: 5px;
    }
    .theme-recruteur #recruteurs .update-affinite,
    .candidapec #recruteurs .update-affinite {
        margin: initial;
    }
    .theme-recruteur #recruteurs .update-affinite .button-flat-blue,
    .candidapec #recruteurs .update-affinite .button-flat-blue {
        width: 270px;
        margin: 0 auto;
    }
    .theme-recruteur table#gestion-offres td.matching::before,
    .candidapec table#gestion-offres td.matching::before {
        content: "";
    }
    .theme-recruteur #recruteurs .button-matching-dimension,
    .candidapec #recruteurs .button-matching-dimension {
        min-width: 86px;
        min-height: 24px;
        font-size: 12px;
    }
}
.theme-recruteur #recruteurs .coming-soon,
.candidapec #recruteurs .coming-soon {
    display: none;
}
.theme-recruteur .disabled,
.candidapec .disabled {
    opacity: 0.5;
}
.theme-recruteur .filter-single p,
.candidapec .filter-single p {
    font-family: "Roboto", "Sans-serif";
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    color: #0e6c8a;
    margin-top: 5px;
}
.theme-recruteur .filter-single,
.candidapec .filter-single {
    margin-bottom: 20px;
}
.theme-recruteur .filter-single:last-child,
.candidapec .filter-single:last-child {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .theme-recruteur .filter-single p,
    .candidapec .filter-single p {
        text-align: center;
        margin-bottom: 20px;
    }
}
.theme-recruteur .rz-slider rzslider,
.candidapec .rz-slider rzslider {
    margin-top: 10px;
}
.theme-recruteur .priorites-affinite,
.candidapec .priorites-affinite {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: #e9eef1;
    margin: auto;
    width: 100%;
    padding: 30px;
}
.theme-recruteur .priorites-affinite .item-header,
.candidapec .priorites-affinite .item-header {
    margin-bottom: 30px;
}
.theme-recruteur .priorites-affinite .item-header h4,
.candidapec .priorites-affinite .item-header h4 {
    color: #0e6c8a;
    font-size: 24px;
    font-family: "Roboto", "Sans-serif";
}
.theme-recruteur .priorites-affinite .item-header p,
.candidapec .priorites-affinite .item-header p {
    font-family: "Roboto", "Sans-serif";
    color: #0e6c8a;
    font-size: 18px;
}
.theme-recruteur .gerer-vos-offres .slide-toggle-label,
.candidapec .gerer-vos-offres .slide-toggle-label {
    justify-content: flex-start;
}
.theme-recruteur .bootstrap-select.candidapec-tri:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.candidapec .bootstrap-select.candidapec-tri:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}
.theme-recruteur .bootstrap-select.candidapec-tri > .dropdown-toggle,
.candidapec .bootstrap-select.candidapec-tri > .dropdown-toggle {
    width: auto;
    border: none;
    background-color: white;
    box-shadow: none;
    margin-bottom: 0px;
    color: #00758b;
    padding-right: 15px;
}
.theme-recruteur .bootstrap-select.candidapec-tri .dropdown-toggle:focus,
.candidapec .bootstrap-select.candidapec-tri .dropdown-toggle:focus {
    outline: none !important;
}
.theme-recruteur .candidapec-tri.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.candidapec .candidapec-tri.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: auto;
}
.theme-recruteur .candidapec-tri,
.candidapec .candidapec-tri {
    border: none;
    background-color: white;
    box-shadow: none;
    margin-bottom: 0px;
    color: #00758b;
}
.theme-recruteur .bootstrap-select.btn-group.candidapec-tri .dropdown-toggle .caret,
.candidapec .bootstrap-select.btn-group.candidapec-tri .dropdown-toggle .caret {
    right: 0px;
}
.theme-recruteur .actualLink,
.candidapec .actualLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.theme-recruteur .disabled-button,
.candidapec .disabled-button {
    pointer-events: none;
    opacity: 0.5;
}
.theme-recruteur .noUi-target,
.theme-recruteur .noUi-target *,
.candidapec .noUi-target,
.candidapec .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;
}
.theme-recruteur .noUi-target,
.candidapec .noUi-target {
    position: relative;
    direction: ltr;
}
.theme-recruteur .noUi-base,
.theme-recruteur .noUi-connects,
.candidapec .noUi-base,
.candidapec .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: #cccccc;
}
.theme-recruteur .noUi-connects,
.candidapec .noUi-connects {
    overflow: hidden;
    z-index: 0;
}
.theme-recruteur .noUi-connect,
.theme-recruteur .noUi-origin,
.candidapec .noUi-connect,
.candidapec .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;
}
.theme-recruteur .noUi-horizontal .noUi-origin,
.candidapec .noUi-horizontal .noUi-origin {
    height: 0;
}
.theme-recruteur .noUi-handle,
.candidapec .noUi-handle {
    position: absolute;
}
.theme-recruteur .noUi-state-tap .noUi-connect,
.theme-recruteur .noUi-state-tap .noUi-origin,
.candidapec .noUi-state-tap .noUi-connect,
.candidapec .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}
.theme-recruteur .noUi-state-drag *,
.candidapec .noUi-state-drag * {
    cursor: inherit !important;
}
.theme-recruteur .noUi-horizontal,
.candidapec .noUi-horizontal {
    height: 6px;
}
.theme-recruteur .noUi-draggable,
.candidapec .noUi-draggable {
    cursor: ew-resize;
}
.theme-recruteur .noUi-target,
.candidapec .noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.theme-recruteur .noUi-connects,
.candidapec .noUi-connects {
    border-radius: 2px;
}
.theme-recruteur .noUi-connect,
.candidapec .noUi-connect {
    background: #026096;
}
.theme-recruteur .noUi-handle,
.candidapec .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;
}
.theme-recruteur .noUi-active,
.candidapec .noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
.theme-recruteur .noUi-handle-upper:after,
.candidapec .noUi-handle-upper:after {
    position: absolute;
    top: -3px;
    left: 5px;
    content: "+";
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}
.theme-recruteur .slider-localisation .noUi-handle-lower:after,
.candidapec .slider-localisation .noUi-handle-lower:after {
    position: absolute;
    top: -5px;
    left: 7px;
    content: "";
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}
.theme-recruteur .noUi-handle-lower:after,
.candidapec .noUi-handle-lower:after {
    position: absolute;
    top: -5px;
    left: 7px;
    content: "-";
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}
.theme-recruteur [disabled] .noUi-connect,
.candidapec [disabled] .noUi-connect {
    background: #b8b8b8;
}
.theme-recruteur [disabled].noUi-target,
.theme-recruteur [disabled].noUi-handle,
.theme-recruteur [disabled] .noUi-handle,
.candidapec [disabled].noUi-target,
.candidapec [disabled].noUi-handle,
.candidapec [disabled] .noUi-handle {
    cursor: not-allowed;
}
.theme-recruteur .noUi-pips,
.theme-recruteur .noUi-pips *,
.candidapec .noUi-pips,
.candidapec .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.theme-recruteur .noUi-pips,
.candidapec .noUi-pips {
    position: absolute;
    color: #999;
}
.theme-recruteur .noUi-value,
.candidapec .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}
.theme-recruteur .noUi-value-sub,
.candidapec .noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}
.theme-recruteur #old-css-container > #old-css-subcontainer .news a img.img-responsive,
.candidapec #old-css-container > #old-css-subcontainer .news a img.img-responsive {
    max-width: 100%;
}
.theme-recruteur #recruteurs #col-md-3-social img,
.candidapec #recruteurs #col-md-3-social img {
    margin: auto;
}
.theme-recruteur #recruteurs .button-matching-dimension,
.candidapec #recruteurs .button-matching-dimension {
    min-width: 86px;
    min-height: 24px;
    font-size: 12px;
}
.theme-recruteur #recruteurs .button-envoyer-offre,
.candidapec #recruteurs .button-envoyer-offre {
    color: #00758b;
}
.theme-recruteur #recruteurs .button-envoyer-offre:hover,
.candidapec #recruteurs .button-envoyer-offre:hover {
    color: #000;
}
.theme-recruteur #recruteurs .button-envoyer-offre[disabled],
.candidapec #recruteurs .button-envoyer-offre[disabled] {
    color: #afafaf;
}
.theme-recruteur .hour-picker-min-height,
.candidapec .hour-picker-min-height {
    min-height: 260px;
    background-color: #e9eef1;
    padding: 2% 5% 4% 3%;
    border-radius: 5px;
}
.theme-recruteur .hour-picker-heading,
.candidapec .hour-picker-heading {
    margin-bottom: 20px;
}
.theme-recruteur .hour-picker-heading-note,
.candidapec .hour-picker-heading-note {
    display: inline;
}
.theme-recruteur .confirmation-demande-rdv,
.candidapec .confirmation-demande-rdv {
    background-color: #ffffff;
    border: none;
    font-family: Arial, sans-serif;
    padding: 0px;
}
.theme-recruteur .hour-picker-error,
.candidapec .hour-picker-error {
    margin-left: -350px;
}
@media (max-width: 768px) {
    .theme-recruteur .hour-picker,
    .candidapec .hour-picker {
        width: 100%;
        height: auto;
    }
    .theme-recruteur .hour-picker-error,
    .candidapec .hour-picker-error {
        margin-left: auto;
    }
}
.theme-recruteur .filter-chips,
.candidapec .filter-chips {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.theme-recruteur .filter-chips .title-filter-chips,
.candidapec .filter-chips .title-filter-chips {
    white-space: nowrap;
}
.theme-recruteur .filter-chips .body-filter-chips,
.candidapec .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;
}
.theme-recruteur .filter-chips span,
.candidapec .filter-chips span {
    font-family: "Montserrat-regular", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 20px;
}
.theme-recruteur .filter-chips .title-filter-chips span,
.candidapec .filter-chips .title-filter-chips span {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.theme-recruteur .badge,
.candidapec .badge {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    line-height: 24px;
    padding: 0 10px 0 10px;
    margin: 0 12px 10px 0 !important;
}
.theme-recruteur .badge.badge-light,
.candidapec .badge.badge-light {
    background: transparent;
    border: 1px solid #1b3244;
    color: #1b3244;
}
.theme-recruteur .badge.badge-light a,
.candidapec .badge.badge-light a {
    color: #1b3244;
    margin-left: 10px;
}
.theme-recruteur .badge.badge-danger,
.candidapec .badge.badge-danger {
    background: transparent;
    border: 1px solid #f26446;
    color: #f26446;
}
.theme-recruteur .badge.badge-danger a,
.candidapec .badge.badge-danger a {
    color: #f26446;
    margin-left: 10px;
}
.theme-recruteur input#inputHiddenContent,
.theme-recruteur #inputShownContent,
.candidapec input#inputHiddenContent,
.candidapec #inputShownContent {
    display: none;
}
.theme-recruteur span#spanHiddenContent,
.candidapec span#spanHiddenContent {
    display: none;
}
.theme-recruteur input#inputShownContent:checked ~ span#spanHiddenContent,
.candidapec input#inputShownContent:checked ~ span#spanHiddenContent {
    display: block;
}
.theme-recruteur input#inputHiddenContent:checked ~ span#spanHiddenContent,
.candidapec input#inputHiddenContent:checked ~ span#spanHiddenContent {
    display: none;
}
.theme-recruteur input#inputShownContent:checked ~ #seeMore label,
.candidapec input#inputShownContent:checked ~ #seeMore label {
    display: none;
}
.theme-recruteur input#inputHiddenContent2,
.theme-recruteur #inputShownContent2,
.candidapec input#inputHiddenContent2,
.candidapec #inputShownContent2 {
    display: none;
}
.theme-recruteur span#spanHiddenContent2,
.candidapec span#spanHiddenContent2 {
    display: none;
}
.theme-recruteur input#inputShownContent2:checked ~ span#spanHiddenContent2,
.candidapec input#inputShownContent2:checked ~ span#spanHiddenContent2 {
    display: block;
}
.theme-recruteur input#inputHiddenContent2:checked ~ span#spanHiddenContent2,
.candidapec input#inputHiddenContent2:checked ~ span#spanHiddenContent2 {
    display: none;
}
.theme-recruteur input#inputShownContent2:checked ~ #seeMore label,
.candidapec input#inputShownContent2:checked ~ #seeMore label {
    display: none;
}
.theme-recruteur input#inputHiddenContent3,
.theme-recruteur #inputShownContent3,
.candidapec input#inputHiddenContent3,
.candidapec #inputShownContent3 {
    display: none;
}
.theme-recruteur span#spanHiddenContent3,
.candidapec span#spanHiddenContent3 {
    display: none;
}
.theme-recruteur input#inputShownContent3:checked ~ span#spanHiddenContent3,
.candidapec input#inputShownContent3:checked ~ span#spanHiddenContent3 {
    display: block;
}
.theme-recruteur input#inputHiddenContent3:checked ~ span#spanHiddenContent3,
.candidapec input#inputHiddenContent3:checked ~ span#spanHiddenContent3 {
    display: none;
}
.theme-recruteur input#inputShownContent3:checked ~ #seeMore label,
.candidapec input#inputShownContent3:checked ~ #seeMore label {
    display: none;
}
.theme-recruteur .details-post .added-skills-container,
.candidapec .details-post .added-skills-container {
    border: none;
    padding: 0 !important;
    display: block;
}
.theme-recruteur .details-post label,
.candidapec .details-post label {
    cursor: pointer;
}
.theme-recruteur .details-post #seeMore > p,
.candidapec .details-post #seeMore > p {
    text-align: center;
}
.theme-recruteur .details-post #spanHiddenContent > p,
.candidapec .details-post #spanHiddenContent > p {
    text-align: center;
}
.theme-recruteur .details-post #spanHiddenContent2 > p,
.candidapec .details-post #spanHiddenContent2 > p {
    text-align: center;
}
.theme-recruteur .details-post #spanHiddenContent3 > p,
.candidapec .details-post #spanHiddenContent3 > p {
    text-align: center;
}
.theme-recruteur .details-post label span,
.candidapec .details-post label span {
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
.theme-recruteur .flex-collapse,
.candidapec .flex-collapse {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.theme-recruteur .flex-collapse > p,
.candidapec .flex-collapse > p {
    padding-top: 7px;
    padding-bottom: 7px;
}

/********************* Tous les critères (modal) *********************/
/* @todo Voir où c'est utilisé ! et suppr si possible */
#recruteurs.candidapec .modal-backdrop.in {
    opacity: 0.6;
}

#recruteurs.candidapec #candidapec-criteres .modal-dialog {
    max-width: 1170px;
    width: 100%;
    height: 900px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fbfaf8;
}

#recruteurs.candidapec #candidapec-criteres .modal-content {
    width: 1170px;
    background-color: #fbfaf8;
    padding: 20px;
    margin-bottom: 450px;
}

#recruteurs.candidapec #candidapec-criteres .modal-content.page.detail-recherche {
    margin-bottom: 150px !important;
}

@media screen and (max-width: 768px) {
    #recruteurs .candidate-action .action-label {
        width: 100%;
        text-align: center;
    }
    #recruteurs .candidate-action-dropdown {
        width: 100%;
        margin-bottom: 0px;
    }
    #recruteurs .candidate-action .select-all {
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
}
/* ************************************************************** Candidapec ********************************************************************************** */
/* template Apec digital TS */
@media (min-width: 1200px) {
    body#recruteurs.candidapec .containerFullWidth {
        width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    div#candidapec.container {
        width: 1170px;
    }
    section#results-content.container {
        width: 1170px;
        padding-left: 0;
    }
}
#recruteurs .unable_link {
    color: #87b8be;
}

#recruteurs * {
    outline: none;
}

#recruteurs #candidapec ul li {
    background-image: none;
}

#recruteurs #candidapec #cgvAcceptees {
    display: inline-block;
}

/*Pictos*/
#recruteurs .head-button {
    border: 1px solid #e0e0e0;
    padding: 15px 0px;
    margin: 0;
    font-size: 14px;
}

#recruteurs .picto-left {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0px 0 0px 25px;
}

#recruteurs .picto-right {
    background-position: 57px 0;
    background-repeat: no-repeat;
    padding: 0px 25px 0px 0px;
}

#recruteurs .picto-back {
    background-image: url(../../img/angular/candidapec/icons/back.png);
}

#recruteurs .picto-retenir_grey {
    background-image: url(../../img/angular/candidapec/icons/retenir_grey.png);
}

#recruteurs .picto-retenir_red {
    background-image: url(../../img/angular/candidapec/icons/retenir.png);
}

#recruteurs .picto-ecarter_blue {
    background-image: url(../../img/angular/candidapec/icons/ecarter_blue.png);
}

#recruteurs .picto-contacter_blue {
    background-image: url(../../img/angular/candidapec/icons/contacter_blue.png);
}

#recruteurs .picto-previous {
    background-image: url(../../img/angular/candidapec/icons/previous.png);
}

#recruteurs .picto-next {
    background-image: url(../../img/angular/candidapec/icons/next.png);
}

#recruteurs .picto-edit {
    background-image: url(../../img/angular/candidapec/icons/edit.png);
}

#recruteurs .picto-print {
    background-image: url(../../img/angular/candidapec/icons/print.png);
}

#recruteurs .picto-retenir {
    background-image: url(../../img/angular/candidapec/icons/retenir.png);
}

#recruteurs .picto-retenir-sticky {
    background-image: url(../../img/angular/candidapec/icons/retenir.png);
    background-position-x: 4px;
}

#recruteurs .action-buttons.a:hover {
    color: #fff;
}

#recruteurs .picto-ecarter {
    background-image: url(../../img/angular/candidapec/icons/ecarter.png);
}

#recruteurs .picto-ecarter-sticky {
    background-image: url(../../img/angular/candidapec/icons/ecarter.png);
    background-position-x: 6px;
}

#recruteurs .picto-contacter {
    background-image: url(../../img/angular/candidapec/icons/contacter.png);
}

#recruteurs .picto-contacter-sticky {
    background-image: url(../../img/angular/candidapec/icons/contacter.png);
    background-position-x: 4px;
}

#recruteurs .picto-select {
    background-image: url(../../img/angular/candidapec/icons/select.png);
}

#recruteurs .picto-clock {
    background-image: url(../../img/angular/candidapec/icons/clock.png);
}

/* ************************************************************** Page pivot ********************************************************************************** */
#pagePivotParcoursOffre a {
    font-size: 14px;
    font-size: 1.4rem;
}

#pagePivotParcoursOffre .card-choix-offre .panel-footer button {
    white-space: normal;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#pagePivotParcoursOffre .recruiter-offers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    flex-direction: column;
}
@media screen and (min-width: 991px) {
    #pagePivotParcoursOffre .recruiter-offers-list {
        flex-direction: row;
        align-items: flex-end;
    }
}

#pagePivotParcoursOffre .recruiter-offers-list > div:not(:first-of-type) {
    flex: 1;
}

#pagePivotParcoursOffre .recruiter-offers-list > div:first-of-type {
    align-self: center;
    margin-bottom: 1rem;
}
@media screen and (min-width: 991px) {
    #pagePivotParcoursOffre .recruiter-offers-list > div:first-of-type {
        align-self: flex-start;
        margin-left: 4%;
        margin-bottom: 0;
    }
}

#pagePivotParcoursOffre .tab .tab-content {
    border-top: 1px solid #ebe7dd;
    padding-top: 10px;
}

/*#pagePivotParcoursOffre .panel-vertical-margin {
  margin-top: 5%;
}*/
.recruiter-offers-item:nth-of-type(2) .panel-body {
    min-height: 230px;
}
.recruiter-offers-item:nth-of-type(3) .panel-body {
    min-height: 260px;
}
.recruiter-offers-item:nth-of-type(4) .panel-body {
    min-height: 290px;
}

#pagePivotParcoursOffre .card-choix-offre {
    background-color: #f7f4ec;
}

#pagePivotParcoursOffre .card-choix-offre .panel-heading {
    /*background-color: #2a7788;*/
    background-color: #999999;
    color: #fff;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pagePivotParcoursOffre .card-choix-offre-focus .panel-heading {
    background-color: #117e93;
    color: #fff;
}

#pagePivotParcoursOffre .card-choix-offre .panel-body {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
}
#pagePivotParcoursOffre .card-choix-offre .panel-body p {
    padding: 1rem;
}

#pagePivotParcoursOffre .card-choix-offre .panel-footer {
    min-height: 50px;
    padding: 0;
}

#pagePivotParcoursOffre .card-choix-offre .panel-footer button {
    border-radius: 0;
    min-height: 50px;
    margin: 0;
    width: 100%;
    /* from rec1 */
    white-space: normal;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* end from rec1 */
}

#pagePivotParcoursOffre #comparaison td.choix-service:last-child .btn-secondary {
    background-color: #fdc300;
    color: #232558;
    border: none;
    text-decoration: none;
    outline: 0;
    border-radius: 3px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: normal;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 20rem;
    width: fit-content;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}
#pagePivotParcoursOffre #comparaison td.choix-service:last-child .btn-secondary:hover {
    transition: all 0.3s ease;
    background-color: #ffd038;
    color: #232558;
    text-decoration: none;
}
#pagePivotParcoursOffre #comparaison td.choix-service:last-child .btn-secondary:focus {
    box-shadow: none;
    outline: none;
    border: none;
}
#pagePivotParcoursOffre #comparaison td.choix-service:last-child .btn-secondary:active:focus {
    box-shadow: none !important;
}
#pagePivotParcoursOffre #comparaison td.choix-service:last-child .btn-secondary.btn-negative {
    border: 1px solid #ffffff;
}
@media screen and (max-width: 991px) {
    #pagePivotParcoursOffre #comparaison .btn-secondary {
        min-width: auto !important;
    }
}

.theme-recruteur .panel {
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.theme-recruteur .gerer-vos-offres .accordion-help .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding-left: 0;
}
.theme-recruteur .gerer-vos-offres .accordion-help .panel-default > .panel-heading + .panel-collapse > .panel-body ul:not(.bullet) li {
    padding-left: 0;
}
.theme-recruteur #remuneration .pictoQuestion {
    margin-top: 0 !important;
}
@media (max-width: 460px) {
    .theme-recruteur #creer-offre-service tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .theme-recruteur #creer-offre-service td {
        width: 100%;
        padding: 0;
    }
    .theme-recruteur #creer-offre-service td.creer-offre-service-name {
        width: 100%;
        padding: 1.5rem 0 0 0;
    }
    .theme-recruteur #creer-offre-service td.creer-offre-service-name .radio {
        margin: 0;
    }
    .theme-recruteur .recapitulatif .comp_chart-radar span {
        width: 5rem;
        height: 5rem;
    }
}

/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.theme-evenements main {
    background: url("../../img/edito/bg/bg-event.png") no-repeat right top fixed;
    background-size: cover;
}
.theme-evenements .side-nav .side-nav__links-cta li.cta-evenements {
    margin-bottom: 20px;
    border-top: none;
}
.theme-evenements .small-link {
    color: #005795;
}
.theme-evenements a.small-link:hover {
    color: #003a5d;
}
.theme-evenements svg {
    fill: #005795;
}
.theme-evenements h1,
.theme-evenements h2 {
    color: #005795;
}
.theme-evenements .subtitle {
    color: #7997af;
}
.theme-evenements .btn-primary,
.theme-evenements .btn-primary:active,
.theme-evenements .btn-primary:focus {
    background-color: #005795 !important;
}
.theme-evenements .btn-primary:hover,
.theme-evenements .btn-primary:active:hover,
.theme-evenements .btn-primary:focus:hover {
    background-color: #003a5d !important;
}
.theme-evenements .btn-primary.btn-negative,
.theme-evenements .btn-primary:active.btn-negative,
.theme-evenements .btn-primary:focus.btn-negative {
    background-color: #005795 !important;
    border-color: #ffffff !important;
}
.theme-evenements .btn-primary.btn-negative:hover,
.theme-evenements .btn-primary:active.btn-negative:hover,
.theme-evenements .btn-primary:focus.btn-negative:hover {
    background-color: #ffffff !important;
    color: #005795 !important;
}
.theme-evenements .btn-secondary,
.theme-evenements .btn-secondary:active,
.theme-evenements .btn-secondary:focus {
    color: #005795 !important;
    background-color: #ffffff !important;
    border-color: #005795 !important;
}
.theme-evenements .btn-secondary:hover,
.theme-evenements .btn-secondary:active:hover,
.theme-evenements .btn-secondary:focus:hover {
    background-color: #005795 !important;
    color: #ffffff !important;
}
.theme-evenements .rich-text a {
    color: #005795;
}
.theme-evenements .rich-text ul li::before {
    content: "•";
    color: #005795;
}
.theme-evenements .rich-text ol li::before {
    background: #005795;
}
.theme-evenements .wrapper-details-event h4,
.theme-evenements .wrapper-details-event h3 {
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.theme-evenements .wrapper-details-event .details-event-right h4 {
    margin-bottom: 16px;
}
.theme-evenements .wrapper-details-event .events {
    margin: 0;
    min-height: auto;
    flex-flow: row;
}
.theme-evenements .wrapper-details-event .events .event-date {
    flex-basis: auto;
    border-right: none;
    padding: 0;
}
.theme-evenements .wrapper-details-event .events .event-details {
    padding: 0 20px;
    width: auto;
}
.theme-evenements .wrapper-details-event .details-event ul li svg {
    fill: #232558;
    margin-right: 13px;
    width: 20px;
}
.theme-evenements .wrapper-details-event .details-event ul li span {
    width: calc(100% - 20px);
}
.theme-evenements .card-transaction .transaction-details {
    background-color: rgba(0, 87, 149, 0.1);
    color: #005795;
}
.theme-evenements .card-transaction .transaction-details span {
    color: #005795;
}
.theme-evenements .card.card-testimony .blockquote ::after,
.theme-evenements .card.card-testimony .blockquote ::before {
    color: #005795;
}
.theme-evenements .menu-link-more a {
    color: #232558;
}

/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.theme-centres a.link {
    color: #71a13a;
}
.theme-centres .bloc-center-detail svg {
    fill: #232558;
}
.theme-centres .card-center {
    background: #ffffff;
    height: 100%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.theme-centres .card-center .card-title {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-transform: uppercase;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    color: #1b3244;
}
.theme-centres .side-nav .side-nav__links-cta li.cta-centres {
    margin-bottom: 20px;
    border-top: none;
}
.theme-centres .small-link {
    color: #71a13a;
}
.theme-centres a.small-link {
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-centres a.small-link:hover {
    color: #232558;
}
.theme-centres svg {
    fill: #232558;
}
.theme-centres h1,
.theme-centres h2 {
    color: #71a13a;
}
.theme-centres h2.title-2 {
    color: #232558;
}
.theme-centres .subtitle {
    color: #7997af;
}
.theme-centres .rich-text a {
    color: #71a13a;
}
.theme-centres .rich-text ul li::before {
    content: "•";
    color: #71a13a;
}
.theme-centres .rich-text ol li::before {
    background: #71a13a;
}
.theme-centres .card-body .call-to-action__container .small-link {
    color: #232558;
}
.theme-centres .article-search .article-form .article-form__input-container .input-group input {
    border: #71a13a solid 1px;
}
.theme-centres .card .card-title.card-gradient {
    background-image: linear-gradient(to right, rgba(27, 55, 68, 0.67), rgba(27, 55, 68, 0.87), #1b3744 155px);
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.theme-centres .container .pl-100 {
    padding-left: 100px;
}
.theme-centres .announcement {
    padding: 20px;
    background: #232558 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.theme-centres .announcement p {
    color: #ffffff;
}
.theme-centres .card-transaction .transaction-details {
    background-color: rgba(113, 161, 58, 0.1);
    color: #71a13a;
}
.theme-centres .card-transaction .transaction-details span {
    color: #71a13a;
}
.theme-centres .card.card-testimony .blockquote ::after,
.theme-centres .card.card-testimony .blockquote ::before {
    color: #71a13a;
}
.theme-centres .menu-link-more a {
    color: #232558;
}

/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.theme-outils {
    /*main {
        background: url('../../img/edito/bg/outils.png') no-repeat right top fixed;
        background-size: cover;
    }*/
}
.theme-outils hr {
    margin-top: 40px;
    width: 100%;
}
.theme-outils .article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item.active, .theme-outils .article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fdc300;
}
.theme-outils h2.title-2 {
    color: #232558;
}
.theme-outils .subtitle {
    color: #7997af;
}
.theme-outils .card.card-testimony .blockquote ::after,
.theme-outils .card.card-testimony .blockquote ::before {
    color: #026096;
}
.theme-outils .card-head {
    -webkit-box-shadow: 1px 3px 6px 0px rgba(146, 146, 146, 0.27);
    box-shadow: 1px 3px 6px 0px rgba(146, 146, 146, 0.27);
}
.theme-outils .card-head .card-head-detail {
    padding: 15px 30px 15px 30px;
}
.theme-outils .card-head .card-head-detail h1 {
    margin: 0;
}
.theme-outils .card-head .card-head-detail .title {
    align-items: center;
}
.theme-outils .card-head .rich-text {
    max-width: 100%;
}
.theme-outils .card-head .rich-text ul {
    display: flex;
    justify-content: space-between;
}
.theme-outils .card-head .rich-text ul li {
    padding-left: 25px;
}
.theme-outils .card-head .rich-text ul li p {
    margin-bottom: 0px;
}
.theme-outils .card-head .rich-text ul li::before {
    background: url(../../img/pictos/functional/plus.svg);
    width: 32px;
    background-size: 100%;
    height: 32px;
    left: -8px;
    top: -6px;
    background-repeat: no-repeat;
    content: "";
}
.theme-outils .card-head .card-head__img img {
    width: 100%;
}
.theme-outils .card-head .card-head__description p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.theme-outils .rich-text ul li {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-outils .rich-text ul li::before {
    content: "•";
    color: #fdc300;
}
.theme-outils .rich-text ul li::before p {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.theme-outils .fiche__information li span.number {
    color: #e73b2b;
}
.theme-outils .card-body .card-text .call-to-action {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    justify-self: flex-end;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
}
.theme-outils .card-transaction .transaction-details {
    background-color: rgba(231, 59, 43, 0.1);
    color: #e73b2b;
}
.theme-outils .card-transaction .transaction-details span {
    color: #e73b2b;
}
.theme-outils .card.card-testimony .blockquote ::after,
.theme-outils .card.card-testimony .blockquote ::before {
    color: #e73b2b;
}
.theme-outils .menu-link-more a {
    color: #232558;
}

/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.theme-tendances .side-nav .side-nav__links-cta li.cta-tendances {
    margin-bottom: 20px;
    border-top: none;
}
.theme-tendances .small-link {
    color: #e869a4;
}
.theme-tendances a.small-link:hover {
    color: #e2388c;
}
.theme-tendances svg {
    fill: #232558;
}
.theme-tendances h1,
.theme-tendances h2 {
    color: #232558;
}
.theme-tendances .card-expert h2 {
    color: #232558;
}
.theme-tendances h2.title-2 {
    color: #232558;
}
.theme-tendances .subtitle {
    color: #7997af;
}
.theme-tendances .link-color {
    color: #e869a4;
    text-decoration: underline;
}
.theme-tendances .link-color:hover {
    color: #e2388c;
}
.theme-tendances .btn-primary,
.theme-tendances .btn-primary:active,
.theme-tendances .btn-primary:focus {
    background-color: #e869a4 !important;
}
.theme-tendances .btn-primary:hover,
.theme-tendances .btn-primary:active:hover,
.theme-tendances .btn-primary:focus:hover {
    background-color: #e2388c !important;
}
.theme-tendances .btn-primary.btn-negative,
.theme-tendances .btn-primary:active.btn-negative,
.theme-tendances .btn-primary:focus.btn-negative {
    background-color: #e869a4 !important;
    border-color: #ffffff !important;
}
.theme-tendances .btn-primary.btn-negative:hover,
.theme-tendances .btn-primary:active.btn-negative:hover,
.theme-tendances .btn-primary:focus.btn-negative:hover {
    background-color: #ffffff !important;
    color: #e869a4 !important;
}
.theme-tendances .btn-secondary,
.theme-tendances .btn-secondary:active,
.theme-tendances .btn-secondary:focus {
    color: #e869a4 !important;
    background-color: #ffffff !important;
    border-color: #e869a4 !important;
}
.theme-tendances .btn-secondary:hover,
.theme-tendances .btn-secondary:active:hover,
.theme-tendances .btn-secondary:focus:hover {
    background-color: #e869a4 !important;
    color: #ffffff !important;
}
.theme-tendances .rich-text a {
    color: #232558;
}
.theme-tendances .rich-text ol li::before {
    background: #e869a4;
}
.theme-tendances .menu-link-more a {
    color: #232558;
}
.theme-tendances .article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item.active, .theme-tendances .article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fdc300;
}
.theme-tendances .card-transaction .transaction-details {
    background-color: rgba(232, 105, 164, 0.1);
    color: #e869a4;
}
.theme-tendances .card-transaction .transaction-details span {
    color: #e869a4;
}
.theme-tendances .card.card-testimony .blockquote ::after,
.theme-tendances .card.card-testimony .blockquote ::before {
    color: #e869a4;
}
.theme-tendances .container-pub {
    background: #232558;
    border-radius: unset;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.theme-tendances .container-pub .pub-msg {
    background: unset;
    position: unset;
    color: #fdc300;
    padding: 20px 20px 10px;
}
.theme-tendances .container-pub .text-pub {
    color: #ffffff;
    padding: 10px 20px 20px;
    font-size: 14px;
    font-size: 1.4rem;
}
.theme-tendances .container-pub .text-pub .small-link {
    color: #ffffff;
    text-decoration: underline;
}
.theme-tendances .container-pub .text-pub .small-link img {
    width: 17px;
}

/* FORM */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.offer-search .form-group {
    margin-bottom: 0;
    width: 100%;
}
.offer-search .form-group .localisation {
    margin-bottom: 0;
    height: 36px;
    border: none;
    outline: 0;
    padding: 0 0 0 15px;
    width: 100%;
}
.offer-search .form-control:disabled,
.offer-search .form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
    outline: none;
    text-decoration: none;
    border: none;
}
.offer-search .offer-form__input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
}
.offer-search .offer-form__input-container input::placeholder {
    color: #7a8999;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.offer-search .offer-form__input-container .offer-form__icon {
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.offer-search .offer-form__input-container img {
    width: 15px;
    height: 15px;
}
.offer-search .offer-form__input-container .btn-search img {
    width: 25px;
    height: auto;
    margin-left: 5px;
}
.offer-search .offer-form > div.flex-column.flex-grow-1 {
    width: calc(100% - 50px);
}
.offer-search .offer-form .custom-switch {
    padding: 0;
}
.offer-search .offer-form input {
    height: 36px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #cfcfcf !important;
    outline: 0;
    padding: 0 0 0 15px;
    width: 100%;
}
.offer-search .offer-form input::-webkit-input-placeholder {
    color: #7997af;
}
.offer-search .offer-form input:-moz-placeholder {
    color: #7997af;
}
.offer-search .offer-form input::-moz-placeholder {
    color: #7997af;
}
.offer-search .offer-form input:-ms-input-placeholder {
    color: #7997af;
}
.offer-search .offer-form .dropdown .dropdown-toggle {
    height: 36px;
    background-color: transparent;
    border: none;
    outline: 0;
    padding: 0 0 0 15px;
    width: 100%;
    color: #7997af;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.offer-search .offer-form .dropdown-toggle::after {
    width: 11px;
    height: 6px;
    top: 15px;
    background: url(../../img/edito/icone/dropdown.svg) no-repeat;
    border: none;
    right: 13px;
    left: auto;
    position: absolute;
    background-size: contain;
}
.offer-search .offer-form .dropdown {
    height: 36px;
}
.offer-search .offer-form .dropdown-menu {
    width: 100%;
    z-index: 1;
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0;
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
}
.offer-search .offer-form .dropdown-menu .dropdown-item {
    color: #232558;
    text-transform: uppercase;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    padding: 0 20px 0 20px;
    height: 42px;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    line-height: 40px;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.offer-search .offer-form .dropdown-menu .dropdown-item:hover, .offer-search .offer-form .dropdown-menu .dropdown-item:focus, .offer-search .offer-form .dropdown-menu .dropdown-item.active {
    color: #232558;
    background-color: #fdc300;
}
.offer-search .offer-form button[type=submit] {
    border: none;
    width: 55px;
}
.offer-search .offer-form button[type=submit] img {
    transition: all 0.3s ease;
}

.form-control {
    font-size: 12px;
    font-size: 1.2rem;
}

.input-key-words {
    border: 1px solid #cfcfcf;
}
.input-key-words input[type=text] {
    border: none !important;
}
.input-key-words input:focus {
    outline: none;
    box-shadow: none;
    border: none;
    text-decoration: none;
}

.recherche-offre .offer-search .offer-form__input-container:first-child {
    border-right: none;
}

.article-search input.search-options {
    border: #7997af solid 1px !important;
    border-radius: 5px !important;
}
.article-search .input-group-centres {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.article-search .article-form .form-group:last-child {
    margin-bottom: 7px;
}
.article-search .article-form .centre-search {
    margin: 30px 0 30px 0;
}
.article-search .article-form .article-form__input-container {
    background-color: #ffffff;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 0;
}
.article-search .article-form .article-form__input-container .input-group input:-webkit-autofill,
.article-search .article-form .article-form__input-container .input-group input:-webkit-autofill:hover,
.article-search .article-form .article-form__input-container .input-group input:-webkit-autofill:focus,
.article-search .article-form .article-form__input-container .input-group textarea:-webkit-autofill,
.article-search .article-form .article-form__input-container .input-group textarea:-webkit-autofill:hover,
.article-search .article-form .article-form__input-container .input-group textarea:-webkit-autofill:focus,
.article-search .article-form .article-form__input-container .input-group select:-webkit-autofill,
.article-search .article-form .article-form__input-container .input-group select:-webkit-autofill:hover,
.article-search .article-form .article-form__input-container .input-group select:-webkit-autofill:focus {
    box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
.article-search .article-form .article-form__input-container .input-group input {
    font-size: 14px;
    font-size: 1.4rem;
    height: 90px;
    border: none;
    outline: 0;
    padding-left: 20px;
    flex-basis: 85%;
}
.article-search .article-form .article-form__input-container .input-group input::-webkit-input-placeholder {
    color: #7997af;
}
.article-search .article-form .article-form__input-container .input-group input:-moz-placeholder {
    color: #7997af;
}
.article-search .article-form .article-form__input-container .input-group input::-moz-placeholder {
    color: #7997af;
}
.article-search .article-form .article-form__input-container .input-group input:-ms-input-placeholder {
    color: #7997af;
}
.article-search .article-form .article-form__input-container .input-group input::-ms-clear {
    display: none;
}
.article-search .article-form .article-form__input-container .input-group button {
    padding: 0 15px;
    border: none;
    background-color: #fdc300;
    height: 50px;
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.article-search .article-form .article-form__input-container .input-group button:hover {
    background-color: #ffd038;
}
.article-search .article-form .article-form__input-container .input-group button:focus {
    outline: none !important;
}
.article-search .article-form .article-form__input-container .input-group button p {
    margin-bottom: 0;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.article-search .article-form .article-form__input-container .input-group button img {
    transition: all 0.3s ease;
    height: auto;
    width: 25px;
    padding: 0;
    margin-left: 5px;
}
.article-search .article-form .article-form__select-container .dropdown .dropdown-toggle {
    transition: all 0.3s ease;
    text-align: left;
    width: 100%;
    height: 42px;
    padding: 0 20px 0 20px;
    background-color: #ffffff;
    border: none;
    outline: 0;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-overflow: ellipsis;
    overflow: hidden;
}
.article-search .article-form .article-form__select-container .dropdown .dropdown-toggle > * {
    width: calc(100% - 12px);
    text-overflow: ellipsis;
    overflow: hidden;
}
.article-search .article-form .article-form__select-container .dropdown .dropdown-toggle:after {
    width: 11px;
    height: 8px;
    background: url("../../img/edito/icone/dropdown.svg") no-repeat;
    border: none;
    background-size: contain !important;
}
.article-search .article-form .article-form__select-container .dropdown .dropdown-menu {
    width: 100%;
    z-index: 1;
    border: none;
    border-radius: 0;
    top: -1px !important;
    border: 1px solid #cfcfcf;
    padding: 0;
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
}
.article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item {
    color: #232558;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    padding: 0 20px 0 20px;
    height: 42px;
    font-size: 14px;
    font-size: 1.4rem;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
}
.article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item:hover, .article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item:focus, .article-search .article-form .article-form__select-container .dropdown .dropdown-menu .dropdown-item.active {
    color: #232558;
    background-color: #232558;
}
.article-search .article-form .article-form__select-container .dropdown.show .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: rgba(35, 37, 88, 0.5);
}

.form-control:focus {
    border: none;
    box-shadow: none;
}

.input-group-question {
    /* correc eva flex-wrap: none;*/
    flex-wrap: nowrap;
    display: flex;
    width: 100%;
}

.container-filter .form-group input {
    border-color: #ffffff !important;
}
.container-filter .filter-local {
    overflow: none;
    padding: 6px 14px;
}
.container-filter .filter-local.card {
    overflow: unset;
    overflow-x: auto;
}
.container-filter .filter-local .title-form {
    width: 110px;
}
.container-filter .filter-local form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container-filter .filter-local form .form-group {
    margin-bottom: 0;
}
.container-filter input[type=text] {
    font-size: 14px;
    font-size: 1.4rem;
}
.container-filter .custom-select {
    background: #fff url("../../img/edito/icone/select.png") no-repeat;
    background-position: center right;
    border-color: #fff;
    padding-right: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    font-size: 14px;
    font-size: 1.4rem;
}
.container-filter .custom-select.select-orange {
    background: center right #fff url(../../img/edito/icone/select-orange.png) no-repeat !important;
}
.container-filter .custom-select:focus {
    box-shadow: none;
}
.container-filter .date {
    position: absolute !important;
    position: relative;
}
.container-filter .date input {
    width: 130px;
    padding-right: 30px;
    background: url("../../img/edito/icone/select.png") right no-repeat;
}
.container-filter .date .input-group-append .input-group-text {
    background: transparent;
    background-position: initial;
    border: none;
    position: absolute;
    right: 2px;
    left: 2px;
    top: 0%;
    bottom: 0;
}

.profil-search .swipeXfilter1 {
    height: 42px;
    justify-items: center;
    line-height: 42px;
}
.profil-search .swipeXfilter1 .offer-form__input-container input {
    height: 42px;
}
.profil-search .fixed-width {
    width: calc(100% - 55px);
}
.profil-search .fixed-width > div a:last-child {
    margin-right: 10px;
}
.profil-search .form-group {
    border-left: 1px solid #f7f7f7;
}
.profil-search .form-group .custom-select {
    min-width: auto;
    color: #232558;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
}
.profil-search .form-group .localisation-enterprise {
    text-transform: none;
    font-size: 14px;
    font-size: 1.4rem;
}

/* Barre de recherche - Page Entreprise */
.navbar-form {
    padding: 0;
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}
.navbar-form form {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navbar-form .navbar-form__icon {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-form .form-group {
    width: 100%;
    margin-bottom: 0;
    border-left: 1px solid #f1f1f1;
}
.navbar-form .form-group .custom-checkbox {
    display: flex;
    align-items: center;
    height: 100%;
}
.navbar-form .form-group .custom-checkbox input {
    height: auto;
    vertical-align: middle;
}
.navbar-form .form-group .custom-checkbox label {
    margin: 0;
}
.navbar-form .form-group .custom-checkbox .checkbox {
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.navbar-form .form-group input {
    width: 100%;
    height: 42px;
    border: none;
    font-size: 14px;
    font-size: 1.4rem;
    color: #232558;
    padding-left: 15px;
}
.navbar-form .form-group input::-webkit-input-placeholder {
    color: #7997af;
}
.navbar-form .form-group input:-moz-placeholder {
    color: #7997af;
}
.navbar-form .form-group input::-moz-placeholder {
    color: #7997af;
}
.navbar-form .form-group input:-ms-input-placeholder {
    color: #7997af;
}
.navbar-form .form-group .custom-select {
    width: 100%;
    height: 42px;
    border: none;
    color: #7997af;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    color: #7997af;
    background: #ffffff url("../../img/edito/icone/select.png") 95% center no-repeat;
    padding-left: 15px;
}
.navbar-form .form-group .custom-select:focus {
    box-shadow: none;
    outline: 0;
}
.navbar-form .navbar-form__container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navbar-form .navbar-form__field-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navbar-form button[type=submit] {
    border: none;
    width: 55px;
}

.comp_memo-rdv .customer-action .date-rdv,
.comp_memo-rdv .customer-action .lieu-rdv {
    color: #232558 !important;
}

.comp_memo-rdv .consultant-question {
    background-color: #fdc300 !important;
}
.comp_memo-rdv .consultant-question::after {
    border-top-color: #fdc300 !important;
}
.comp_memo-rdv .consultant-question p {
    color: #ffffff;
}

.datetimepicker-input {
    cursor: pointer;
}

.body-filter-chips {
    margin-top: 10px;
}

.ng-select .ng-arrow-wrapper {
    margin-right: 8px !important;
    width: 14px !important;
}

.ng-select .ng-select-container {
    border: 1px solid #cfcfcf !important;
    border-radius: 0px !important;
}
.ng-select .ng-select-container .ng-value {
    color: #232558 !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #232558 !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    color: #232558 !important;
    background-color: #ffffff !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    color: #232558 !important;
    background-color: #fdc300 !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.comp_datePicker .mydp .header {
    background: #ffffff !important;
    border-radius: 0px !important;
}
.comp_datePicker .mydp .headerlabelbtn {
    color: #232558 !important;
}
.comp_datePicker .mydp .disabled {
    color: #7a8999 !important;
    background: none !important;
    border: none !important;
}
.comp_datePicker .mydp .caltable,
.comp_datePicker .mydp .monthtable,
.comp_datePicker .mydp .yeartable {
    table-layout: fixed;
    width: 100%;
    height: calc(100% - 30px);
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #cfcfcf !important;
}
.comp_datePicker .mydp .selectedday .datevalue {
    background-color: #232558 !important;
}
.comp_datePicker .mydp .tablesingleday:hover .datevalue,
.comp_datePicker .mydp .tablesinglemonth:hover .datevalue,
.comp_datePicker .mydp .tablesingleyear:hover .datevalue {
    background-color: #232558 !important;
}

/* Masque l'input de la date du Calendrier
page candidat/les-services-apec/bilan-de-competences.html#/bilanCompetences
*/
.comp_datePicker input[name=mydate] {
    display: none;
}

.comp_calendar .border-hours-title {
    text-align: left !important;
    border: none !important;
    background-color: #ffffff !important;
    color: #232558 !important;
    text-transform: none !important;
}

.comp_calendar .border-hours-title h4 {
    font-weight: bold;
}

.comp_hour-picker h4,
.comp_hour-picker h5,
.comp_hour-picker a {
    color: #232558 !important;
}

.form-apec {
    margin-top: 0px;
    /* Legend */
    /* Label */
    /*label:not(.custom-control-label) {
    margin-bottom: 10px;
    padding-bottom: 0;
    @include ms_semibold;

    em {
      @include ms_regular;
    }
  }*/
    /* Field */
    /* Errors */
    /* */
    /* Input text */
    /* Textarea */
    /* Input radio & checkbox (general style) */
    /* Input checkbox (specific) */
    /* Input radio (specific) */
    /* Select */
    /* Input file */
}
.form-apec .card-body {
    color: #232558 !important;
}
.form-apec legend {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: none;
    color: #232558 !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: block;
    border: none;
}
.form-apec .col-form-label {
    padding-bottom: 0px !important;
    text-align: left;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.form-apec .decalage-step-1 {
    padding-left: 30px;
    background-image: url("../../img/angularjs/core/backgrounds/arrow-orange.png");
    background-position: 14px 10px;
    background-repeat: no-repeat;
}
.form-apec .decalage-step-2 {
    padding-left: 50px;
    background-image: url("../../img/angularjs/core/backgrounds/arrow-orange.png");
    background-position: 34px 10px;
    background-repeat: no-repeat;
}
.form-apec .form-group {
    margin-bottom: 20px;
}
.form-apec .error-found {
    margin-top: 10px;
    margin-bottom: 5px;
}
.form-apec .error-found ul {
    margin: 0;
    padding: 0;
}
.form-apec .error-found ul li {
    list-style: none;
    background: url("../../img/edito/form/icon_warning.png") no-repeat left top;
    color: #ff0000;
    font-size: 12px;
    padding-left: 25px;
    min-height: 18px;
}
.form-apec .error-found ul li:not(:last-child) {
    margin-bottom: 10px;
}
.form-apec .custom-control {
    padding-left: 20px;
}
.form-apec .custom-control-inline {
    margin-right: 15px;
}
.form-apec .form-control {
    border-radius: 0px;
    min-height: 36px;
    height: 36px;
    border: none;
    padding: 0 13px;
    width: 100%;
    color: #232558;
    border: 1px solid #cfcfcf;
    font-size: 14px;
    font-size: 1.4rem;
}
.form-apec .form-control::-webkit-input-placeholder {
    color: #7997af;
}
.form-apec .form-control:-moz-placeholder {
    color: #7997af;
}
.form-apec .form-control::-moz-placeholder {
    color: #7997af;
}
.form-apec .form-control:-ms-input-placeholder {
    color: #7997af;
}
.form-apec .input-group .form-control {
    width: auto;
    margin-bottom: 0;
}
.form-apec .input-group > .input-group-prepend > .input-group-text {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 36px;
    outline: none;
}
.form-apec .input-group > .input-group-append > .input-group-text {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 36px;
    outline: none;
}
.form-apec textarea.form-control {
    padding: 10px 13px;
    height: auto;
}
.form-apec .custom-control-label {
    margin-top: 8px;
    cursor: pointer;
}
.form-apec .custom-control-label::before {
    border-color: #7997af;
    height: 15px;
    width: 15px;
    background: #ffffff;
    position: absolute;
    left: -20px;
    top: 1px;
    cursor: pointer;
    pointer-events: visible;
}
.form-apec .custom-control-label::after {
    position: absolute;
    top: 5px;
    left: -16px;
    width: 7px;
    height: 7px;
    background-image: none;
    transition: all 0.3s ease;
    cursor: pointer;
}
.form-apec .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7997af;
    background-image: none;
}
.form-apec .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #7997af;
    background-color: #fff;
}
.form-apec .custom-control-input:active ~ .custom-control-label::before {
    background-color: #7997af;
    border-color: #7997af;
}
.form-apec .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(121, 151, 175, 0.25);
}
.form-apec .custom-checkbox .custom-control-label::before {
    border-radius: 0;
}
.form-apec .custom-radio .custom-control-label::after {
    border-radius: 50%;
}
.form-apec .custom-select {
    background: #ffffff url("../../img/edito/icone/select.png") right center no-repeat;
    border: 1px solid #7997af;
    height: 36px;
    line-height: 36px;
    padding: 0 25px 0 13px;
    color: #232558;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
}
.form-apec .custom-select option {
    border-top: 1px solid #edf7f7;
}
.form-apec .custom-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 151, 175, 0.25);
}
.form-apec .files-authorized {
    font-size: 13px;
}
.form-apec .custom-input-file {
    width: 100%;
    border-radius: 5px;
    background-color: #026096;
}
.form-apec .custom-input-file label {
    color: #ffffff;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 11px 10px 11px 40px;
    position: relative;
    cursor: pointer;
}
.form-apec .custom-input-file label::before {
    position: absolute;
    display: block;
    left: 10px;
    content: url("../../img/edito/form/icon_upload-file.png");
}
.form-apec .custom-input-file input[type=file] {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
}
.form-apec .fileUploaded .custom-input-file,
.form-apec .fileUploaded .custom-input-file label {
    cursor: default;
}
.form-apec .fileUploaded .custom-input-file label::before {
    content: url("../../img/edito/form/icon_doc-uploaded.png");
}
.form-apec .fileUploaded .custom-input-file label::after {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    content: url("../../img/edito/form/bt_input-reset-2.png");
    cursor: pointer;
}
.form-apec .files-authorized {
    padding-top: 5px;
    color: rgba(27, 50, 68, 0.75);
}
.form-apec .fileUploaded .files-authorized {
    display: none;
}

.profil-list .form-check {
    padding-left: 0;
}

/* CARD */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
a {
    color: #232558;
}
a .card {
    transition: all 0.3s ease;
}
a .card .link-icone-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 10px 0;
}
a .card .link-icone-title img {
    width: 164px;
}
a .card:hover {
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
}

.profession-container .card-teaser-picto,
.tools-container .card-teaser-picto {
    min-height: 155px;
}

.card-no-shadow {
    box-shadow: none !important;
}
.card-no-shadow:hover {
    box-shadow: none !important;
}

.card-body .tool {
    display: flex;
}
.card-body .tool p {
    margin-left: 10px;
}
.card-body .rich-text a {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.card-teaser-picto .card-body .card-title {
    margin-top: 20px;
}

.card-transaction,
.card-teaser-picto {
    position: relative;
    background-color: #232558 !important;
}
.card-transaction .card-body.flex-row,
.card-teaser-picto .card-body.flex-row {
    justify-content: flex-start;
}
.card-transaction .card-body.flex-row .card-subtitle,
.card-teaser-picto .card-body.flex-row .card-subtitle {
    text-align: left;
    margin-left: 10px;
}

.card-illustration img {
    width: auto;
    height: 25px;
    display: block;
    position: relative;
}

.card-metier img {
    top: 10px;
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    position: relative;
}

.wrapper-card-corner {
    position: relative;
}
.wrapper-card-corner::before {
    content: "";
    background: url(../../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-preview {
    border: 1px solid #232558 !important;
    margin-top: -1px;
}
.card-preview a {
    height: 100%;
}
.card-preview img {
    width: 30px;
    height: 30px;
    margin-top: 20px;
}
.card-preview .card-body {
    padding: 30px;
}
.card-preview .card-body .card-title {
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    color: #232558;
}
.card-preview .card-body p {
    margin-bottom: 60px;
    color: #232558;
    font-size: 14px !important;
}
.card-preview .plus {
    position: absolute;
    transition: 0.2s;
    left: 20px;
    bottom: 20px;
}
.card-preview .plus img {
    width: 32px;
    height: 32px;
}
.card-preview .right-arrow {
    width: 25px;
    position: absolute;
    bottom: 18px;
    right: 20px;
    transition: 0.2s ease;
}
.card-preview:hover .right-arrow {
    right: 15px;
}

.card {
    border-radius: 0px;
    border: none;
    color: #232558;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    /*&:not(.card-no-shadow) {
        box-shadow: $card-shadow;
    }*/
}
.card.announcement {
    display: flex;
    align-items: center;
}
.card.announcement .mb-30 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.card.card-corner {
    width: calc(100% - 34px);
    overflow: visible;
    border-top-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: "";
    height: 52px;
    width: 36px;
    position: absolute;
    top: 4px;
    right: -23px;
    position: absolute;
    border-top: 36px solid transparent;
    border-right: 36px solid transparent;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    transform: rotate(-45deg);
}
.card.card-corner .card-body {
    flex-direction: row;
    justify-items: self-start;
    justify-content: left;
    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 h1.card-title {
    line-height: 42px;
    line-height: 4.2rem;
    color: #232558;
    font-size: 40px;
    font-size: 4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-align: center;
    margin-bottom: 50px;
}
.card .card-subtitle {
    margin-top: 0;
}
.card .card-bg {
    min-height: 130px;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    position: relative;
    background-size: cover;
    background-position: center;
}
.card .card-bg.card-bg-additional {
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 15px;
}
.card .card-bg.card-bg-additional::before {
    content: none;
}
.card .card-bg.card-bg-16-9 {
    min-height: auto;
    height: 0;
    padding-top: 0;
    padding-bottom: 56.25%;
}
.card .card-bg.card-bg-16-9 .card-title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 20px;
}
.card .infos-bloc {
    background: rgba(255, 255, 255, 0.75);
    min-height: 82px;
    position: absolute;
    top: auto;
    bottom: -10px;
    width: 90%;
    left: 5%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 10px 5px;
}
.card .infos-bloc .infos-bloc-text img {
    width: 64px;
    height: auto;
    min-width: auto;
    min-height: auto;
}

.card-container {
    display: flex;
}
.card-container .card {
    height: auto;
}
.card-container .card-offer-search {
    margin-right: 30px;
    overflow: visible;
}
.card-container .card-offer-search.with-transaction {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-size: cover;
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
}
.card-container .card-offer-search.with-transaction.card-container {
    flex-wrap: nowrap !important;
}
.card-container .card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 150px);
}

.left-transaction {
    min-width: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #232558;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.left-transaction span {
    font-size: 30px;
    font-size: 3rem;
    font-family: "Roboto-Medium", Verdana, Arial, sans-serif;
}
.left-transaction .number-transaction {
    margin-top: 7px;
}
.left-transaction .container-find-resume {
    margin-right: 2%;
}
.left-transaction .container-find-resume .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.left-transaction .container-find-resume .card img {
    height: 108px;
}
.left-transaction .container-find-resume .card .card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.left-transaction .container-find-resume .card .card-body .card-subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.left-transaction .container-find-resume .card-find-resume {
    width: 182px;
    height: 100%;
    text-align: center;
}
.left-transaction .container-profile {
    height: auto;
}
.left-transaction .container-profile .card {
    height: 100%;
}
.left-transaction .container-profile .card img {
    height: 108px;
}
.left-transaction .container-profile .card .card-subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

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

.card-offer {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.card-offer:hover {
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
}
.card-offer .image-offer-logo {
    width: 100px !important;
    height: auto !important;
}
.card-offer .details-offer svg {
    fill: #7997af;
}
.card-offer .details-offer img {
    height: 18px;
    margin-right: 5px;
    min-width: 10px;
}
.card-offer .card-offer__text .card-title,
.card-offer .card-offer__text .card-title a {
    text-transform: none;
    color: #232558 !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 10px;
}
.card-offer .card-offer__text .card-offer__description {
    color: #7a8999;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
}
.card-offer .card-offer__text .details-offer li {
    color: #7a8999;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
}
.card-offer .card-offer__text .card-offer__company {
    text-transform: uppercase;
    color: #026096 !important;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-bottom: 0;
}

.card-problematic {
    background-color: #026096;
}
.card-problematic .align-items-center svg,
.card-problematic .align-items-center img {
    height: 40px;
}
.card-problematic .call-to-action {
    width: 100%;
}

.card-transaction-white h1.card-title {
    line-height: 24px;
    color: #232558;
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
    margin-bottom: 20px;
}

.card-teaser-picto,
.card-problematic,
.card-transaction,
.card-offre-emploi,
.card-testimony {
    overflow: visible;
    position: relative;
    color: #ffffff;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.card-teaser-picto h2,
.card-problematic h2,
.card-transaction h2,
.card-offre-emploi h2,
.card-testimony h2 {
    color: #ffffff;
}
.card-teaser-picto p,
.card-problematic p,
.card-transaction p,
.card-offre-emploi p,
.card-testimony p {
    color: #ffffff;
}
.card-teaser-picto .card-body p,
.card-problematic .card-body p,
.card-transaction .card-body p,
.card-offre-emploi .card-body p,
.card-testimony .card-body p {
    font-size: 12px;
    font-size: 1.2rem;
}

.small-link span {
    margin-bottom: 0;
    color: #ffffff;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    text-decoration: underline;
}

.card-body .card-title {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 20px;
    margin-bottom: 20px;
}
.card-body p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-bottom: 20px;
}
.card-body p:last-child {
    margin-bottom: 0;
}

.card-transaction .transaction-details {
    display: flex;
    flex-direction: row !important;
}
.card-transaction .transaction-details svg {
    height: 45px;
    width: 45px;
}

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

.card-society-details {
    position: relative;
    margin-top: 40px;
    padding-bottom: 40px !important;
}
.card-society-details .call-to-action {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
.card-society-details .call-to-action .call-to-action__container a {
    display: flex;
    align-items: center;
}
.card-society-details .call-to-action .call-to-action__container a svg {
    height: 15px;
}

.call-to-action.links-offers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
.call-to-action a {
    margin: 0;
}
.call-to-action a.small-link {
    margin: 0;
}
.call-to-action .call-to-action__container .number-offers {
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 7px;
}

.container-result .card {
    height: 100%;
}

.card-society-block,
.container-society {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-society-block .container-society-header,
.container-society .container-society-header {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: end;
    position: relative;
    margin-bottom: 55px;
    margin-top: -45px;
    background: transparent;
}
.card-society-block .localisation,
.container-society .localisation {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
    line-height: 14px;
    display: flex;
    align-items: center;
}
.card-society-block .localisation svg,
.container-society .localisation svg {
    fill: #7997af;
    height: 13px;
    margin-right: 6px;
}
.card-society-block .container-society-logo,
.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;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    min-width: 76px;
    width: 76px;
    height: 76px;
}
.card-society-block .container-society-logo img,
.container-society .container-society-logo img {
    width: 48px;
}
.card-society-block .container-society-infos,
.container-society .container-society-infos {
    padding: 0 0 0 15px;
}
.card-society-block .container-society-infos h3,
.container-society .container-society-infos h3 {
    text-transform: capitalize;
    margin: 0;
    line-height: 1;
}

.container-society-bottom {
    position: relative;
}
.container-society-bottom .infos-hzt {
    display: flex;
}
.container-society-bottom .infos-hzt img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.container-society-bottom .infos-hzt .infos-hzt span {
    padding-top: 3px;
}
.container-society-bottom .container-society-domain {
    height: 40px;
    margin-bottom: 4px;
    text-transform: capitalize;
}
.container-society-bottom .infos-between {
    display: flex;
    justify-content: space-between;
}

.bg-fade {
    background: rgba(255, 255, 255, 0.9);
}
.bg-fade h3 {
    color: #232558;
}

.enterprise {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}
.enterprise::before, .enterprise::after {
    background-color: rgba(27, 55, 68, 0) !important;
}

.card-body.border-T {
    padding-top: 30px;
}
.card-body .ref-offre {
    margin-bottom: 20px;
}
.card-body .date-offre {
    margin-bottom: 10px;
}

.announcement-button {
    background-color: transparent !important;
    box-shadow: none !important;
    bottom: 18px;
    z-index: 2;
}

.card-text.centered {
    text-align: center;
}
.card-text.centered p {
    font-size: 14px;
    font-size: 1.4rem;
}
.card-text.center-offers .call-to-action__container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.card-text.center-offers .call-to-action__container .number-offers {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 7px;
}
.card-text.center-offers .call-to-action__container .small-link {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
}

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

.offer-title {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.title-offer-desc {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
}

.offer-sidebar .number-offers {
    margin: 20px 0;
}

.previous-next-offer {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.card.card-detail a.offer-search-button {
    padding-left: 62px;
    padding-right: 65px;
}
.card.card-profils .card-title {
    color: #232558;
}
.card.card-profils .card-profils__details {
    background-color: transparent;
    color: #232558;
    display: flex;
    padding: 6px 0 2px;
    margin-bottom: 20px;
}
.card.card-profils .card-profils__details .number-profils {
    font-size: 30px;
    font-size: 3rem;
}

.home-card .card {
    height: 100%;
}

.card-body .select-search-type {
    display: flex;
    justify-content: center;
    padding: 37px 0 37px 0;
    align-items: center;
}
.card-body .select-search-type .select-job {
    padding-right: 17px;
}
.card-body .select-search-type .select-training {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 20px;
}
.card-body .select-search-type .selected-option {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.card-body .advanced-research-offer select.form-select-advanced-search {
    font-size: 14px;
    border-radius: 5px !important;
}
.card-body .advanced-research-offer .row {
    align-items: center;
}
.card-body .advanced-research-offer .title {
    margin: 30px 0 30px 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}
.card-body .advanced-research-offer .enterprise-type {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.card-body .advanced-research-offer .enterprise-type .items-radiobox {
    margin-right: 30px;
}
.card-body .advanced-research-offer.last {
    margin-bottom: 25px;
}

.card .keywords-bg .small-link {
    margin-bottom: 0px;
    text-decoration: underline;
}

.bloc-center-detail .adresse-center .small-link {
    margin: 0;
}

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

.container-image-society {
    background-color: rgba(35, 37, 88, 0.1);
}

.centre-link {
    font-size: 14px;
    font-size: 1.4rem;
}

.clear-filter svg {
    height: 20px;
    width: 20px;
}

.bloc-center-detail {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.bloc-center-detail .call-to-action__container a {
    display: flex;
    align-items: center;
}
.bloc-center-detail a {
    flex-direction: column;
}
.bloc-center-detail a.adresse {
    display: flex;
}
.bloc-center-detail a.small-link {
    text-decoration: underline;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
.bloc-center-detail a.small-link svg {
    height: 16px;
    margin-right: 8px;
    width: 20px;
}
.bloc-center-detail .name-center {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-bottom: 20px;
    display: inline-block;
}

.card-head {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.card-head .offer-search__link {
    display: flex;
    align-items: center;
}
.card-head .offer-search__link p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    padding: 0;
    margin: 0;
}
.card-head .offer-search__link svg,
.card-head .offer-search__link img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
.card-head .offer-search__link p:hover {
    text-decoration: underline;
}

.total-resultat {
    margin-bottom: 10px;
    display: inline-block;
}

.connected .card {
    min-height: 240px;
}

.search-event .card-find-resume img {
    width: 105px;
}
.search-event .card-illustration {
    justify-content: center;
    display: flex;
}

.card-find-event,
.card-profile {
    width: 100%;
    height: 100%;
    padding: 30px;
    padding-left: 40px;
    padding-bottom: 60px;
    background-color: #232558;
}
.card-find-event .icone-user,
.card-profile .icone-user {
    margin-bottom: 30px;
}
.card-find-event .right-arrow,
.card-profile .right-arrow {
    position: absolute;
    bottom: 20px;
    right: 30px;
    transition: 0.2s;
}
.card-find-event .right-arrow img,
.card-profile .right-arrow img {
    width: 25px;
    height: 25px;
}
.card-find-event img,
.card-profile img {
    width: 25px;
    height: 25px;
}
.card-find-event h2,
.card-profile h2 {
    color: #ffffff;
    font-size: 30px;
    font-size: 3rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.card-find-event h3,
.card-profile h3 {
    color: #ffffff;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
}
.card-find-event p,
.card-profile p {
    color: white;
    font-size: 12px;
    font-size: 1.2rem;
}
.card-find-event:hover > .right-arrow,
.card-profile:hover > .right-arrow {
    right: 20px;
}

.myspace .card-body {
    color: #232558;
}

/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.card-share {
    width: 160px;
}
.card-share:not(.card-no-shadow) {
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
}
.card-share .card-body {
    padding: 20px 15px 15px 15px;
}
.card-share .card-body .card-title {
    font-size: 14px !important;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-top: 0;
}
.card-share .card-body .card-title {
    white-space: nowrap;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    color: #232558;
}
.card-share .card-body .share-button {
    display: flex;
    flex-direction: column;
}
.card-share .card-body .share-button li {
    line-height: 40px;
}
.card-share .card-body .share-button li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-decoration: none;
}
.card-share .card-body .share-button li a svg {
    height: 21px;
    width: 21px;
}
.card-share .card-body .share-button li a span {
    display: inline-block;
    width: 21px;
    height: 40px;
    margin-right: 20px;
    line-height: 30px;
}
.card-share .card-body .share-button li a:hover {
    opacity: 0.7;
}

/* JAUGES COMPETENCES */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
/* ==========================================================================
   components/_jauges-competences.scss
   ========================================================================== */
.qualif-container {
    background-color: white;
    width: 65%;
    max-width: 800px;
    border-radius: 0;
    border: none;
    margin: 0;
    position: relative;
    float: right;
    padding: 30px !important;
    z-index: 3;
}
.qualif-container .btn {
    /*margin: 0 auto;*/
}

.qualif-container .btn-close {
    width: 40px;
    height: 40px;
    background-color: #026096;
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qualif-container .btn-close::before {
    content: "×";
    color: white;
    font-size: 40px;
    text-align: center;
}

.qualif-content .expert,
.qualif-multiple-skills__jauges .expert {
    background-image: url(../../img/edito/skills/recruteur/level_skills_expert.svg);
    background-repeat: no-repeat;
}

.qualif-content .confirmed,
.qualif-multiple-skills__jauges .confirmed {
    background-image: url(../../img/edito/skills/recruteur/level_skills_confirmed.svg);
    background-repeat: no-repeat;
}

.qualif-content .intermediate,
.qualif-multiple-skills__jauges .intermediate {
    background-image: url(../../img/edito/skills/recruteur/level_skills_intermediate.svg);
    background-repeat: no-repeat;
}

.qualif-content .beginner,
.qualif-multiple-skills__jauges .beginner {
    background-image: url(../../img/edito/skills/recruteur/level_skills_beginner.svg);
    background-repeat: no-repeat;
}

.qualif-jauge .beginner,
.qualif-jauge .intermediate,
.qualif-jauge .confirmed,
.qualif-jauge .expert {
    width: 120px;
    height: 20px;
}

.qualif-title {
    width: 100%;
}

.qualif-title h3 {
    color: #026096;
    text-transform: uppercase;
    border-bottom: 1px solid #026096;
    padding-bottom: 10px !important;
    margin-top: 10px;
}

.qualif-content {
    margin-top: 25px;
}

.qualif-jauge {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    justify-content: space-evenly;
    margin-top: 10px;
}
@media (min-width: 991px) {
    .qualif-jauge {
        flex-wrap: nowrap;
    }
}

.qualif-jauge .jauge,
.qualif-jauge .qualif-active {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px 10px 20px;
    margin-right: 5px;
}

.qualif-jauge .jauge svg,
.qualif-jauge .qualif-active svg {
    width: 120px;
}

.qualif-language .qualif-jauge .qualif,
.qualif-language .qualif-jauge .qualif-active {
    padding: 10px 20px 10px 20px;
    margin-right: 5px;
}

.qualif-jauge .qualif-active p:nth-child(2),
.qualif-jauge .qualif p:nth-child(2) {
    font-size: 11px !important;
    font-weight: bold;
    color: black !important;
    text-decoration: none;
    margin-top: 11px;
    line-height: 10px;
}

.qualif-jauge .qualif-active p:nth-child(3),
.qualif-jauge .qualif p:nth-child(3) {
    font-size: 10px !important;
    font-weight: lighter;
    font-style: italic;
    color: rgb(199, 199, 199) !important;
    text-decoration: none;
    line-height: 10px;
}

.qualif-jauge .qualif-active p:nth-child(4),
.qualif-jauge .qualif p:nth-child(4) {
    font-size: 10px !important;
    font-weight: lighter;
    color: black !important;
    text-decoration: none;
    line-height: 10px;
}

.qualif-jauge .qualif {
    border: 1px solid transparent;
    text-decoration: none;
    outline: none;
    padding: 10px;
    margin-right: 5px;
}

.qualif-jauge .qualif:hover {
    border: 1px solid #026096;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.no-hover .qualif:hover {
    border: 1px solid transparent;
}

.qualif-jauge .jauge:focus {
    border: 1px solid #026096;
}

.qualif-jauge .qualif-active {
    border: 1px solid #026096;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.qualif-multiple-skills__jauges {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
}

.qualif-multiple-skills__jauges .jauge {
    margin-right: 20px;
    margin-left: 0px;
}

.qualif-content #info-icon {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-top: 40px;
}

.qualif-content #info-icon::before {
    content: "i";
    border: 0.15rem solid #ff531f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 30px;
    margin-right: 7px;
    color: #ff531f;
}

.qualif-multiple-skills .qualif-content > p {
    padding-left: 30px;
}

.qualif-content > p {
    font-size: 12px !important;
}

.qualif-container .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    width: 100%;
}
.qualif-container .buttons .btn {
    margin-right: 0;
}

.qualif {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .qualif {
        margin-bottom: 20px;
        width: 50%;
    }
}
@media (max-width: 768px) {
    .qualif-container {
        width: 100%;
        min-width: 350px;
    }
    .qualif {
        margin-bottom: 20px;
        width: 100%;
    }
    .overlay-popin .qualif-container .buttons {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
    .overlay-popin .qualif-container .buttons .btn-primary {
        margin: 1rem 0 !important;
    }
}
@media (max-width: 480px) {
    .overlay-popin {
        padding: 0px !important;
    }
}
.qualif-language .qualif a {
    color: #026096 !important;
    font-size: 12px;
    font-weight: bold;
}

.qualif a {
    color: black !important;
    font-size: 12px;
    font-weight: bold;
}

.qualif-multiple-skills__jauges .jauge {
    align-items: center;
    display: flex;
    width: 129px;
    height: 30px;
    flex-direction: column;
}

.qualif-multiple-skills__jauges .jauge a {
    color: black;
    font-weight: bold;
    font-size: 11px;
    margin-top: 6px;
    text-align: center;
    text-decoration: none;
}

.qualif-multiple-skills__jauges .jauge a:hover {
    color: black;
}

.qualif-language .qualif-jauge .qualif p:nth-child(2),
.qualif-language .qualif-jauge .qualif-active p:nth-child(2) {
    font-size: 11px !important;
    font-weight: bold;
    text-decoration: none;
    margin-top: 11px;
    line-height: 10px;
}

.qualif-language .qualif-jauge .qualif p:nth-child(3),
.qualif-language .qualif-jauge .qualif-active p:nth-child(3) {
    font-size: 13px !important;
    font-weight: bold;
    font-style: initial;
    color: #026096 !important;
    text-decoration: none;
    line-height: 10px;
}

.jauge {
    width: 60px;
    height: auto;
}

.btn_add,
.btn_remove,
.btns_add_remove {
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 29px;
    justify-content: center;
}

.btn_add a:hover,
.btn_remove a:hover,
.btns_add_remove a:hover {
    text-decoration: none;
    outline: none;
    border: none;
}

.btns_add_remove .circle {
    margin-left: 0;
}

.circle {
    background-color: #fff;
    border: 0.15rem solid #026096;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 2rem;
    height: 2rem;
    margin-left: 5px;
}

.circle .line {
    width: 12px;
    height: 1px;
    background-color: #026096;
    margin: auto;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cross {
    color: #026096;
    text-align: center;
    font-size: 25px;
    transform: rotate(45deg);
}

.circle .plus {
    color: #026096;
    text-align: center;
    font-size: 2rem;
}

.libreform .btn-add-skills {
    width: 15%;
}

.btn-add-skills .circle {
    border: 0.15rem solid #026096;
}

.btn-add-skills a {
    height: 42px;
    width: fit-content;
    align-items: center;
    display: flex;
}

.btn-add-skills a:hover {
    text-decoration: none;
    outline: none;
    border: none;
}

.btn-add-allskills a {
    width: fit-content;
    align-items: center;
    display: flex;
}

.btn-add-allskills a:hover {
    text-decoration: none;
    outline: none;
    border: none;
}

.btn-add-allskills a .circle {
    border-color: #026096;
}

.add {
    font-size: 12px !important;
    color: #026096;
    margin-left: 4px;
}

/*
!* modifs class global input form *!
.form-group {
  margin-bottom: 1rem;
}
*/
.infos_skills {
    display: flex;
    align-items: center;
}

.infos_skills:hover {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.infos_skills .expert {
    background-image: url(../../img/edito/skills/recruteur/level_skills_expert.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 11px;
    margin-left: 8px;
    flex: 0 0 60px;
}

.infos_skills .confirmed {
    background-image: url(../../img/edito/skills/recruteur/level_skills_confirmed.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 11px;
    margin-left: 8px;
    flex: 0 0 60px;
}

.infos_skills .intermediate {
    background-image: url(../../img/edito/skills/recruteur/level_skills_intermediate.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 11px;
    margin-left: 8px;
    flex: 0 0 60px;
}

.infos_skills .beginner {
    background-image: url(../../img/edito/skills/recruteur/level_skills_beginner.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 11px;
    margin-left: 8px;
    flex: 0 0 60px;
}

.competence .expert {
    background-image: url(../../img/edito/skills/recruteur/level_skills_expert.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    margin-top: 2px;
}

.competence .confirmed {
    background-image: url(../../img/edito/skills/recruteur/level_skills_confirmed.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    margin-top: 2px;
}

.competence .intermediate {
    background-image: url(../../img/edito/skills/recruteur/level_skills_intermediate.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    margin-top: 2px;
}

.competence .beginner {
    background-image: url(../../img/edito/skills/recruteur/level_skills_beginner.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 13px;
    margin-top: 2px;
}

.highlighted-competence {
    background-color: #026096;
}

.highlighted-competence .highlighted-label-skills p {
    color: white;
}

.infos_skills a:hover {
    text-decoration: none;
    outline: none;
    border: none;
}

.detail_skills {
    width: 200px;
    height: 80px;
    border: 1px solid #026096;
    text-align: center;
    top: -94px;
    background-color: white;
    position: absolute;
    z-index: 1;
    margin-left: -100px;
    left: 50%;
    display: none;
    -moz-box-shadow: 2px 3px 6px 0 #ddd;
    -webkit-box-shadow: 2px 3px 6px 0 #ddd;
    -o-box-shadow: 2px 3px 6px 0 #ddd;
    box-shadow: 2px 3px 6px 0 #ddd;
}

.detail_skills h4 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.detail_skills p {
    text-align: center;
}

.pointer_down {
    height: 0;
    width: 0;
    border-bottom: 10px solid #026096;
    border-left: 10px solid transparent;
    transform: translate(-50%) rotate(45deg);
    left: 50%;
    bottom: -6px;
    position: absolute;
}

.label-skills {
    display: flex;
    align-items: center;
}

.added-skills-language:hover .detail_skills,
.added-skills-knowledge:hover .detail_skills {
    display: block;
}

.niveau_cecrl p strong {
    color: #646589 !important;
    font-size: 12px;
}

.niveau_cecrl {
    color: #646589 !important;
}

.added-skills-manager_stars {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    z-index: 0;
}

@keyframes bg-comp {
    from {
        background-color: #026096;
        border: 0.15rem solid transparent;
    }
    to {
        background-color: transparent;
        border: 0.15rem solid #026096;
    }
}
.added-skills-manager_stars .highlighted-animate,
.added-skills-manager .highlighted-animate {
    padding: 3px;
    padding-left: 7px;
    padding-right: 29px;
    border: 0.15rem solid transparent;
    animation-name: bg-comp;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    background-color: #026096;
}

@keyframes txt-comp {
    from {
        color: white;
    }
    to {
        color: #026096;
    }
}
.added-skills-manager_stars .highlighted-animate .cross,
.added-skills-manager_stars .highlighted-animate > p,
.added-skills-manager_stars .highlighted-animate .label_skills p,
.added-skills-manager .highlighted-animate .cross,
.added-skills-manager .highlighted-animate > p,
.added-skills-manager .highlighted-animate .label_skills p {
    color: white;
    animation-name: txt-comp;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

.added-skills-manager_stars .highlighted-animate .infos_skills p:first-child,
.added-skills-manager .highlighted-animate .infos_skills p:first-child {
    color: white;
    animation-name: txt-comp;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

.added-skills-knowhow.highlighted-animate p {
    color: white;
    animation-name: txt-comp;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

@keyframes jauge-comp-expert {
    from {
        background: url(../../img/edito/skills/highlighted/recruteur/level_skills_expert.svg) no-repeat;
    }
    to {
        background: url(../../img/edito/skills/recruteur/level_skills_expert.svg) no-repeat;
    }
}
.added-skills-manager_stars .highlighted-animate .expert,
.added-skills-manager .highlighted-animate .expert {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_expert.svg) no-repeat;
    animation-name: jauge-comp-expert;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

@keyframes jauge-comp-confirmed {
    from {
        background: url(../../img/edito/skills/highlighted/recruteur/level_skills_confirmed.svg) no-repeat;
    }
    to {
        background: url(../../img/edito/skills/recruteur/level_skills_confirmed.svg) no-repeat;
    }
}
.added-skills-manager_stars .highlighted-animate .confirmed,
.added-skills-manager .highlighted-animate .confirmed {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_confirmed.svg) no-repeat;
    animation-name: jauge-comp-confirmed;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

@keyframes jauge-comp-intermediate {
    from {
        background: url(../../img/edito/skills/highlighted/recruteur/level_skills_intermediate.svg) no-repeat;
    }
    to {
        background: url(../../img/edito/skills/recruteur/level_skills_intermediate.svg) no-repeat;
    }
}
.added-skills-manager_stars .highlighted-animate .intermediate,
.added-skills-manager .highlighted-animate .intermediate {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_intermediate.svg) no-repeat;
    animation-name: jauge-comp-intermediate;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

@keyframes jauge-comp-beginner {
    from {
        background: url(../../img/edito/skills/highlighted/recruteur/level_skills_beginner.svg) no-repeat;
    }
    to {
        background: url(../../img/edito/skills/recruteur/level_skills_beginner.svg) no-repeat;
    }
}
.added-skills-manager_stars .highlighted-animate .beginner,
.added-skills-manager .highlighted-animate .beginner {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_beginner.svg) no-repeat;
    animation-name: jauge-comp-beginner;
    animation-duration: 4s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

/* ajouts de general.scss 2e temps */
.skills-language,
.skills-knowhow,
.skills-knowledge {
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    width: fit-content;
    border-radius: 6px;
    display: flex;
    margin-right: 10px;
    margin-top: 10px;
    align-items: center;
    border: 0.15rem solid #026096;
}

.skills-manager-title {
    display: flex;
    align-items: center;
}
.skills-manager-title h4 {
    color: #6c6c6f;
    margin-bottom: 35px;
    margin-top: 35px;
    display: flex;
    align-items: center;
}
.skills-manager-title h4::before {
    content: "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 37px;
    height: 37px;
    /* todo vérifier ou est utilisée cette image : */
    background: url(../../img/angularjs/candidapec/icons/icon_idea.jpg) no-repeat;
    background-size: contain;
    margin-bottom: 6px;
}

.skills-manager-subtitle {
    display: flex;
    align-items: center;
    width: 100%;
}
.skills-manager-subtitle h4 {
    margin-bottom: 0;
    margin-top: 0;
}
.skills-manager-subtitle h5 {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.skills-manager-language,
.skills-manager-knowhow,
.skills-manager-knowledge {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 50px;
    border-left: 0.15rem solid #026096;
    padding-left: 15px;
}
.skills-manager-language p,
.skills-manager-knowhow p,
.skills-manager-knowledge p {
    font-size: 11px !important;
    color: #232558;
    padding: 0;
    margin: 0;
    word-break: break-word;
}
.skills-manager-language a,
.skills-manager-knowhow a,
.skills-manager-knowledge a {
    text-decoration: none;
    border: 0;
    outline: none;
}
.skills-manager-language a:hover,
.skills-manager-knowhow a:hover,
.skills-manager-knowledge a:hover {
    text-decoration: none;
    border: 0;
    outline: none;
}

.skills-manager-knowledge {
    margin-bottom: 20px;
}

.added-skills-container,
.added-skills-container__stars {
    border: 0.15rem solid #026096;
    padding: 15px !important;
    padding-bottom: 15px;
    padding-bottom: 15px !important;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    /*background-color: #fff;*/
}

.error-position {
    margin-left: -8px !important;
}

.no-border .added-skills-container,
.no-border .added-skills-container__stars {
    border: none;
    padding: 0 !important;
}

.added-skills-empty__stars {
    border: 0.15rem solid #026096;
    padding: 15px !important;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.added-skills-manager__language,
.added-skills-manager__knowhow,
.added-skills-manager__knowledge {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    z-index: 0;
    position: relative;
}

.added-skills-manager__knowhow .skills-manager-subtitle h5,
.added-skills-manager__knowledge .skills-manager-subtitle h5 {
    margin-top: 1rem;
}

.added-skills-language,
.added-skills-knowhow,
.added-skills-knowledge {
    padding: 3px;
    padding-left: 7px;
    padding-right: 29px;
    width: fit-content;
    border-radius: 6px;
    margin-right: 10px;
    margin-top: 10px;
    align-items: center;
    border: 0.15rem solid #026096;
    position: relative;
    cursor: pointer;
}
.added-skills-language p,
.added-skills-knowhow p,
.added-skills-knowledge p {
    font-size: 11px !important;
    /*color: $secondary-blue;*/
    padding: 0;
    margin: 0;
    word-break: break-word;
}
.added-skills-language > a:hover,
.added-skills-knowhow > a:hover,
.added-skills-knowledge > a:hover {
    text-decoration: none;
    border: none;
    outline: none;
}

.added-skills-knowhow {
    display: flex;
}

.overlay-popin .added-skills-manager .highlighted {
    background-color: #026096;
}

.added-skills-manager .highlighted {
    padding: 3px;
    padding-left: 7px;
    padding-right: 29px;
    /*background-color: $secondary-blue;*/
    color: white;
    border: 0.15rem solid transparent;
}
.added-skills-manager .highlighted .cross,
.added-skills-manager .highlighted .infos_skills p {
    color: #fff;
}
.added-skills-manager .highlighted .btns_add_remove a:first-of-type {
    display: block;
}
.added-skills-manager .highlighted .btns_add_remove a:last-of-type {
    display: none;
}
.added-skills-manager .highlighted .expert {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_expert.svg) no-repeat;
}
.added-skills-manager .highlighted .confirmed {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_confirmed.svg) no-repeat;
}
.added-skills-manager .highlighted .intermediate {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_intermediate.svg) no-repeat;
}
.added-skills-manager .highlighted .beginner {
    background: url(../../img/edito/skills/highlighted/recruteur/level_skills_beginner.svg) no-repeat;
}
.added-skills-manager .highlighted .skills-manager-subtitle {
    margin-top: 1.5rem;
    margin-bottom: 0;
}
.added-skills-manager .btns_add_remove a:last-of-type {
    display: block;
}
.added-skills-manager .btns_add_remove a:first-of-type {
    display: none;
}

.added-skills-manager_stars .skills-manager-subtitle,
.added-skills-manager__language .skills-manager-subtitle {
    margin-top: 0;
    margin-bottom: 0;
}

#box-carte-de-visite .added-skills-container__stars {
    margin-bottom: 0;
    padding-bottom: 15px !important;
}

#box-competences {
    overflow: visible;
}

#box-competences .added-skills-container__stars {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
    border: none;
}

.profil-skills #box-competences {
    overflow: visible;
    display: flex;
}

.no-modif .added-skills-knowledge,
.no-modif .added-skills-knowhow,
.no-modif .added-skills-language {
    padding-right: 10px;
}

.added-skills-manager_stars .skills-manager-subtitle h5 {
    color: #232558;
}

.added-skills-empty__stars .skills-manager-subtitle h5 {
    margin: 0;
}

.added-knowledge__title {
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
}

.added-skills-manager-position {
    margin-top: 16px;
}

.added-skills-manager-section-position {
    padding-left: 13px;
}

/* PAGES */
/* MIXINS */
/* ==========================================================================
   Global
   ========================================================================== */
/* VARIABLES */
.block-erreur {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
}
.block-erreur.atelier-prive > :first-child {
    width: 40%;
}
.block-erreur.atelier-prive .block-erreur-container + .block-erreur-container {
    flex: 1;
}

.block-erreur-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 35%;
    padding: 40px;
}
.block-erreur-container:first-child {
    border-right: 1px solid #cfcfcf;
}
.block-erreur-container p {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
}
.block-erreur-container p:first-child {
    font-size: 35px;
    font-size: 3.5rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    line-height: 40px;
    line-height: 4rem;
}

.block-erreur .block-erreur-container-img {
    display: flex;
    text-align: center;
    width: 65%;
    padding: 20px;
}
.block-erreur .block-erreur-container-img img {
    max-width: 100%;
}

/*.bg-grey-erreur {
    background-color: #f7f7f7; }*/
.bg-grey-erreur {
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .block-erreur,
    .block-erreur.atelier-prive {
        flex-direction: column-reverse;
    }
    .block-erreur .block-erreur-container,
    .block-erreur .block-erreur-container-img,
    .block-erreur.atelier-prive .block-erreur-container,
    .block-erreur.atelier-prive .block-erreur-container-img {
        width: 100%;
    }
    .block-erreur.atelier-prive .block-erreur-container:first-child {
        border-right: none;
    }
}
.block-maintenance {
    width: 100%;
}
.block-maintenance p {
    font-weight: 700;
    font-size: 16px;
}
.block-maintenance img {
    width: 75px;
    margin-top: 15px;
    margin-bottom: 50px;
}

.contact {
    margin-top: 40px;
}
.contact a:not(.btn) {
    font-size: 14px;
    color: #7997af;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .block-maintenance {
        margin: 20px;
    }
}/*!!!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 !!!*/