.container-recherche {
    width: 90%;
    display: block;
    margin: 0 60px;
    padding: 20px 0 0 0;
}

#principal {
    position: relative;
    padding: 0 !important;
}

#criteres-recherche {
    text-transform: uppercase;
    color: #4E4751;
    font-weight: bold;
    margin-bottom: 8px;
    margin-left: -40px;
}

#filtres-recherche {
    text-transform: uppercase;
    color: #e1e1e1;
    font-weight: bold;
    margin-bottom: 8px;
    margin-left: -40px;
}

#top-recherche {
    background: #ffffff;
    padding-bottom: 12px;
}

#content-recherche {
    background: #ededed;
    display: inline-flex;
    min-width: 100% !important;
}

.publi-date {
    font-size: 0.7em;
    margin-top: 5px;
    color: #000;
    display: block;
    text-align: center;
}

.cont-down {
    padding: 0 !important;
}

.container-recherche label {
    font-weight: normal;
    float: left;
    margin-top: 4px;
    color: #000;
    cursor: pointer;
}

.labelsWrapper input[type="checkbox"] {
    display: none;
    /*
    float: left;
    margin: 5px;
    */
}

.labelsWrapper input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #a2a2a2;
    border-radius: 2px;
    float: left;
    margin: 0 5px 0px 5px;
    padding: 0 0 0 3px;
}

.labelsWrapper input[type="checkbox"]:checked + label::before {
    content: "\2714";
    background: #5C3477;
    color: #fff;
    border: none;
}

.multiselect-container > li > a > label > input[type="checkbox"] {
    display: inline-block;
    transform: scale(.8);
}

#outdated {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}

* html #outdated {
    position: absolute;
}

#outdated h6 {
    font-size: 25px; line-height: 25px; margin: 30px 0 10px;
}

#outdated p {
    font-size: 12px; line-height: 12px; margin: 0;
}

#outdated #btnUpdateBrowser {
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}

#outdated #btnUpdateBrowser:hover{
    color: #f25648; background-color:#ffffff;
}

#outdated .last {
    position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;
}

#outdated .last[dir='rtl'] {
    right: auto !important; left: 25px !important;
}

#outdated #btnCloseUpdateBrowser {
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

.subselects {
    margin-top: 10px;
}

.subsubselects {
    margin-top: 18px;
    margin-bottom: 10px;
}

.item + .item + .item + #searchLocation-selectized {
    display: inline-block !important;
    opacity: 0 !important;
}

.item + .item + .item + #searchOrganization-selectized {
    display: inline-block !important;
    opacity: 0 !important;
}

.item + .item + .item + #searchArea-selectized {
    display: inline-block !important;
    opacity: 0 !important;
}

#searchArea {
    float: left;
    height: 40px;
    line-height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    padding: 0 25px 0 15px;
}

.selectWrapper {
    position: relative;
    float: left;
}

/*
.container-recherche .row [class*='col-md-'] {
    padding-left: 0;
    padding-right: 0;
}
*/
.connexion-link {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.input,
.select2-selection__rendered {
    padding: 9px 15px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 15px !important;
    vertical-align: middle;
}

.select2-selection__rendered {
    padding-left: 15px !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-container {
    margin-top: 15px;
}

.selectize-input {
    min-height: 23px;
    /*width: 160px;*/
}

.selectize-input.focus {
    /*
    border-color: inherit;
    outline: 0;
    box-shadow: inherit;
    */
    border-color: #5C3477;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #5C3477;
}

.searchWrapper {
    /*
    width: 47%;
    margin: 0 35px 0 -10px !important;
    float: left;
    display: inline-block;

     */
}

#searchField {
    width: 100%;
}


#searchField:focus-visible {
    border-color: #5C3477;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #5C3477;
    /*
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    */
}

#searchFormationType {
    float: left;
    display: inline-block;
    width: 100%;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    background-color: #fff !important;
    border-color: #5C3477 !important;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #5C3477 !important;
}

#searchFormationTypeIcon {
    float: left;
    font-size: 1.2em;
    color: #337ab7;
    margin-top: 10px;
    cursor: pointer;
}

#searchButton {
    float: right;
    margin-bottom: 50px;
}

.logo-recherche {
    margin: 0 25px;
    display: block;
    padding: 20px;
}

.modal_button {
    float: left;
    display: inline-block;
    padding: 8px 20px;
    margin: 10px;
    font-size: 0.9em;
}

.clr {
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.right {
    float: right;
}

.siret {
    font-style: italic;
    font-size: .7em;
    margin-top: -2px !important;
}

#toggleCriteres {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
              user-select: none;
}

.criteres {
    margin-top: 10px;
    display: none;
}

#filtersWrapper {
    display: none;
    background: #4E4751;
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5);
            box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5);
}

.cont-filter {
    /*margin: 0 !important;*/
    padding: 10px 0;
    min-height: 110px;
}

#order_filters {
    margin-right: 19px;
}

#allOrganizationsWrapper {
    display: none;
    margin: 5px 0 0 10px;
}

#allOrganizations {
    float: left;
    margin: 5px 7px 5px -10px;
}

#filterContent {
    /*float: left;*/
    /*margin-left: 55px;*/
    /*max-width: 100%;*/
}

#changelog {
    min-width: 100%;
    color: black;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0;
}

#changelog p {
    text-align: center;
    display: inline-block;
    margin: 7px 0 0 15px;
    color: #337ab7;
}

#changelog span {
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
    color: #337ab7;
    margin-left: 5px;
    font-weight: normal;
}

.liens-carifs {
    display: inline-block;
    margin-left: 33%;
}

.liens-carifs span {
    font-weight: bold;
    font-size: 0.95em;
    margin-right: 10px;
}

.liens-carifs img {
    width: 40px;
    margin-right: 5px;
}

/*.areaWrapper .selectize-dropdown,*/
/*.locationWrapper .selectize-dropdown,*/
/*.organizationWrapper .selectize-dropdown,*/
/*.areaWrapper .selectize-dropdown-content {*/
    /*max-height: 240px !important;*/
/*}*/

.locationWrapper .selectize-dropdown,
.organizationWrapper .selectize-dropdown {
    max-height: 240px !important;
}

.radiusWrapper .selectize-input {
    width: 110px;
}

.radiusWrapper .selectize-input .item {
    font-size: .8em;
}

.radiusWrapper {
    display: none;
}

.rayonLabel {
    margin: 10px 10px 0 -5px;
    float: left;
    display: none;
}

.dispo {
    color: #000 !important;
    font-weight: bolder !important;
    margin-right: 5px !important;
}

.btn_charge_info {
    padding: 6px !important;
    display: inline-block;
    border-radius: 20px;
    box-shadow: none !important;
}

.btn_charge_info:hover {
    box-shadow: none !important;
    top: 0 !important;
    position: inherit !important;
}

.result-line {
    background: #fff;
    padding: 5px 30px;
    font-size: .95em;
    box-shadow: 1px 1px 4px 0 rgba(200,200,200,.65);
    margin-top: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.result-line:hover {
    box-shadow: 2px 2px 5px 0 rgba(200,200,200,1);
}

.result-line h2 a {
    color: #C41532;
    text-decoration: none;
    font-size: .85em;
}

.result-line h2 a:hover,
.result-line h2 a:focus,
.result-line h2 a:active {
    color: #9F061E;
    text-decoration: none;
}

.result-line [class*="col-md"] {
    padding: 0 !important;
}

.text-organisme {
    background: none !important;
    float: inherit !important;
    font-size: 1em !important;
    color: #000 !important;
    display: inline-block;
    margin: 20px 0 5px 35px !important;
    cursor: default;
    width: 100%;
}

.text-organisme span {
    display: inline-block;
    width: 90%;
}

#tooltipSearch {
    display: none;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 9999;
    top: 50px;
}

#tooltipMore {
    display: none;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 9999;
}

/* Tooltip container */
.tooltip-box {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip-box .tooltip-text {
    visibility: hidden;
    width: 200px;
    bottom: 140%;
    left: 50%;
    margin-left: -100px; /* Use half of the width to center the tooltip */
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-box:hover .tooltip-text {
    visibility: visible;
}

.tooltip-box .tooltip-text::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}


.selectize-dropdown .active {
    background-color: #7f7f7f !important;
    color: #efefef !important;
}

.formationTypeWrapper .selectize-dropdown .active.fpc-head ~ .fpc-sub,
.formationTypeWrapper .selectize-dropdown .active.fi-head ~ .fi-sub,
.formationTypeWrapper .selectize-dropdown .active.fa-head ~ .fa-sub,
.formationTypeWrapper .selectize-dropdown .active.fa-head ~ .sas-sub {
    background-color: #9f9f9f !important;
    color: #efefef !important;
}

.selectize-control.single .selectize-input::after {
    right: 9px;
    border-width: 4px 4px 0 4px;
}

.text-labels {
    float: inherit !important;
    font-size: .9em !important;
    display: inline-block;
}

.item-info.text-labels {
    margin: 0 0 5px 10px;
}

.labels-formation .item-info {
    background: #f4f4f4;
    color: #5f5f5f;
    padding: 5px 10px;
    font-size: .9em;
    margin: 5px 0;
    display: inline-block;
    float: left;
}

.container-right {
    background: #f4f4f4;
}

.label-container {
    float: left;
    width: 60%;
    display: inline-block;
    margin: 0 !important;
}

.label-conventionnement,
.label-dispositif {
    display: block;
    font-weight: bold;
    font-size: .9em;
}

.label-dispositif {
    color: #9d9d9d
}

.result-line .col-md-4 {
    float: right;
    position: relative;
}

.result-line .col-md-4 .item-info,
.result-line .col-md-4 .logo-cont {
    float: right;
    display: block !important;
    width: 100%;
    text-align: right;
}

.logo-cont {
    display: block;
    height: 50px;
    min-width: 1px;
}

.dispo_item {
    float: right;
    text-align: right;
    font-weight: bolder;
    padding: 4px 5px;
    font-size: .8em;
    margin: 5px 0;
}

.logo-cont img {
    width: auto;
    height: 30px;
    margin: 10px 5px;
}

img.badge-inactif {
    opacity: 0.15;
}

.logo-cont img.logo-cpf {
    width: 40px;
    height: 20px;
    margin: 10px;
}

div.infos-session {
    width: 120px;
}

div.voies-acces-session img {
    max-width: 35px;
    margin-left: 5px;
}

.logo-container {
    width: 100%;
    padding: 5px !important;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}

.item-info {
    background: #f4f4f4;
    color: #000;
    padding: 4px 5px;
    font-size: .9em;
    margin: 5px 0;
    display: inline-block;
}

.clear {
    clear: both;
    display: block;
    content: '';
}

.labels-formation {
    margin: 15px 0 -3px 0 !important;
    float: left;
}

.labels-formation .dispo {
    margin: 5px 5px 5px 0 !important;
    font-weight: normal !important;
}

.print_metier {
    float: right;
    margin-top: 2px;
    margin-right: -20px;
}

.print_metier i {
    font-size: 1.4em;
}

.customSelect {
    max-width: 95%;
    min-width: 95%;
    margin-left: 0 !important;
    position: absolute;
    top: 75px;
    z-index: 99;
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: none;
}

.num-marche {
    font-size: 0.8em;
    margin-right: 5px;
    color: #000;
    font-style: italic;
    float: right;
}

.more_buttons {
    right: 15px;
    position: absolute;
    z-index: 9;
}

.more_buttons span {
    /*
    background: #337ab7;
    color: #f4f4f4;
    border: 1px solid #fff;
    */
    background: #fff;
    color: #C41532;
    font-weight: bold;
    border: 1px solid #9F061E;
    margin-right: 5px;
    padding: 4px 8px;
    font-size: 0.95em;
    cursor: pointer;
    border-radius: 2px;
}

.more_buttons span:hover {
    /*
    background: #9e9e9e !important;
    color: white !important;
    box-shadow: none !important;
    */
    color:#fff;
    background: #9F061E;
}

/*
.more_buttons span:last-child {
    border-left: 2px solid #fff;
    border-right: none;
}
*/

.details_line,
.sessions_line,
.marches_line {
    background: #fff;
    padding: 5px 10px;
    font-size: .9em;
    margin-bottom: 50px;
    margin-top: 2px;
}

.marches_line ul li a {
    text-decoration: none;
    color: #000;
}

.marches_line ul li a:hover {
    color: #337ab7;
}

.titre_module {
    font-size: 1em;
    margin-left: 15px;
    font-weight: normal;
    display: inline-block;
    width: 85%;
}

.reference_module {
    font-size: 1em;
    margin-left: 15px;
    display: inline-block;
    width: 10%;
    vertical-align: top;
}

.left-cont {
    position: relative;
}

.details_line h3,
.marches_line h3 {
    color: #5C3477 !important;
    font-size: 1.1em !important;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 5px;
}

a.code-certifinfo {
    color: #C41532;
}

a.code-certifinfo:hover,
a.code-certifinfo:focus,
a.code-certifinfo:active {
    color: #9F061E;
}

.contacter-organisme {
    color: #000;
    font-weight: lighter;
    font-style: italic;
}

.voir_form_btn {
    color: #C41532 !important;
    padding: 2px 5px;
    display: inline-block;
    cursor: pointer;
    margin: 10px 3px 0 0 ;
    font-size: 0.9em !important;
    float: right;
    font-weight: bold;
}

.voir_form_btn:hover,
.voir_form_btn:focus,
.voir_form_btn:active {
    color: #9F061E !important;
}

.details_line p,
.marches_line p {
    margin: 0 20px 5px 20px;
    color: #000;
    font-weight: normal;
}

.details_line ul,
.marches_line ul {
    color: #000;
    font-weight: normal;
    padding: 0 20px 0 30px;
}

.details_line ul li,
.marches_line ul li {
    margin-bottom: 3px;
}

.num-carif {
    font-size: 0.8em;
    color: black;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.logo-cpf-mini {
    width: 70px;
    height: 35px;
    margin: 5px 0 0 70%;
}

.logo-fin {
    max-height: 80px;
    text-align: center;
}

.logo-dispositif {
    width: auto;
    max-height: 60px;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    display: block;
}

.logo-right {
    text-align: left;
    float: right;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 220px;
}

.logo-right img {
    display: inline-block;
}

.logo-right .action-modulaire {
    width: 20px;
}

.logo-cont .candidature-possible {
    width: 35px;
    margin-right: 10px;
}

#cpfWrapper h4,
#financialHelpWrapper h4 {
    background: #f4f4f4;
    color: #5f5f5f !important;
    padding: 5px 10px;
    font-size: .95em !important;
    margin: 0 0 0 -15px !important;
    font-weight: normal !important;
    display: inline-block;
}

#clearFilters {
    padding: 4px 12px;
    background: none;
    border: 2px solid #fff !important;
    border-radius: 3px;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
    float: right;
    margin-top: -40px;
    margin-right: 0px;
    cursor: pointer;
}

#clearFilters:hover {
    background: #fff !important;
    color: #5C3477 !important;
    border-color: #41165D;
}

#clearFilters.disabled {
    color:#6c6c6c !important;
    background: #e9e9e9 !important;
    cursor: default !important;
}

#clearFilters.disabled:hover {
    background: #e9e9e9 !important;
}

#clearFilters:hover {
    background: #e8e8e8;
}

.compteurTotal {
    font-weight: bold;
    color: #3b3b3b;
    margin: 0 90px;
    font-size: 1em;
}

.annonce {
    font-weight: bold;
    color: #3b3b3b;
    font-size: 1em;
}

#compteurWrapper {
    float: left;
    display: inline-block;
}

#filtersWrapper h4 {
    color: #fff !important;
    font-size: 1em !important;
    font-weight: bolder;
    display: block;
    margin: 0 0 0 50px !important;
    padding: 0 !important;
}

#clearSearch {
    cursor: pointer;
    float: right;
    font-size: 1.8em;
    color: #F68A9B;
    text-decoration: none;
    display: none;
    text-align: right;
    margin: 3px 15px 0 0;
}

#clearSearch > i:hover,
#clearSearch > i:focus,
#clearSearch > i:active  {
    color: #F1677D;
}


/*
.ValidationWrapper .multiselect.dropdown-toggle,
.PartialWrapper .multiselect.dropdown-toggle,
.LevelWrapper .multiselect.dropdown-toggle,
.ArrangementWrapper .multiselect.dropdown-toggle {
    max-width: 200px;
}
*/

#filtersWrapper .multiselect.dropdown-toggle {
    /*height: 3px;*/
    /*width: 100px;*/
    display: block;
    margin-top: 5px;
    border-radius: 0;
    line-height: 3px;
    /*color: #6c6c6c;*/
    border: #c4c4c4 1px solid;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance: none;
    background: url('/img/dropdown.png') 95% 50% no-repeat #fff;
    color: #222 !important;
    font-weight: bold;
}

#filtersWrapper .multiselect.dropdown-toggle span {
    font-size: .9em;
}

#filtersWrapper .dropdown-menu input[type="checkbox"] {
    transform: scale(.7);
}

#filtersWrapper .multiselect-container > li > a {
    white-space: normal !important;
}

/*
.btn-group {
    width: 100%;
}
*/
.line_even {
    background: #fff !important;
}

.line_odd {
    background: #f4f4f4 !important;
}

.under-session {
    display: none;
    background: #f8f8f8;
    border-top: 1px dotted #999;
}

.under-session td {
    padding: 0 !important;
    text-align: left !important;
    vertical-align: top !important;
}

.under-session span {
    color: #5C3477;
    text-decoration: none;
    font-weight: bold;
    font-size: .9em;
    margin-top: 5px;
}

.under-session ul {
    margin: 5px 0 0 0;
    padding: 0;
    text-align: left;
}

.under-session ul li {
    list-style-type: none;
    color: #000;
    font-size: .85em;
}

.under-session table {
    margin: 8px 0 !important;
}

.td_spacer { width: 5%; }
.td_contact { width: 22%; }
.td_contact_th { width: 24%; }
.td_lieu_formation { width: 27%; }
.td_dates_infoco { width: 18%; }
.td_labels { width: 5%; }
/*.td_rythme { width: 12%; }*/

.details-session-icon {
    display: inline-block;
    color: #C41532;
    font-size: 1.25em;
    cursor: pointer;
    position: absolute;
    left: 35px;
    margin-top: 4px;
}

.details-session-icon:hover {
    color: #9F061E;
}

.sessions-terminees {
    margin-top: -32px;
}

.dli {
    display: block;
    font-size: 0.7em;
    margin-top: 4px;
}

#startedFormations,
#endedFormations {
    margin-top: 4px;
}

#length-filter,
#start-date-filter,
#prescription-filter {
    display: inline-block;
    margin-top: 5px;
    height: 32px;
    width: 95%;
    border: #c4c4c4 1px solid;
    color: #222 !important;
    font-weight: bold;
    /*color: #6c6c6c;*/
    font-size: .9em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('/img/dropdown.png') 95% 50% no-repeat #fff;
    padding: 0 0 0 26px;
    outline: 0;
}

#length-filter option,
#start-date-filter option,
#prescription-filter option {
    font-weight: normal;
}

#prescription-filter:disabled {
    background: #ccc;
    color: #666 !important;
}

#order-filter {
    display: inline-block;
    margin-top: 5px;
    height: 26px;
    width: 146px;
    border: #c4c4c4 1px solid;
    color: #41165D !important;
    font-weight: bold;
    font-size: .9em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('/img/dropdown.png') 95% 50% no-repeat #fff;
    padding: 0 0 0 10px;
    outline: 0;
}

#order_filters .selectWrapper {
    float: right;
    margin-top: 15px;
}

#cpfWrapper .underline,
#financialHelpWrapper .underline {
    margin-right: 30px;
}

#filtersWrapper .CpfFilterWrapper.selectWrapper {
    font-size: 0.9em;
    margin-top: 4px !important;
}

#filtersWrapper .CpfFilterWrapper.selectWrapper input[type="checkbox"] {
    float: left;
    margin: 5px;
}

.CpfFilterWrapper label {
    color: #fff !important;
    font-weight: bold;
}

.logo-certifinfo img {
    margin-bottom: 7px !important;
}

.logo_crit {
    max-width: 140px;
    margin: 0 auto;
    vertical-align: middle;
    display: block;
}

.logo_crit_fiche {
    margin: 0 auto;
    vertical-align: middle;
    display: block;
}

#cpfWrapper .question {
    float: left;
    margin: 15px 20px;
}

#cpfWrapper label {
    float:left;
    clear: none;
    display: block;
    padding: 9px 1em 0 0;
    margin-left: 5px;
}

#cpfWrapper input[type=radio] {
    float: left;
    clear: none;
    margin: 15px 0 0 15px;
}

#apeCodeInput {
    width: 225px;
}

.logo_preinsc {
    padding: 0 !important;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 0 0 0 !important;
}

.btn_marche {
    margin-right: 1px;
}

#apeWrapper,
#cpfSituationWrapper {
    display: none;
}

#cpfSituationWrapper {
    margin: 0 25px 0 20px !important;
}

.apeWrapper {
    display: none;
}

.apeCodeInputModalWrapper .infoApe,
.apeWrapper .infoApe {
    font-size: 1.2em;
    color: #337ab7;
    cursor: pointer;
    line-height: 34px;
    margin-left: 10px;
}

.apeInfoDisplay {
    padding: 7px 10px;
    position: absolute;
    width: 250px;
    background: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    display: none;
    z-index: 999999999;
}

.apeInfoDisplay::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.apeCodeInputModalWrapper .infoApe {
    margin-top: 0;
}

.apeWrapper .infoApe:hover .apeInfoDisplay {
    display: block;
}

.nb_preins {
    font-weight: bolder;
    width: 40px;
    display: inline-block;
    margin-bottom: 5px;
}

.eligibilite_cpf img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
}

.find_ape_code {
    text-decoration: none;
    cursor: pointer;
    color: #C41532;
    font-size: 0.95em;
}

.find_ape_code:hover {
    color: #9F061E;
}

.fixed {
    position: fixed !important;
    top: 0;
    width: 1200px;
    z-index: 999;
}

.logo_results {
    width: 45px !important;
    margin: 0 !important;
}

.col_carif_2 { width: 15%; }
.col_dates_2 { width: 26%; }
.col_ville_2 { width: 15%; }
.col_org_2 { width: 28%; }
.col_cpf_2 { width: 15%; }

.multiselect-container li.disabled {
    font-style: italic;
}

.info_preins {
    color: #000 !important;
    text-align: right;
}

.info_top_pi {
    font-size: 1.5em;
    color: white;
    margin-left: 5px;
    cursor: pointer;
}

.fold_past_sessions {
    display: inline-block;
    cursor: pointer;
    margin-top: 5px;
    padding: 4px 8px;
    font-weight: bold;
    background-color: #C41532;
    color: white;
    border-radius: 3px;
}

.fold_past_sessions:hover,
.fold_past_sessions:active,
.fold_past_sessions:focus {
    background-color: #9F061E;
}

.past_sessions {
    display: none;
}

#preinsInfoDisplay {
    z-index: 99999;
    display: none;
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 2px;
    width: 300px;
    box-shadow: 1px 1px 2px rgba(1,1,2,.6);
}

#preinsInfoDisplay ul {
    padding: 0 0 0 30px !important;
}

#preinsInfoDisplay ul li {
    list-style-type: none;
    padding: 3px 0;
}

#preinsInfoDisplay ul li span {
    box-shadow: 1px 1px 2px rgba(0,0,0,.6);
    display: inline-block;
    height: 15px;
    width: 30px;
    float: left;
}

#preinsInfoDisplay ul li p {
    margin: 0 0 0 5px;
    display: inline-block;
    width: 80%;
}

.help_will_open {
    background: #4eb8ff;
}

.help_opened {
    background: #0c6e00;
}

.help_closed {
    background: #d85900;
}

.help_published_today {
    background: #ffe200;
    color: #000 !important;
}

.help_finished {
    background: white;
    border: 1px solid #eee;
}

.not_opened {
    background: #4eb8ff !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 0.9em !important;
    cursor: not-allowed;
    box-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

.still_opened {
    background: #0c6e00 !important;
    color: white !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

.no_more_opened {
    background: #d85900 !important;
    color: white !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

.published_today {
    background: #ffe200 !important;
    color: #000 !important;
    font-weight: bold !important;
    font-size: 0.9em !important;
    cursor: not-allowed;
    box-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

.finished {
    background: white !important;
    color: #747474 !important;
    border: 1px solid #eee;
    box-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

.still_opened:hover {
    background: #065600 !important;
}

.no_more_opened:hover {
    background: #843100 !important;
}

.finished:hover {
    background: #ccc !important;
}

.fa-graduation-cap {
    margin-right: 5px;
    color: #5C3477;
    font-size: .7em;
    border-radius: 20px;
    padding: 4px 3px;
}

.finished:hover,
.no_more_opened:hover,
.still_opened:hover {
    border-bottom: none;
    position: relative;
    top: 2px;
    box-shadow: none;
}

.sessions_line table,
.sessions_line table th,
.sessions_line table td {
    border: none;
    border-collapse: collapse;
}

.sessions_line table {
    border-spacing: 0 1em !important;
}

.sessions_line table {
    width: 100%;
    margin: 15px auto 0 auto;
}

.sessions_line table tr {
    /*border-bottom: 5px solid transparent;*/
}

.sessions_line table th,
.sessions_line table td {
    padding: .4em;
}

.sessions_line table td.td_date {
    margin-left: 3px !important;
    white-space: nowrap;
}

.sessions_line table th {
    background: #a6a6a6;
    color: #fefefe;
    font-weight: bolder;
    text-align: center;
    height: 7px;
    font-size: .8em;
}

.sessions_line table td {
    vertical-align: middle;
    margin: 5px 0;
    color: #959595;
    font-size: 1.05em;
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.sessions_line table .ref-session {
    background: #5C3477;
    color: white;
    font-weight: bolder;
    font-size: 1em;
    padding: 2px 5px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.code_cpf_modal {
    background: #337ab7;
    color: white;
    font-weight: bold;
    font-size: 1em;
    padding: 2px 5px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

#id_session_cpf {
    display: none !important;
    visibility: hidden;
    height: 0;
    width: 0;
}

.td_date {
    text-align: left !important;
    margin-left: 3px !important;
}

.sessions_line table .date-publication {
    font-size: 0.7em;
    margin-top: 5px;
    color: #000;
    display: block;
    text-align: center;
}

.sessions_line table .info_organisme_formation {
    color: #000;
    text-transform: uppercase;
    padding: 5px 8px 5px 0px;
    max-width: 150px;
    word-wrap: break-word;
    display: inline-block;
    /* min-width: 150px; */
}

.sessions_line table .info-orga {
    font-size: 1.5em;
    color: #d6d6d6;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
}

.sessions_line table .info-orga:hover .infobulle-organisme {
    display: block;
    left: 20px;
}

.sessions_line table .infobulle-organisme {
    display: none;
    position: absolute;
    background: #959595;
    color: #f6f6f6;
    font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
    font-size: 12px;
    list-style-type: none;
    padding: 8px 20px;
    min-width: 160px;
}

.search-important {
    height: 25px;
}

.search-important a {
    line-height: 2 !important;
}

.search-separator {
    padding: 2px 5px !important;
    width: 110% !important;
}

.ui-menu .ui-menu-item {
    width: 110% !important;
}

.search-separator,
.optgroup-header {
    background: #E6DFEC !important;
    opacity: 1 !important;
    color: #000 !important;
}

.ui-autocomplete {
    max-height: 162px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    max-width: 390px;
}

.col_carif {
    width: 13%;
}

.col_dates {
    width: 20%;
}

.col_ville {
    width: 14%;
}

.col_org {
    width: 21%;
}

.col_cpf {
    width: 7%;
}

.col_financeur {
    width: 7%;
}

.col_preins {
    width: 13%;
}

.ville_session {
    text-transform: uppercase;
    color: #000;
    font-size: .95em;
}

#filtersWrapper .multiselect-native-select {
    display: block;
}

#filtersWrapper .selectWrapper {
    width: 100%;
    margin: 0 10px 0 0 !important;
}

button.multiselect,
.multiselect-selected-text {
    text-align: left;
    font-size: 12px;
    box-shadow: none !important;

}

button.multiselect:hover,
button.multiselect:active,
button.multiselect:focus {
    background-color: #fff;
    border-color: #5C3477;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #5C3477;
    /*
    background-color: #fff !important;
    border: 1px solid rgb(204,204,204) !important;

     */
}

.multiselect-container > li > a > label {
    font-size: 0.8em;
    position: relative;
}

.multiselect-container > li > a > label > b {
    position: absolute;
    top: 5px;
    left: 40px;
}

.btn_default {
    background: #fff;
}

.formationTypeWrapper {
    display: none;
}

.formationTypeWrapper .formType-all .checkbox input {
    display: none;
}

.date_session {
    color: #000;
    text-align: left;
    font-size: 1em;
    line-height: 12px;
}

.no_eligible {
    color: #000;
    font-size: 0.95em;
    line-height: 12px;
}

.modalite_es {
    font-size: .8em;
    text-align: left;
    color: #000;
    margin-left: 18px;
    font-weight: bold;
}

.organisme-icon {
    color: #000;
    font-size: .95em;
    margin-right: 5px;
    vertical-align: top;
}

.organisme-icon {
    color: #000;
    font-size: .95em;
    margin-right: 5px;
    vertical-align: top;
}

img.label-region {
    width: 25px;
    margin: 0 5px 3px 0;
}

span.qualiopi {
    color: #707070;
    border: thin solid #a3a3a3;
    background-color: #fafafa;
    transition: none;
    display: inline-block;
    padding: .5em .5em;
    font-weight: 700;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    margin-top: 5px;
}

span.qualiopi-white {
    background-color: #fff;
}

span.qualiopi-no-border {
    border: none;
}

span.qualiopi i {
    color: #5C3477 !important;
    font-weight: bold;
}

.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 2em auto;
}
.cd-container::after {
    content: '';
    display: table;
    clear: both;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #C41532 url('/img/recherche/cd-top-arrow.svg') no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #9F061E;
    opacity: 1;
}

.customSelect .row {
    margin: 0;
}

.row-title {
    margin-top: 15px !important;
}

.customSelect .row div {
    padding: 0;
}

.customSelect .title {
    background: #f2f2f2;
    color: #369;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    text-decoration: none;
    font-weight: bolder;
}

.spacer {
    display: block;
    height: 30px;
}

.title_action {
    width: 90%;
    float: left;
}

.print_icon {
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
}

.print_icon a,
.print_icon a:hover {
    text-decoration: none;
    margin-left: 30px;
}

.bloc-ressources {
    margin-top: -30px;
}

.ressources_certif {
    text-align: center;
    padding: 0 !important;
}

.ressources_certif li {
    margin: 10px;
    font-size: 1.1em;
    display: inline-block;
    width: 25%;
    text-align: center;
}

.ressources_metiers li {
    margin: 10px;
    font-size: 1.1em;
}

.ressources_metiers li a {
    text-decoration: underline;
    text-decoration-style: dotted;
    color: black;
}

.ressources_metiers li a:hover {
    color: #337ab7;
}

.ressources_certif li a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 3px;
    background: #ccc;
    color: #000;
    font-weight: bold;
}

.ressources_certif li a:hover {
    background: #337ab7;
    color: white;
}

.ressources-tab td:not(:first-child) a {
    font-weight: bold !important;
}

.ressources-tab img {
    display: block;
    float: none !important;
    margin: 0 auto;
    max-height: 30px !important;
}

.ressources-tab th span {
    display: block;
    text-align: center;
}

ul.diplome a {
    text-decoration: none !important;
}

#search-metier:disabled {
    background-color: #eee;
    cursor: default;
}

.sup-table sup {
    font-weight: bold;
}

#onglets {
    margin: 35px auto 10px auto;
    text-align: center;
}

#onglets ul {
    list-style-type: none;
    display: inline-block;
    margin-left: -50px;
}

#onglets a:hover {
    background: #555;
    color: white;
}

#onglets .active,
#onglets .active:hover {
    background: #337ab7 !important;
    color: white !important;
    -webkit-box-shadow: 0 3px 6px 1px rgba(115,115,115,0.9);
    -moz-box-shadow: 0 3px 6px 1px rgba(115,115,115,0.9);
    box-shadow: 0 3px 6px 1px rgba(115,115,115,0.9);
}

#onglets .cmaformation {
    background: white;
    border: thin solid #2C114C;
    border-radius: 0;
    color: #28C9B6;
    height: 15px;
    border-radius: 3px;
}

#onglets .cmaformation:hover {
    background-color: #f8f8f8;
    color: #28C9B6;
    box-shadow: 0 3px 6px 1px #cccccc;
}

#onglets .cmaformation span {
    color: #2C114C;
}

#onglets .cmaformation span:hover {
    color: #2C114C;
}

#onglets .tag-nouveau {
    color: #28C9B6;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    top: -40px;
    left: -85px;
}

#onglets li {
    float: left;
    height: 21px;
    margin: 0 6px;
}

#onglets a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 3px;
    background: #ccc;
    color: #000;
    font-weight: bold;
}

.reset-search {
    display: none;
    font-size: 1.8em;
    color: #337ab7;
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: -30px;
}

#res-domain {
    top: 67px;
}

.diplome_parent {
    color: #337ab7 !important;
}

.diplome i {
    font-size: .7em;
    margin-right: 5px;
}

.diplome {
    margin-bottom: 5px !important;
}

.typ_dip {
    margin: 8px 0 !important;
}

.typ_dip div {
    padding-bottom: 5px !important;
}

.diplome div {
    padding-bottom: 0 !important;
}

.rome-code,
.rome-intitule {
    float: left;
    display: inline-block;
}

.rome-intitule {
    max-width: 84%;
}

.select2-results__option {
    padding: 3px !important;
}

.customSelect .title:not(:first-child) {
    margin-top: 10px;
}

.customSelect .subtitle {
    background: #f2f2f2;
    color: #9e9e9e;
    font-weight: bolder;
    font-size: 1em;
    text-decoration: none;
    margin-bottom: 10px;
}

.customSelect .undertext {
    display: block;
    font-weight: normal;
    font-size: 0.75em;
    text-decoration: none;

}

.green-check {
    color: forestgreen;
    font-size: 1.2em;
}

.customSelect ul {
    margin: 0 10px;
    padding: 0;
    list-style-type: none;
}

.customSelect li {
    text-align: match-parent;
    display: list-item;
    padding: 5px 10px;
}

.car-top {
    text-align: right;
}

.customSelect .title a {
    display: block;
    color: #3873bd;
    text-decoration: none;
}

.customSelect .subtitle a {
    display: block;
    text-decoration: none;
    color: #000;
}

.customSelect .public-text {
    font-size: 0.9em;
    color: #9e9e9e;
    margin-bottom: 10px;
    margin-top: -10px;
}

.title:hover a,
.subtitle:hover a {
    text-decoration: underline;
}

.sessions_line,
.details_line,
.marches_line {
    display: none;
    box-shadow: 2px 2px 5px 0 rgba(200,200,200,1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.details_line a {
    color: #C41532;
}

.details_line a:hover,
.details_line a:active,
.details_line a:focus {
    color: #9F061E;
}

.title-all {
    background: #e2e2e2 !important;
}

.title-category {
    background: rgba(141,212,255,0.35) !important;
}

.title-category a {
    color: black;
}

.title-all a {
    color: #3c3c3c !important;
}

.title-alternance a {
    color: #7c7c7c !important;
    text-transform: none;
}

.alternance-side {
    text-transform: none;
    font-weight: normal;
    font-size: 0.85em;
    color: #3873bd;
}

.non_dispo {
    color: #e8e8e8;
    font-size: 3em;
}

#allOrganizationsWrapper i {
    color: #888;
    font-size: 1.2em;
    margin-left: 5px;
    margin-top: 5px;
}

.es-title {
    margin-top: 120px;
}

.col-alternance {
    margin-top: 10px;
}

.col-sides {
    margin-top: -30px !important;
}

.cpf-aide {
    width: 80%;
    display: block;
    margin: 10px auto;
}

.cpf-aide .logo-cpf,
.cpf-aide .cpf-text {
    float: left;
}

.cpf-aide .cpf-text {
    width: 80%;
    margin-left: 10px;
}

.cpf-aide:after {
    clear: both;
    display: table;
    content: "";
}

.logo-cpf {
    width: 30px;
}

#resultats {
    margin-left: -20px;
}

.result-line:last-child {
    margin-bottom: 20px !important;
}

.filter-title {
    font-weight: bold;
}

.buttonHasModifs {
    /*
    border: 1px solid #3873bd !important;
    box-shadow: 0 0 2px #00aaff !important;
     */
}

.formationTypeWrapper {
    /*width: 50%;*/
}

.formationTypeWrapper .selectize-control {
    width: 90%;
    float: left;
}

.formationTypeWrapper .selectize-dropdown .option {
    padding: 2px 12px;
}

.formationTypeWrapper .selectize-dropdown-content {
    min-height: 290px;
    font-size: 11px;
}

.searchWrapper .selectize-input {
    width: 100%;
}

.formationTypeWrapper .selectize-input {
    width: 360px;
}

.labelsWrapper {
    margin: -5px 0 0 0 !important;
}

.formType-all { font-size: 1.05em; }
.formType-all a .checkbox {font-weight: bold !important;}
.formType-head {background: #E6DFEC !important;}
.formType-head .checkbox {margin-left: 15px !important;}
.formType-sub {padding-left: 15px;}
.formType-sub-2 {margin-left: 15px;}
.fpc-head {background: rgba(0,0,0,.15) !important;}

.placeholder-opt {
    color: #ccc;
}

.rafael-version {
    font-weight: normal;
}

#submitSearch {
    margin-right: 14px;
    padding: 10px 20px;
    background: #C41532;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #9F061E;
}

.dropdown-header {
    color: #000;
}

.current-marche {
    background: #ededed;
    padding: 2px 0;
    font-weight: bold;
}

.current-marche .titre_module {
    font-weight: bold;
}

.intitule_marche a {
    text-decoration: none;
    text-transform: uppercase;
}

#submitSearch:hover {
    background: #9F061E;
    color: #fff !important;
}

.second-line {
    width: 100%;
}

#search-metier,
#search-certif {
    width: 40%;
    margin: 40px auto 0 auto;
}

#search-cpf {
    width: 91%;
    margin: 15px auto 25px auto;
}

#cpf-lnch-srch {
    font-size: 1.8em;
    color: #337ab7;
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: -30px;
}

#search-domain-cont,
#search-cpf-cont {
    width: 43.5%;
    margin: 0 auto 40px auto;
    position: relative;
}

#search-domain-cont .selectize-input {
    width: 101%;
    margin-left: -13px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #666666;
}

#container-fiche {
    background: #f4f4f4;
    display: inline-flex;
    min-width: 100% !important;
}

#container-ctn-certif {
    background: #f4f4f4;
    min-width: 100% !important;
    padding: 30px 0;
}

#content-fiche,
.bloc-fiche {
    background: #fff;
    padding: 5px 30px;
    font-size: .95em;
    box-shadow: 1px 1px 4px 0 rgba(200,200,200,.65);
    width: 87%;
    margin: 30px auto 0 auto;
}

#sepa-metier,
#sepa-certif {
    background: #7092be;
    z-index: 0;
    position: relative;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5);
    height: 30px;
}

.or-sepa {
    border-top: 1px solid #cbd2d6;
    position: relative;
    margin: 30px auto 0 auto;
    text-align: center;
    width: 43%;
}

.or-sepa span {
    background-color: #fff;
    padding: 0 .5em;
    position: relative;
    color: #999;
    top: -.7em;
}

.ressources-tab {
    border: 1px solid #337ab7 !important;
    padding: 5px;
    margin: 15px auto 0 auto;
    width: 100%;
}

.ressources-tab th {
    color: #337ab7;
    padding: 8px;
    border: 1px dotted #333333 !important;
    margin: 5px;
}

.ressources-tab th a {
    text-decoration: none;
    color: #337ab7;
}

.ressources-tab th:first-child {
    text-align: center;
}

.certif-tab th {
    text-align: center !important;
}

.certif-tab td {
    text-align: left !important;
}

.certif-tab td:first-child {
    font-weight: bold;
    text-align: center !important;
}

.certif-tab td:not(:nth-child(2)){
    text-align: center !important;
}

.certif-tab td:nth-child(3) {
    width: 85px;
}

.certif-tab td:nth-child(4) {
    width: 125px;
}

.certif-tab tr:nth-child(2n+1) {
    background: rgba(240,240,240,.9);
}

.certif-tab em {
    color: #aaa;
}

#worker_btn,
#seeker_btn {
    cursor: pointer;
    font-size: .95em;
}

.ressources-tab td {
    padding: 7px;
    border: 1px dotted #333333 !important;
    margin: 5px;
    text-align: center;
}

.ressources-tab td a:not(:first-child) {
    color: #337ab7;
}

#cont-sub-domain,
#cont-metier-list {
    display: none;
}

.ressources-tab td.rome-title {
    text-align: left;
    color: black;
    font-size: 1.05em;
    width: 50%;
    padding: 15px;
}

.sup-table {
    color: #337ab7;
    font-size: .9em;
}

.btn_preins {
    padding: 3px 6px;
    background: grey;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 0.9em;
    margin: 5px;
    white-space: nowrap;
}

.parent-title {
    text-transform: uppercase;
    font-weight: normal !important;
    color: #41165D;
    text-decoration: none;
    font-size: 1.1em;
}

.customSelect div {
    box-sizing: border-box !important;
}

.result-line h2.title-marche {
    margin-left: 15px !important;
}

.border-mid {
    border-right: 1px solid #ccc;
}

.compteur {
    font-weight: bold;
    margin: 20px 0 0 0;
    color: #5C3477;
    font-size: 1.2em;
}

.compteur_vide {
    color: #eb3f11;
}

#logoFinanceur {
    max-height: 40px;
    display: block;
    float: right;
}

.bloc h3 {
    font-size: 1.1em !important;
    margin: 0 5px !important;
}

.module_list {
    border-top: 1px dotted #848484;
    padding: 10px 0;
    margin-top: 10px;
    min-height: 100px;
}

.module_list h3 {
    display: inline-block;
    width: 130px;
}

.modules_ul {
    display: inline-block;
    background: white;
    border: 1px solid #848484;
    padding: 5px;
    list-style-type: none;
    max-width: 500px;
    margin: 20px 0 15px 50px;
}

.modules_ul_placeholder {
    display: inline-block;
    padding: 5px;
    list-style-type: none;
    max-width: 500px;
}

.modules_ul li {
    border: 1px dotted #c9c9c9;
    border-radius: 2px;
}

.module_list .formation_type {
    float: right;
    display: inline-block;
    width: 250px;
}

.formation_type {
    border-bottom: 1px dotted #848484;
    padding-bottom: 5px;
}

.bloc h4 {
    color: #5C3477 !important;
    border-bottom: 1px dotted #848484;
    padding: 0 15px 10px 15px !important;
    margin-bottom: 5px !important;
    font-size: 1em !important;
}

.bloc.bloc-jae h4 {
    font-size: 1.1em !important;
}

.bloc.bloc-jae p {
    text-align: justify;
}

.cont_jae_nom {
    width: 90%;
    float: left;
    margin-bottom: 20px;
}

.bloc-header {
    margin: 0 auto !important;
}

.bloc-header h1 {
    color: black !important;
    text-align: center;
    margin: 10px !important;
    font-size: 1.5em !important;
}

.bloc-fiche h2 {
    color: #337ab7 !important;
    font-size: 1.2em !important;
    width: 80%;
    float: left;
    margin-bottom: 20px;
}

.num-bc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid #337ab7;*/
    /*color: #337ab7;*/
    border: 1px solid black;
    color: black;
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    padding: 2px;
}

.num-bc:before {
    content: '';
    float: left;
    width: auto;
    padding-bottom: 100%;
}

.cont_certif_nom {
    width: 80%;
    float: left;
    margin-bottom: 20px;
}

.float_jae {
    float: right;
}

.subcategory_title {
    color: #337ab7 !important;
    font-size: 1em !important;
    padding: 0 15px 10px 15px !important;
    font-weight: bold;
}

.metier-link {
    display: inline-block;
    background: #e9e9e9;
    padding: 4px;
    margin: 0 0 10px 7px;
    text-decoration: none !important;
    color: #000 !important;
}

.link-bottom {
    color: #fff !important;
    text-decoration: none !important;
}

.link-bottom:hover {
    text-decoration: underline !important;
}

.sondage-tag {
    position: fixed;
    left: -8px;
    top: 180px;
    width: 110px;
}

.metier-link:hover {
    text-decoration: underline !important;
}

.metiers-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.active-info .more_icon {
    display: none;
}

.active-info .less_icon{
    display: inline-block;
}

.metier-link i {
    font-size: 1.3em;
    margin-left: 5px;
}

.bloc p {
    padding: 0 15px 10px 15px !important;
}

.bloc-organisme h4 {
    color: #9e9e9e !important;
    font-size: 1.2em !important;
    border-bottom: 1px dotted #848484;
    padding: 10px !important;
    margin: 0 0 15px 0 !important;
}

.web-link {
    display: inline-block;
    float: left;
    margin-top: 7px;
    color: #fff !important;
    background-color: #C41532;
    border: thin solid #9F061E;
    font-weight: bold;
    border-radius: 2px;
    padding: 4px 8px;
}

.web-link:hover,
.web-link:active,
.web-link:focus {
    background-color: #9F061E;
    text-decoration: none;
}

.bloc-marche h3 {
    margin: 15px 0 0 15px !important;
    display: inline-block;
    width: 90%;
}

.more_info {
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 20px;
    cursor: pointer;
}

.print-bloc {
    float: right;
    display: inline-block;
}

.reference_action {
    font-size: 0.9em;
    color: #5B5B5B;
}

.reference_action img {
    width: 20px;
    height: 20px !important;
    display: inline-block !important;
    margin: -1px 5px 0 5px !important;
}

.hidden-info {
    display: none;
}

.list-in-info {
    list-style-type: none;
    margin: 10px 0 0 -25px;
}

.more_icon {
    display: inline-block;
    color: white;
    font-size: 1.1em;
    background: #8b6d7d;
    padding: 0 5px;
    margin: 5px;
}

.bloc-jae img {
    float: right;
    max-height: 50px;
}

.bloc-jae img.certif-logo {
    max-width: 70px;
    max-height: 35px;
}

.bloc-jae i {
    font-size: 1.6em;
    padding: 5px;
}

.bloc .col-md-6 {
    width: 46%;
}

.row-eq-height .col-md-6 {
    padding-left: 20px !important;
    width: 47%;
}

.titre_jae {
    font-size: 1.3em;
    font-weight: bold;
}

.titre_certif {
    font-weight: bold;
    font-size: 1.2em;
}

.diplome-list {
    width: 85%;
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.diplome-list li {
    margin-bottom: 10px;
}

.web-icon {
    display: inline-block;
    height: 36px;
    width: 36px;
    border-radius: 20px;
    border: 2px solid #337ab7;
}

.web-icon::before {
    content: 'www';
    color: #337ab7;
    font-weight: bold;
    position: relative;
    top: 9px;
    left: 3px;
}

.bloc ul {
    margin-bottom: 20px;
}

p.certif-type,
p.certif-level {
    display: list-item;
    margin-left: 40px !important;
}

p.certif-type,
p.certif-level,
span.certif-txt p {
    font-size: 1.05em;
    padding: 0 15px 0 0 !important;
    margin-left: 30px;
}

p.certif-code {
    font-size: 1.00em;
    padding: 0 15px 10px 30px !important;
}

span.certif-txt p {
    width: 85%;
}

.ressources-tab .finished {
    color: black !important;
}

.bloc-jae h5 {
    font-size: 1.05em !important;
    margin-left: 15px !important;
}

.certif-descrip {
    text-align: justify;
    text-justify: inter-word;
}

.certif-code {
    margin: 0 !important;
    font-style: italic;
}

.nocpfcode {
    color: #df2c22;
    font-size: 1.1em;
    text-align: center;
    padding: 5px;
    border: #df2c22 solid 1px;
    border-radius: 5px;
    width: 35%;
    margin: 15px auto 0 auto;
}

.logo-cpf-certif {
    margin-right: 5px;
    float: left !important;
    margin-top: -6px;
    width: 30px;
}

.certif-code span {
    font-weight: bolder;
}

.certif-link {
    margin-left: 15px;
    color: #0f65d2 !important;
    float: right;
}

.certif-tab {
    margin-top: 15px;
    margin-bottom: 10px;
}

.jae_nom {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}

.bloc-marche h5 {
    color: #9e9e9e !important;
    font-size: 1.3em !important;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
}

.logo-modular {
    background: url('/img/recherche/modulaire.png') 0 0 no-repeat;
    display: inline-block !important;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    margin: 5px 0 -5px 0 !important;
}

.sepa {
    color: black;
    font-size: 1.5em;
    margin-left: 10px;
    margin-right: 10px;
}

.jae_nom:first-letter {
    text-transform: uppercase;
}

.less_icon {
    display: none;
    color: white;
    font-size: 1.1em;
    background: #8b6d7d;
    padding: 0 7px;
    margin: 5px;
}

.line-info {
    display: block;
    margin-bottom: 10px;
    margin-left: 50px;
}

.line-name {
    font-weight: bold;
}

.offre-list {
    margin-top: 10px;
}

.offre-list li {
    margin-top: 5px;
}

.info-name {
    display: inline-block;
    width: 75px;
    font-weight: bold;
    font-size: 1em;
    margin-left: 15px;
    color: #5C3477 !important;
}

.titre_bloc {
    display: block;
    padding: 5px 15px;
    font-size: 1.2em;
    color: black;
    font-weight: bold;
    background: #e1e1e1;
    border-radius: 4px;
    margin-bottom: 10px;
    line-height: 2.4;
    cursor: pointer;
}

.titre_bloc .caret {
    margin-left: 10px;
}

.formation_type img {
    margin: 0 auto;
    height: 45px;
    display: inline-block;
    text-align: center;
    float: left;
}

.formation_type img.logo-onisep {
    height: 30px;
}

.formation_type .dispositif {
    font-size: .85em;
    color: #9e9e9e;
    display: block;
    font-weight: bold;
    text-align: left;
}

.candidature_possible {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    float: left;
}

img.badge-label {
    margin: 5px 5px 0px 15px;
    height: 30px !important;
}

.logo-financeur-action {
    float: left;
}

.titre-type-formation {
    float: left;
    margin: 2px 10px 0 15px;
}

.titre-formation {
    width: 70%;
    float: left;
}

.titre-organisme {
    width: 30%;
    float: left;
}

.titre-organisme h5 {
    font-size: 1.2em !important;
    color: #9e9e9e !important;
    text-align: center;
    margin-right: 20px !important;
}

.titre-formation span {
    color: #337ab7 !important;
    display: block;
    text-align: right;
    margin: -25px 30px 0 0;
}

.formation_type .logo-fin-indiv {
    margin: 0 0 0 15px;
}

.titre-formation h1 {
    margin: 5px 0 0 5px !important;
    color: #5C3477 !important;
}

.titre-formation h2 {
    color: #5C3477 !important;
    font-size: 1.1em !important;
    text-transform: uppercase;
    margin: 15px 0 -8px 5px !important;
    display: inline-block;
}

.formation_type .type-formation {
    font-size: .85em;
    color: black;
    display: block;
    font-weight: bold;
    text-align: left;
}

.bloc-ferme {
    display: none;
}

.formationTypeWrapper .multiselect.dropdown-toggle.btn.btn-default {
    position: relative;
    height: 35px;
}

.formationTypeWrapper .multiselect.dropdown-toggle.btn.btn-default .caret {
    position: absolute;
    right: 15px;
    top: 15px;
}

#filtersWrapper .dropdown-menu {
    max-height: 300px;
    max-width: 270px;
    overflow-y: auto;
    overflow-x: hidden;
}

#filtersWrapper .multiselect.dropdown-toggle.btn.btn-default .caret {
    float: right !important;
    margin-top: -12px;
    display: none;
}

.multiselect-container > li > a > label.checkbox {
    line-height: 19px;
}

#filtersWrapper .multiselect-container > li > a > label.checkbox {
    width: 220px;
    padding: 0 20px 0 30px;
    line-height: 19px;
}

#filtersWrapper .multiselect-container .multiselect-item.multiselect-filter .input-group-addon {
    padding: 1px 3px;
    font-size: 10px;
    line-height: .7;
}

#filtersWrapper .multiselect-container .multiselect-item.multiselect-filter .form-control {
    width: 93% !important;
    height: 18px;
    padding: 4px 6px;
    font-size: 11px;
    line-height: 1;
}
#filtersWrapper .multiselect-container .multiselect-item.multiselect-filter .btn {
    padding: 0 8px;
    font-size: 10px;
    line-height: 1;
    box-shadow: 0 0 0 #fff;
}

.selected-multi {
    color: #337ab7;
    font-weight: bold;
}

#apeWrapper .selectize-input {
    width: 280px;
}

#apeWrapper .selectize-input:after {
    display: none;
}

#dispositifWrapper,
#mesureWrapper {
    margin-left: 20px;
}

/*.mesure-cont {*/
    /*text-align: left;*/
    /*font-weight: bold;*/
    /*cursor: default;*/
    /*margin: 10px 0 0 0;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*font-size: .9em;*/
/*}*/

.mesure-cont {
    text-align: right;
    font-weight: bold;
    cursor: default;
    margin: 0 5px -10px 0;
    font-size: .9em;
}

#mesureSelect {
    font-size: 0.95em;
}

#financialHelpWrapper {
    margin-top: 10px;
}

#financialHelpWrapper .selectWrapper {
    width: 45%;
}

#financialHelpWrapper .selectWrapper select {
    max-width: 90%;
}

#financialHelpWrapper .selectize-input {
    width: 260px;
}

#order-dir-switch {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    position: relative;
    width: 16px;
    padding-top: 14px;
    background: url('/img/recherche/btn-switch.gif') 100% 100% no-repeat;
    text-decoration: none;
    text-align: center;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    color: red !important;
}

#order-dir-switch.asc {
    background-position: 100% 0;
}

#modaleExplication {
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 9999999;
    width: 700px;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px #999 solid;
    border-radius: 5px;
    padding: 25px;
    font-size: .95em;
}

#modaleExplication i {
    font-size: 1.6em;
    position: absolute;
    top: 9px;
    right: 13px;
    cursor: pointer;
}

#modaleExplication p {
    color: #337ab7;
    font-weight: bold;
}

#wait_screen,
#modale_overlay,
#cpf_overlay {
    position: fixed;
    z-index: 99999;
    height: 2em;
    width: 2em;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.logo-fin-indiv {
    color: #e1e1e1;
    font-size: 3em;
    margin-right: 40px;
}

.cpf_logo_ctn {
    width: 160px;
}

.bloc {
    background-color: #fefefe !important;
    border: none !important;
}

.bloc:hover {
    background-color: #fefefe !important;
    border: none !important;
}

.cpfEligible {
    width: 175px;
    display: inline-block;
    float: left;
    margin: 5px 30px 0 40px;
}

.cpfEligible img {
    height: 25px;
    width: 50px;
    display: inline-block;
    float: left;
}

.cpfEligible span {
    font-weight: bold;
    font-size: 0.8em;
    display: inline-block;
    float: left;
    /*width: 80%;*/
    margin-left: 10px;
}

#loader {
    border: 5px solid #f4f4f4;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    animation: spin 1s linear infinite;
    display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#wait_screen:before,
#cpf_overlay:before,
#modale_overlay:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

#wait_screen:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#wait_screen:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cpfModal {
    width: 650px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    background: white;
    display: none;
}

.cpfModal h3 {
    display: block;
    background: #848484;
    color: white !important;
    font-size: 1em !important;
    padding: 10px 10px;
    margin-top: 0 !important;
}

.cpfModal h3 i {
    float: right;
    font-size: 1.2em;
    cursor: pointer;
}

.cpfModal label {
    float:left;
    clear: none;
    display: block;
    padding: 0 1em 0 0;
    margin-left: 5px;
}

.cpfModal input[type=radio] {
    float: left;
    clear: none;
    margin: 2px 0 0 10px;
}

.num-carif a {
    color: #C41532 !important;
}

.num-carif a:hover {
    color: #9F061E !important;
}

.inputAquitaine {
    margin-left: 15px;
    font-size: 1.1em;
    font-weight: bold;
}

.cpfModal .statusWrapperCpf {
    padding: 5px 20px;
}

.cpfModal .resultsCpf {
    border-bottom: 1px #000 solid;
    padding: 15px 10px;
    margin: 0 !important;
}

#listCpfCodes {
    margin-top: 15px;
    margin-left: -10px;
    max-height: 270px;
    overflow-y: auto;
}

#listCpfCodes p {
    color: #337ab7;
}

.cpfLogosWrapper {
    margin-left: -40px;
}

.apeCodeInputModalWrapper {
    margin-left: 15px;
}

.apeCodeInputModalWrapper .selectize-input {
    width: 250px;
    min-height: 10px;
}

.apeCodeInputModalWrapper .selectize-control {
    width: 290px;
    float: left;
}

.apeCodeInputModalWrapper .selectize-input::after {
    border-style: none !important;
}

#hiddenCpf,
.apeWrapperModal {
    display: none;
}

.big_search {
    display: none;
    color: white;
    font-weight: bolder;
    text-align: center;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
}

.error {
    border-color: red;
}

.result-line h2 {
    margin: 5px 0 0 0 !important;
}

span.debug {
    color: #9F061E;
    font-size: 1.2em;
}