@import url('https://fonts.bunny.net/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700&display=swap');

body, html {
    font: 15px/1.5 'Lato', sans-serif;
    background-color: #f5f5f5;
    color: #0E161F;
    display: flex;
    height: 100%;
    min-height: 100vh;
    flex-direction: column;
}
h1, h2, h3, h4, input[type="text"] {
    color: #2C3E50;
}
h3 {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0.5rem;
}
h3.h4, h4 {
    font-size: 1.4rem;
    font-weight: normal;
}
h5, h4.h5, h3.h5 {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    line-height: 1;
}
a {
    color: #077e73;
}

input[type="text"], input[type="email"], textarea {
    border:solid 2px #D5D8DC;
    padding: 5px;
}
input[type="text"] label, input[type="email"] label, textarea label {
    padding: 0.25rem 1rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
    width: 100%;
}
input::placeholder {
    color: #2C3E50;
    font-style: italic;
    opacity: 1;
}
input[type="submit"], input[type="button"], .button {
    background-color: #077e73;
    border: solid 0;
    border-radius: 50rem;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    padding: 0.75rem 2.5rem;
    text-align: center;
    text-transform: lowercase;
    font-variant: small-caps;
}
table thead th { background-color: #2C3E50 !important; color: #FFFFFF !important;}
table thead th a { color: #FFFFFF !important; }
table caption {
    width: fit-content;
    padding: 0 1em;
    background-color: #2C3E50;
    border: 2px solid #2C3E50;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    caption-side: top;
    font-size: 0.9em;
    font-weight: bold;
}

/* Classes Communes au Portail SET */
.set-align-super { vertical-align: super; }
.set-background-dark { background-color: #212F3C !important; color: #fff;}
.set-background-dark-blue, .badge-primary, .bg-primary { background-color: #2C3E50 !important; color: #fff; }
.set-background-green { background-color: #077e73 !important; color: white }
.set-background-green:hover, a.set-background-green:focus { background-color: #0c5460 !important; color: white !important; }
.set-background-green a, a.set-background-green, .card a.set-background-green { color: white; }
.set-background-interim-blue { background-color: #2c73b8 !important; }
.set-background-interim-blue:hover, a.set-background-interim-blue:focus { background-color: #1e5992 !important; }
.set-background-interim-blue a, a.set-background-interim-blue, .card a.set-background-interim-blue { color: white; }
.set-background-hover-dark-green:hover, .set-background-hover-dark-green:focus  { background-color: #155 !important; }
.set-background-gray, .set-background-gray-interim { background-color: #E3E3E3 !important; }
.set-background-gray-interim a { color: #2c73b8; }
.set-background-gray a, .set-card-gray a { color: #066F63; }
.set-interim-background-gray a, .set-interim-card-gray a { color: #2c73b8; }
.set-background-light-gray { background-color: #F5F5F5 !important; }
.set-background-transparent { background-color: transparent !important; }
.set-background-white-checkbox label { background-color: #FFFFFF !important; border: none !important; }
.set-background-white { background-color: #FFFFFF; }
.set-background-white a { color:#077e73; }
.badge-interim { color: #fff; background-color: #2c3e50; }
.alert-primary a, .alert-danger a { color: #2c3e50; font-weight: bold; }
.set-color-echelle1 { color: #077e73;}
.set-background-echelle1, .badge-info, .bg-info, .btn-info { background-color: #80d3cb !important; color: #000 !important;}
a.btn-info:hover, a.btn-info:focus, button.btn-info:hover, button.btn-info:focus { background-color: #bae0dc !important;}
.set-color-echelle2 { color: #bde13a;}
.set-background-echelle2, .badge-success, .bg-success { background-color: #bde13a !important; color: #000 !important; }
button.bg-success:hover, button.bg-success:focus { background-color: #a5b600 !important; }
.set-color-echelle3 { color: #f0ff40;}
.set-color-echelle4 { color: #ffe4a4;}
.set-color-echelle5 { color: #ffc107;}
.set-background-echelle5, .badge-warning, .bg-warning { background-color: #ffc107 !important; color: #000 !important;}
.set-color-grey, .text-muted, .text-secondary { color: #666 !important;}
.set-border-dark { border: 1px solid #2c3e50; }
.set-border-none { border:none !important; }
.set-border-radius-top { border-radius: .25em 0.25em 0 0;}
.set-border-left-none { border-left:none !important; }
.set-border-left-light-gray { border-left: solid 1px #077e73 !important; }
.set-border-left-green { border-left: solid 5px #bde13a; margin-left: 1em; }
.set-border-left-yellow { border-left: solid 5px #ffc107; margin-left: 1em; }
.set-border-left-orange { border-left: solid 5px #f6a828; margin-left: 1em; }
.set-border-left-blue { border-left: solid 5px #80d3cb; margin-left: 1em; }
.set-tab-border-right {border-right: 3px solid #ccc;}
.set-tab-border-left {border-left: 3px solid #ccc;}
.box-shadow{
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.12);
}
.set-button-co-emp {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFFFFF !important;
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    transition: background-color 1s ease;
    white-space: nowrap;
    width: 8rem !important;
    height: 27px;
    line-height: 1px;
    margin-right: 3px;
}
.set-button {
    border-radius: 10px;
    color:#FFFFFF !important;
    font-weight: 590;
    text-align: center;
    font-variant: small-caps;
    transition: background-color 0.5s ease;
    padding: 0.75rem 2.5rem;
}
.set-button-lg {
    padding: 14px 40px 16px 40px !important;
    font-size: 1.2rem;
}
.set-button-xs{
    padding: 0 15px !important;
}
.set-button-ongle {
    border-radius: 0.5em;
    background-color: white;
    border-color: #383d41;
    color: #0c5460;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;
    transition: background-color 0.5s ease;
    padding: 0.25em 1em;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.set-background-dark-ongle { background-color: #077e73 !important; color: #fff;}
.set-background-dark-ongle:hover { background-color: #0c5460  !important; color: #fff;}
.set-button-ongle:hover { background-color: #0c5460  !important; color: #fff !important;}

.leaflet-control-zoom-out:hover {
    background-color: #0c5460 !important;
    color: white !important;
}
.leaflet-control-zoom-in {
    background-color: #077e73 !important;
    color: white !important;
}
.leaflet-control-zoom-out {
    background-color: #077e73 !important;
    color: white !important;
}
.leaflet-control-zoom-in:hover {
    background-color: #0c5460 !important;
    color: white !important;
}
.leaflet-container {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.set-button-multiline {
    font-weight: 590;
    text-align: center;
    color: #fff;
    font-variant: small-caps;
    transition: background-color 0.5s ease;
    padding: 0.5rem 1.5rem;
    display: inline-block;
}

@media (max-width: 511px) {
    .set-button-ongle-white{
        margin-bottom: 5px;
        margin-left: 20px;
    }
    .set-button-ongle{
        margin-bottom: 5px;
        margin-left: 20px;
    }
}

.set-button:hover, .set-button:focus {
    text-decoration: none;
    color: #fff;
    background-color: #0c5460;
}
.set-button:disabled { opacity: 1; }
.set-button-go-top a {
    font-size: 2rem;
    bottom: 0;
    right: 0;
    padding: 0.5rem;
    display: block;
    background-color: #f5f5f5;
    color: #2c3e50;
    border-radius: 0.25em 0 0 0;
    opacity: 0.5;
    transition: opacity 1s ease;
}
.set-button-go-top a:hover, .set-button-go-top a:focus {
    text-decoration: none;
    opacity: 1;
    color: #2c3e50;
}
.set-bottom-n25px { bottom:-25px !important; }
.set-bottom-n50px { bottom:-50px !important; }
.set-button-annuler { background-color: #555 !important; color: #fff !important; }
.set-color-dark-blue { color : #2C3E50 !important; }
.set-color-green { color : #077e73 !important; }
.set-color-blue { color : #2c73b8 !important; }
.set-color-white { color : #FFFFFF !important; }
.set-color-concours { color : #D93A3A !important; }
.set-concours-button { background-color: #D93A3A; color: #fff; }
.set-concours-button:hover { background-color: #b00 !important; color: #fff; }
.set-cursor-pointer { cursor: pointer; }
.set-d-none { display: none; }
.set-font-size-18px { font-size:18px; }
.set-font-size-20px { font-size:20px; }
.set-font-size-24px { font-size:24px; }
.set-font-size-30px { font-size:30px; }
.set-font-size-0-7em { font-size: 0.7em; }
.set-font-size-0-9em { font-size: 0.9em; }
.set-font-size-1-2em { font-size: 1.2em; }
.set-font-size-1-25rem { font-size: 1.25rem; }
.set-font-size-1-5rem { font-size: 1.5rem; }
.set-font-size-2-25rem { font-size: 2.25rem; }
.set-font-weight-bold { font-weight: bold; }
.set-font-weight-300 { font-weight: 300 !important; }
.set-font-weight-900 { font-weight: 900 !important; }
.set-lh-1 {line-height: 1.25em;}
.set-h-90 { height: 90%; }
.set-link-green {
    color:#077e73 !important;
    font-weight: bold;
}
.set-link-green-hover:hover { color:#077e73 !important; }
.set-link-green-hover-dark:hover, .set-link-green-hover-dark:focus {
    color: #155 !important;
}
.set-ml-50p { margin-left: 50%; }
.set-left-0p { left : 0 !important; }
.set-line-emploi:after, .set-line-left-emploi:after, .set-line-concours:after, .set-line-footer:after {
    content: '';
    display: block;
    width: 3em;
    border-bottom: 2px solid #077e73;
    padding-bottom: 10px;
    margin: 0 auto;
}
.set-line-interim:after{
    border-bottom: 2px solid #2c73b8 !important;
}
.set-line-left-emploi:after, .text-left.set-line-emploi:after { margin: 0;}
h4.set-line-emploi:after, .set-line-footer:after {width: 2em;}
.set-line-concours:after { border-color: #D93A3A;}
.set-line-footer:after { border-color: #999;}
.set-mw-280px {min-width: 280px;}
.set-mw-340px {min-width: 340px;}
.set-maxw-300px{max-width: 300px !important;}
.set-mt-n5em { margin-top: -5em; }
.set-p-10px { padding: 10px; }
.set-p-0-25rem { padding: 0.25rem; }
.set-pb-5em { padding-bottom: 5em; }
.set-sm-line-green {
    background: url('../img/line_green.png') no-repeat 0 100% !important;
    background-size: 15px 2px !important;
    padding-bottom: 10px;
}
.set-text-light { color:Gray; }
.set-transition-bg { transition: background-color 0.5s ease; }
.set-top-10p { top: 10% !important; }
.set-top-20px { top: 20px !important; }
.set-w-2-5rem { width: 2.5rem !important; }
.set-w-102 { width: 102%; }
.set-w-130px { width: 130px !important; }
.set-w-190px { width: 190px !important; }
.set-w-300px { width: 300px !important; }
.highlight {background-color: #ff0;}
a.btn-icon:hover {text-decoration: none;}


/* Header */
.set-header-top-button-active {
    background-color: #2c3e50 !important;
    color: #fff;
    text-decoration: none !important;
    padding: 0.35rem 1rem;
}

.set-header-top-button-emploi {
    background-color: #07857a !important;
    color: #fff;
    text-decoration: none !important;
    padding: 0.35rem 1rem;
}

.set-header-top-button-active.emploi .icon-charte-pin {
    color: #077e73;
}

.set-header-top-button-active.interim .icon-charte-pin {
    color: #2c73b8;
}

.set-header-top-button-interim {
    background-color: #2c73b8 !important;
    color: #fff;
    text-decoration: none !important;
    padding: 0.35rem 1rem;
}

.set-header-top-button-interim:hover, .set-header-top-button-interim:focus {
    background-color: #FFF !important;
    color: #2c73b8 !important;
}

.set-header-top-button-concours {
    background-color: #D93A3A !important;
    color: #fff;
    text-decoration: none !important;
    padding: 0.35rem 1rem;
}

.set-header-top-button-concours:hover, .set-header-top-button-concours:focus {
    background-color: #FFF !important;
    color: #d93a3a !important;
}

[class^="set-header-top-button-"]:hover span,
[class^="set-header-top-button-"]:focus span,
a[class^="set-header-top-button-"]:hover,
a[class^="set-header-top-button-"]:focus {
    color: #FFF !important;
}


.set-header-bottom-button {
    width: 240px !important;
}

.set-header-logo {
    min-width: 50px;
    max-width: 150px;
}

.set-header-logo-h1 {
    background-color: #e3e3e3;
    border-radius: 3rem;
    display: inline-block;
    font-size: 1rem;
    margin: 0.25rem 2rem 0;
    padding: 10px 18px 0;
}
.set-header-menuicon {
    background-color: #e3e3e3;
    color: #2c3e50;
    padding: 0.25rem;
    display: inline-block;
    width: 2.5rem;
    font-size: 1.25rem;
    text-align: center;
}
.set-header-menuicon:hover, a.set-header-menuicon:focus {
    text-decoration: none;
    color: #0c5460;
}

.animation-rotate:hover, .animation-rotate:focus {
    animation: rotate 1s ease both;
}
.animation-zoom:hover, .animation-zoom:focus {
    animation: zoom 1s ease both;
}
@keyframes shake {
    10%, 90% {transform: translate3d(-1px, 0, 0);}
    20%, 80% {transform: translate3d(1px, 0, 0);}
    30%, 50%, 70% {transform: translate3d(-1px, 0, 0);}
    40%, 60% {transform: translate3d(1px, 0, 0);}
}
@keyframes rotate {
    100% {transform: rotate(360deg);}
}
@keyframes zoom {
    50% {transform: scale(1.1);}
}

a.set-helpicon {
    color: #2c3e50;
    font-weight: bold;
    font-size: 1.2rem;
}
a.set-helpicon:hover, .set-helpicon:focus {
    text-decoration: none;
    background-color: #0c5460;
    color: #fff;
}

/* Footer */
#footer {
    color : #BEC1C5;
}
#footer a {
    color : #FFFFFF !important;
}

#footer .copyright a {
    color : #FFFFFF !important;
    font-weight: bold !important;
}

#footer a:hover {
    color: #0bd4c1 !important;
}

#footer h2 {
    color:#FFFFFF !important;
    font-size: 1.5rem;
}
#footer .small{
    font-size: 84% !important;
}

.footer-margin {
    margin-bottom: -15px;
}
#footer .set-footer-buttons a:hover{
    color: #FFFFFF !important;
}

/* Erreurs */
.error {
    margin-top: 1em;
    color: #600;
    background-color: #f6a828;
    padding: 1em;
    border-radius: 0.5em;
}
.msgErrorPage400 {
    font-size: 16px;
    color: #666666;
    text-align: center
}

/* Liens de navigation */
.nav-pills .nav-link {
    background-color: #E3E3E3;
    color: #2C3E50 !important;
    font-size: 20px;
    font-weight: bold;
}
.nav-pills .nav-link.active {
    background: url('../img/line_green.png') no-repeat 50% 100%;
    background-color: #FFFFFF !important;
    padding-bottom: 10px;
}
.breadcrumb-item.active {
    color:inherit;
}


/* Fil d'ariane */
.breadcrumb {
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "|";
    color: #555;
}


/* Page d'accueil */
.set-accueil-bloc-recherche {
    background-color: #FFFFFF !important;
}
.set-accueil-bloc-recherche-button {
    width: 200px;
}
.set-accueil-faq-question {
    background-color: #FFFFFF;
}
.set-accueil-faq-question li {
    border-bottom:solid 1px #EBEBEB;
}
.set-accueil-faq-question li:last-child {
    border-bottom: none;
}
.set-accueil-faq-question a {
    color:#2c3e50;
    font-weight: normal;
}
.set-accueil-carousel-button-bottom, .set-links-carousel-button-bottom {
    cursor: pointer;
    height: 15px !important;
    width: 15px !important;
}
.set-accueil-carousel .carousel-item.active, .set-accueil-carousel .carousel-item-next, .set-accueil-carousel .carousel-item-prev,
.set-links-carousel .carousel-item.active, .set-links-carousel .carousel-item-next, .set-links-carousel .carousel-item-prev {
    display: flex;
}
.set-accueil-carousel .carousel-indicators, .set-links-carousel .carousel-indicators {
    align-items: center;
}
.set-accueil-carousel .carousel-indicators li, .set-links-carousel .carousel-indicators li {
    width: 0.9rem;
    height: 0.9rem;
    border: 0;
    border-radius: 1rem;
    text-indent: 0;
    opacity: 0.65;
}
.set-accueil-carousel .carousel-indicators li.active, .set-links-carousel .carousel-indicators li.active {
    opacity: 1;
    height: 1.2rem;
    width: 1.2rem;
}
.set-accueil-carousel .carousel-indicators li button, .set-links-carousel .carousel-indicators li button {
    position: absolute;
    background-color: #2c3e50 !important;
    color: #fff !important;
    margin-top: 1.5rem;
    padding: 0.25em;
}

.set-accueil-carousel .carousel-control-next, .set-accueil-carousel .carousel-control-prev,
.set-links-carousel .carousel-control-next, .set-links-carousel .carousel-control-prev {
    align-items: end;
    top: inherit !important;
    width: auto;
}
.set-accueil-carousel .carousel-control-next a, .set-accueil-carousel .carousel-control-prev a ,
.set-links-carousel .carousel-control-next a, .set-links-carousel .carousel-control-prev a
{
    padding: 2rem 1rem 0;
    font-size: 2em;
}
.set-accueil-carousel .carousel-control-next a:hover, .set-accueil-carousel .carousel-control-prev a:hover,
.set-accueil-carousel .carousel-control-next a:focus, .set-accueil-carousel .carousel-control-prev a:focus,
.set-links-carousel .carousel-control-next a:hover, .set-links-carousel .carousel-control-prev a:hover,
.set-links-carousel .carousel-control-next a:focus, .set-links-carousel .carousel-control-prev a:focus {
    text-decoration: none;
}

.form-search {
    border-radius: 0 0 1rem 1rem;
}
.form-search.body-only {
    border-radius: 1rem;
}

.form-search input[type="text"] {
    padding: 0 !important;
    background-color: transparent !important;
}
.select2-container span[title^="Indiff"] {
    font-weight: normal;
    font-style: italic;
    color: #2c3e50;
}
.select2-active #btn_search {
    float: right;
}

.border-radius {
    border-radius: 1rem;
}


/* Page FAQ */
.set-faq-section h4 {
    background: none !important;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 0;
}
h4.set-faq-question a {
    color: #2c3e50;
    display: block;
    font-weight: bold !important;
    font-size: 1.25rem !important;
    padding-right: 3rem;
    transition: color 0.5s ease;
}
h4.set-faq-question a:hover, h4.set-faq-question a:focus {
    color: #077e73;
    text-decoration: none;
}
h4.set-faq-question a::after {
    content: "\e943";
    font-family: 'icomoon',fantasy !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.5rem;
    float: right;
    padding-left: 1rem;
}
h4.set-faq-question a[aria-expanded=true] {
    color: #077e73;
}
h4.set-faq-question a[aria-expanded=true]:after {
    content: "\e986";
}
.set-faq {
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
}
.set-faq-section > .set-faq:last-child {
    border: none;
}
.set-faq a, .modal-body a {
    color: #077e73;
    transition: color 0.5s ease;
}
.set-faq a:hover, .modal-body a:hover, .set-faq a:focus, .modal-body a:focus {
    color: #0c5460;
}

a.set-button-cancel, button.set-button-cancel {
    background: #e3e3e3 0 0 no-repeat padding-box;
    color: #2c3e50 !important;
    display: block;
    font-variant: small-caps;
    font-weight: bold;
    border: 0;
    transition: background-color 1s ease;
}
a.set-button-cancel:hover, button.set-button-cancel:hover {
    color:#FFFFFF !important;
}


/* Surcharge et gestion des cartes et fenêtres modales */
.card {
    border: 0;
    margin-bottom: 3rem;
    background-color: transparent;
}
.card-header:first-child {
    border-radius: 1rem 1rem 0 0;
}
.card-body {
    border-radius: 0 0 1rem 1rem;
}

#BlocVideos .card-body h3{
    text-align: left !important;
    background: none;
}
.card-body.body-only {
    border-radius: 1rem;
}
.card-grey .card-body, .card-grey .card-shadow, .card-grey .card-header {
    background-color: #e3e3e3;
}
.card-shadow {
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem #2C3E50;
    padding-bottom: 2rem;
}
.card-shadow + .card-footer, .card-body.with-footer + .card-footer  {
    margin-top: -2rem;
}
.card-footer:last-child {
    border-radius: 0;
}
.card-body.with-footer {
    padding-bottom: 3rem;
}
.card-body.with-footer + .card-footer {
    padding-top: 1rem;
}
.card .card-header, .card .card-footer, .modal .modal-header {
    border: 0;
    padding-bottom: 0;
    background-color: transparent;
    text-align: center;
}
.card.set-card-white > div {
    background-color: #fff;
}
.card.set-card-gray > div {
    background-color: #E3E3E3;
}
.modal .modal-footer {
    border: 0;
}
.card-header h2:after, .card-pseudo-header:after {
    content: "";
    margin: 0.5rem auto 0;
    display: block;
    width: 50px;
    border-bottom: 2px solid #077e73;
}
.card-concours .card-header h2:after {
    border-color: #d93a3a;
}
.card .card-header h2, h4.modal-title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0.5rem;
}
h4.modal-title {
    margin: auto;
    width: 100%;
}
.card-body h3 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-left: 0.5rem;
}
.card-video-background {
    background: #f5f5f5 !important;
}


/* Barre de titre fixe */
.sticky:not(.modal-open) .set-bloc-header-logo {
    margin: -0.75rem 0 0;
}
.sticky:not(.modal-open) .set-bloc-header-logo h1 {
    margin-top: -1rem;
    border-radius: 0.5rem;
    padding-top: 0;
}
.sticky:not(.modal-open) .set-bloc-header-logo img {
    height: 4rem;
}
.sticky:not(.modal-open) #Niveau1 {
    box-shadow: 0.5rem 0 1rem #2c3e50;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.sticky:not(.modal-open) #HeaderLocal {
    padding-top: 4rem;
}


/* Spécifique */
.set-bg-motif-emploi {
    background-image: linear-gradient(to right, rgba(227, 227, 227, 1) 20%, rgba(227, 227, 227, 0)), url('../img/motif_emploi.png') !important;
}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text)
}
/* Liste Select */
.set-select select {
    padding: 0;
}
.set-select-component select {
    visibility: hidden;
    height: 3em;
}
.set-select select, .set-select label {
    width: 100%;
}
.set-select select[multiple] {
    max-height: 3em;
}
.set-select .select2 {
    color: #2c3e50;
    font-weight: bold;
    margin: 0.25rem 0;
}
.set-select label {
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
}
.set-select label.activated, .set-input label.activated  {
    background-color: #fff;
}
.set-select-placeholder, .set-input-placeholder {
    font-size: 0.9rem;
    display: block;
    padding: 0 0.5rem;
    position: absolute;
    background-color: #fff;
    color: #077e73;
    z-index: 99;
    margin: -0.9rem 0.9rem;
}

.set-select label .set-select-placeholder, .set-input label .set-input-placeholder {
    display: none;
}
.set-select label.activated .set-select-placeholder, .set-input label.activated .set-input-placeholder {
    display: block;
}
.set-select .select2-selection {
    background-color: transparent;
    border-color: transparent;
}
.set-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #2c3e50;
}
.set-select + .set-select-help {
    padding: 0.5em 0.25em;
}
.set-select .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0;
    outline-width: 1px;
}
.filtre_recherche_offre  .select2-selection[aria-expanded='true'] .select2-search--inline .select2-search__field,
.filtre_recherche_offre  .select2-search--inline .select2-search__field:focus {
    background-color: #ddeeff;
    padding: 0 3px;
    border: 1px solid #ccc;
    min-width: 3em;
    border-radius: 4px;
}
.filtre_recherche_offre .select2-selection[aria-expanded='true'] .select2-search__field::placeholder {
    color: #999;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: #0c5460;
    color: white;
}
.select2-container > .bigdrop > .select2-results > .select2-results__options { max-height: 350px; }

.set-input, .set-field {
    white-space: nowrap;
}
.set-field {
    max-width: 90%;
    display: inline-block;
}
.set-input label, .set-field {
    padding: 0.25rem 1rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
}
.set-input input, .set-field input {
    border: 0;
    background-color: transparent;
    display: inline-block;
    outline: transparent;
}
.set-input.large label { width: 100%; }
.set-input.large input {
    margin: 0.5rem 0 0.25rem;
    width: 100%;
}
.set-input input::placeholder, .set-field input::placeholder {
    font-style: italic;
}

input.select2-search__field {
    background-color: #f5f5f5;
    font-style: italic;
    transition: background-color 1s ease;
}
input.select2-search__field:focus {
    background-color: #ddeeff;
}

.select2-dropdown {
    border-color: #077e73;
    background-color: #ddeeff;
}
.select2-container--open .select2-dropdown--below {
    border-top: 2px solid #ddd;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: 2px solid #ddd;
}
.select2-container ul.select2-results__options[aria-multiselectable="true"] li[aria-selected="true"]:before {
    content: "\e914";
    font-family: 'icomoon',fantasy !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    padding-right: 0.5rem;
}
.select2-container ul.select2-results__options[aria-multiselectable="true"] li[aria-selected="false"]:before  {
    content: "\e98c";
    font-family: 'icomoon',fantasy !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    padding-right: 0.5rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow: auto;
    white-space: normal;
}

.set-title {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.set-color-emploi, a.set-lien-emploi {
    color: #077e73;
}
.set-color-emploi-darker, a.set-lien-emploi:hover, a.set-lien-emploi:focus {
    color: #155;
}

.set-charte-pin {
    color:#077e73 ;
}

/* Graphiques */
.set-chart svg {
    max-height: 10rem;
}
.set-chart.set-chart-big svg {
    max-height: 12rem;
}
@media (min-width: 1200px) {
    .set-chart.set-chart-big svg {
        max-height: 14rem;
    }
    .set-sticky-btn-recherche {
        position: fixed;
        bottom: 0.5em;
        z-index: 999;
    }
}

.set-donut-ring {
    stroke: #e3e3e3;
}
.set-donut-segment {
    transition: opacity 1s ease;
}
a.set-donut-link:hover, a.set-donut-link:focus {
    cursor: pointer;
    opacity: 0.5;
}
.set-donut-segment-01, .set-chart-color-segment-01 {
    stroke: #67c1d3;
    color: #67c1d3;
}
.set-donut-segment-04, .set-chart-color-segment-04 {
    stroke: #cce;
    color: #cce;
}
.set-donut-segment-03, .set-chart-color-segment-03 {
    stroke: #fc0;
    color: #fc0;
}
.set-donut-segment-06, .set-chart-color-segment-06 {
    stroke: #d93a3a;
    color: #d93a3a;
}
.set-donut-segment-10, .set-chart-color-segment-10 {
    stroke: #315170;
    color: #315170;
}
.set-donut-segment-08, .set-chart-color-segment-08 {
    stroke: #500;
    color: #500;
}
.set-donut-segment-09, .set-chart-color-segment-09 {
    stroke: #f86;
    color: #f86;
}
.set-donut-segment-02, .set-chart-color-segment-02 {
    stroke: #077e73;
    color: #077e73;
}
.set-chart-text {
    font: 16px/1.4em "Lato", Arial, sans-serif;
    fill: #000;
    -ms-transform: translateY(0.25em);
    transform: translateY(0.25em);
}
.set-chart-number {
    font-size: 0.4em;
    font-weight: bold;
    line-height: 1;
    text-anchor: middle;
    -ms-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
}
.set-chart-legend {
    text-align: left;
    margin: 0.5rem 0;
    padding-right: 0.25rem;
}
.set-chart-legend a {
    color: #2c3e50;
}
.set-chart-legend a:hover, .set-chart-legend a:focus {
    opacity: 0.8;
}
.set-chart-color {
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle;
}
.set-chart-legend .number {
    font-weight: bold;
}
.set-chart-legend .label {
    display: block;
    font-style: italic;
    font-size: 0.9rem;
    margin-left: 1.5rem;
}

.set-metiers-mobile a, .set-metiers-mobile p, .set-metiers-mobile span{
    color: #077e73 !important;
}

.set-metiers li.list-group-item {
    background-color: transparent;
    padding: 0.25rem;
    font-size: 0.95rem;
    border:none !important;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}
.set-metiers li.list-group-item span {
    display: inline-block;
    margin-left: 0.25rem;
}

.set-metiers li.list-group-item:last-child{
    border-bottom: 0 !important;
}


/* Carte */
#BlocVideos{
    background-color: transparent !important;
}

/* Tooltips */
.tooltip {
    font: 15px/1.5 'Lato', sans-serif;
}
button[data-tooltip]:not(:disabled),button.btn[data-tooltip]:not(:disabled) { cursor: help; }


@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1320px;
    }
    .sticky:not(.modal-open) .set-bloc-header-logo {
        margin: -0.75rem 0 0;
    }
    .sticky:not(.modal-open) .set-bloc-header-logo img {
        height: 4rem;
    }
    .sticky:not(.modal-open) #Niveau1 {
        box-shadow: 0.5rem 0 1rem #2c3e50;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .sticky:not(.modal-open) #HeaderLocal {
        padding-top: 4rem;
    }
}

@media (min-width: 1200px) {
    .ml-xl-n5em {
        margin-left: -5em;
    }
    #SyntheseOffre .set-background-white {
        min-height: 450px;
    }
    #map {
        margin: 1em;
        width: 100%;
        height: 80%;
    }
}

@media  (max-width: 1200px) {
    #map {
        margin: 1em;
        width: 100%;
        height: 400px;
    }
}

@media  (min-width: 576px) and (max-width:992px) {
    #Niveau1 .set-button{
        padding: 0.25rem 0.5rem !important;
    }
    .set-bloc-header-logo {
        height: 30px;
    }
    .set-bloc-header-logo h1 {
        background-color: #e3e3e3;
        border-radius: 2rem;
        display: inline-block;
        margin: 0.25rem 0 0;
        padding: 0.25rem 1.5rem;
    }
    .sticky:not(.modal-open) .set-bloc-header-logo h1 {
        margin-top: -0.25rem;
        border-radius: 0.5rem;
        padding-top: 0;
    }
}
@media (min-width: 992px) {
    .set-button-co-emp {
        background-color: #077e73;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color:#FFFFFF !important;
        font-weight: 450 !important;
        text-align: center !important;
        transition: background-color 1s ease;
        white-space: nowrap;
        font-size: 17px !important;
        width: 12rem !important;
        height: 35px;
        line-height: 20px;
    }
    .set-bloc-header-logo {
        height: 35px;
    }
    .set-bloc-header-logo h1 {
        margin: 0.25rem 2rem 0;
        padding: 10px 18px 0;
        border-radius: 3rem;
        z-index: 2;
        font-size: 1rem;
        background-color: #e3e3e3;
        display: inline-block;
    }
}
@media (max-width: 576px) {
    #Niveau1 .set-button{
        padding: 0.25rem !important;
    }
    .set-bloc-header-logo {
        height: 50px;
    }
    .set-bloc-header-logo h1 {
        background-color: #e3e3e3;
        border-radius: 1.25rem;
        display: inline-block;
        margin: 1rem 0 0;
        padding: 0.25rem 0.5rem;
    }
    .set-bloc-header-logo img, .sticky:not(.modal-open) .set-bloc-header-logo img {
        height: 3.5rem;
    }
    .sticky:not(.modal-open) .set-bloc-header-logo h1 {
        margin-top: 0.5em;
        border-radius: 0.5rem;
        padding-top: 0;
    }
}

#bigmap {
    width: 100%;
    height: 600px;
    scroll-margin-top: 100px;
}

.fileUpload {
    position				: relative;
    overflow				: hidden;
    padding					: 20px 10px 20px 10px;
    margin					: 5px;
    border 					: 3px dashed #4A506F;
    border-radius			: 5px;
    text-align				: center;
    cursor					: pointer;
}
.fileUpload.is-invalid {
    border-color: #dc3545;
}
.fileUploadHover {
    background				: #e2e2e2;
}
.fileUpload:hover {
    background				: #e2e2e2;
}
.fileUpload input.upload {
    cursor					: pointer;
    position				: absolute;
    top						: 0;
    left					: 0;
    margin					: 0;
    padding					: 0;
    height					: 80px;
    opacity					: 0;
    -ms-filter				: 'alpha(opacity=0)';
    filter					: alpha(opacity=0);
    width					: 100%;
}

form[name="search_offre_form"] label {
        position: relative;
}
.span-loading{
    position: absolute;
    top: 10px;
    right: 10px;
}
.w-125p{
    min-width: 125px;
}
.invalid-feedback ul{
    padding: 0 !important;
    list-style-type: none;
}
.select2-selection__placeholder{
    font-weight: normal;
    font-style: italic;
}
.col-logo{
    padding-top: 10px;
}
.col-logo img{
    max-width: 100px;
}
.btn-link-set{
    color: #077e73 !important;
}
.btn-link-set:hover, .btn-link-set:focus {
    background-color: #2C3E50 !important;
    color: #fff !important;
}
.set-navbar-demandeur{
    border-top: solid 1px #f5f5f5;
    background-color: #e9e9e9 !important;
}

.blocButton {
    border-radius: 1em;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    width: 40%;
}
.blocButton a {
    color : #212F3C;
    text-decoration: none;
}

.blocButtonPersonnalInformation {
    background-color: #fff;
    border: 2px solid #333;
}

.blocButtonEmailAlert {
    background-color: #fff;
    border: 2px solid #333;
}

.blocButton:hover {
    background-color: #cce5ff;
    transition: background-color 1s ease;
}

.animation-shake:hover, .animation-shake:focus {
    animation: shake 0.75s cubic-bezier(.36,.07,.19,.97) both;
}

.set-navbar-demandeur, .dropdown-menu {
    background-color: transparent !important;
    border-top:none;
}

.dropdown-menu {
    background-color: #212F3C !important;
}
.nav-item {
    background-color: transparent !important;
}
.nav-item:hover, .dropdown-item:hover {
    background-color: #0c5460 !important;
    transition: background-color 1s ease !important;
}
.navbar-collapse {
    color: #FFF !important;
}
.navbar-collapse a {
    color: #FFF !important;
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.logo-france-relance{
    max-width: 500px;
    margin: 0 auto 10px auto;
}
div[disabled] {
    opacity: 0.6;
    pointer-events: none;
}

.fs20px {font-size:20px;}
.w150px {width: 150px;}
.w160px {width: 160px;}
.required::after {
    color: #b00;
    content: " *";
}
.label-no-style label {
    background-color: transparent !important;
    border: 0 solid transparent !important;
}
label[for] {
    cursor: pointer;
}
.set-select.label-no-style .select2 {
    border: 1px solid #ccc;
    border-radius: 0.25em;
    cursor: pointer;
}
.set-select.label-no-style .select2:hover {
    border-color: #2c3e50;
    background-color: #ddeeff;
 }
.form-group > label, .col-form-label {
    font-weight: bold;
}
label.form-check-label.required::after {
    content: "";
}
small.form-text {
    font-size: 1em;
}

.pagination a {
    color: #077e73 !important;
}

.pagination .active span {
    background-color: #077e73 !important;
}
.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.cursor-help {cursor: help;}

/**
 * Colorie de la précision des alertes
 */
.score{border: 1px solid #2C3E50; cursor: help;}
.scoreSup40 {background-color: #bde13a;}
.scoreSup20 {background-color: #fc0;}
.scoreSup10 {background-color: #ff8b07;}
.scoreInf10 {background-color: #c82333;}

.alert-Demandeur-border-right {border-right: 1px solid #dee2e6}
.star-mendatory {color: red; font-size: 16px}
.iframeMentionLegale{border: 0; height: 200px; width: 600px;}

.navbar-user-infos p{
    margin: 0 !important;
    padding: 0 !important;
}
.navbar-user-infos{
    padding: 0 10px;
    font-size: 12px;
    line-height: 12px;
}

.fcconnectv2 {
    width: 209px;
    height: 56px;
    padding: 0;
    border: 0;
    background: url('../img/franceconnect/franceconnect-btn-principal.png') no-repeat;
    display: inline-block;
}
.fcconnectv2:hover {
    width: 209px;
    height: 56px;
    padding: 0;
    border: 0;
    background: url(../img/franceconnect/franceconnect-btn-principal-hover.png) no-repeat;
}
.what-fc {
    padding: 12px 0 0;
    margin: 0;
}
.what-fc a {
    color: #0052cc !important;
}
.w500 {
    max-width: 500px;
}
.w600 {
    max-width: 600px;
}
.hr-or {
    padding-top: 5px;
}
.hr-or div {
    margin-top: -26px;
    color: #999999;
}
.annuler-link {
    font-weight: bold;
    color: #666666;
}
.div-radio input{
    margin-right: 5px;
}
.div-radio label {
    margin-right: 10px;
}
.text-size-11 {
    font-size: 0.9em;
}
.div-checkbox {
    flex-direction: column-reverse;
}
.main-demandeur {
    background-color: white;
    padding: 1em;
    margin-top: 1em;
    border-radius: 0.5em;
}
.set-badge {
    background-color: #2C3E50 !important;
    color: white !important;
    font-size: .9rem;
    white-space: normal;
}
.td-title {
    background-color: #2C3E50 !important;
    color: #FFFFFF !important;
}
.overflow-scroll {
    overflow: scroll;
    max-height: 100%;
}
.help {
    font-size: 1em;
    color: #666666;
    margin: 0.5em 0;
    display: block;
}
.modal-fichemetiers .modal-dialog {
    max-width: 900px !important;
}
.modal-fichemetiers {
    padding-left: 17px;
}
.modal-fichemetiers .title {
    display: inline-block;
    font-weight: bold;
    min-width: 120px;
}

body.dev .set-subtitle span, body.dev .set-environment { background-color: #fc0; color: #0E161F;}
body.dev #Niveau1 { border-bottom: 5px solid #fc0; }
body.dev header h1:after { content: "Dev !"; background-color: #fc0; color: #0E161F; font-weight: bold; position: fixed; padding: 0.5em; right: 0; top: 0;}
body.recette .set-subtitle span, body.dev .set-environment { background-color: #f93; color: #0E161F;}
body.recette #Niveau1 { border-bottom: 5px solid #f93; }
body.recette header h1:after { content: "Recette"; background-color: #f93; color: #0E161F; font-weight: bold; position: fixed; padding: 0.5em; right: 0; top: 0;}
body.demo .set-subtitle span, body.demo .set-environment { background-color: #bde13a; color: #0E161F;}
body.demo #Niveau1 { border-bottom: 5px solid #bde13a; }
body.demo header h1:after { content: "Démo"; background-color: #bde13a; color: #0E161F; font-weight: bold; position: fixed; padding: 0.5em; right: 0; top: 0;}
body.preprod .set-subtitle span, body.preprod .set-environment { background-color: #f8f; color: #0E161F;}
body.preprod #Niveau1 { border-bottom: 5px solid #f8f; }
body.preprod header h1:after { content: "Préprod"; background-color: #f8f; color: #0E161F; font-weight: bold; position: fixed; padding: 0.5em; right: 0; top: 0;}

/** module intérim */
.set-background-gray-interim h2 {
    font-size: 50px;
}
.interim a{
    color: #2c73b8;
}
.carousel-item img, .services-items img, .metiers-items img{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
}
.interim.metier video{
    width: 100%;
    border-radius: 20px;
}
.interim .btn-white a{
    color: white !important;
}
.set-interim-avis{
    padding: 0 40px 80px 40px;
}
.set-interim-avis h3{
    margin-top: -60px;
}
.set-interim-avis::before{
    content: "“";
    color: #2c73b8;
    font-size: 120px;
    font-weight: 900;
}
.set-interim-avis::after{
    content: "”";
    color: #2c73b8;
    font-size: 120px;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 900;
    float: right;
    margin-top: -40px;
}
.interim h4.set-faq-question a,
.interim h4.set-faq-question a[aria-expanded="true"],
.interim h4.set-faq-question a:hover {
    color: #2c73b8;
}
.bg-img-cover{
    background-image: url("/port/img/interim/photo_cdg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.interim-statistics{
    min-width: 200px;
    text-align: center;
}
.interim-statistics:after{
    content: '';
    display: block;
    width: 1.5em;
    border-bottom: 4px solid #2c73b8;
    padding-bottom: 10px;
    margin: 0 auto;
}
.set-mission-accordion a:after{
    margin-top: -20px;
}
.img-responsive{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}