/* GENERAL */


[type=search] {
    outline-offset: 0px !important;
    -webkit-appearance: textfield;
}

.emploiWrapper{
    background-color: #f5fbfe !important;
}

.bt-decouvrir-home-emploi{
    color:#005d99 !important;
}

.bt-decouvrir-home-emploi:hover{
    color:#ffffff !important;
    background:#005d99 !important;
}

/* OFFRES ET SERVICES */

.offres-services{

}

.offres-services .circle{
    width: 70px;
    height:70px;
    border-radius:50%;
    text-align: center;
    line-height: 60px;
    background: #007298;
    vertical-align: middle;
}

.offres-services .circle .inner{
    display: inline-block;
    vertical-align: middle;
    color:#ffffff;
    font-size:16px;
    line-height: normal;
}

.offres-services .titre{
    vertical-align: middle;
    color:#a6c877;
    margin-left:1%;
}

.offres-services .titre h3{
    vertical-align: middle;
    color:#a6c877;
    font-weight:bold;
    font-size:20px !important;
}

.offres-services .wrap_liste_offres{
    position: relative;
}

.offres-services .wrap_liste_offres .circle{
    display: inline-block;
    width: 300px;
    height:300px;
    background:#a6c877;
    line-height: 300px;
    border-radius: 75%;
    margin-top: -15%;
    color:#ffffff;
    position: relative;
}

.offres-services .wrap_liste_offres .circle h4{
    font-size:20px !important;
    font-weight:bold;
}

.offres-services .wrap_liste_offres .circle span{
    font-size:30px;
}

.offres-services .wrap_liste_offres .circle-promo{
    width: 70px;
    height:70px;
    border-radius:50%;
    text-align: center;
    line-height: 70px;
    background: #007298;
    position: absolute;
    bottom:-30px;
    left:50%;
    margin-left:-35px;
}

.offres-services .wrap_liste_offres .circle-promo .inner{
    display: inline-block;
    vertical-align: middle;
    color:#ffffff;
    font-size:25px;
    line-height: normal;
}


.offres-services .wrap_checkboxes{
    width: 90%;
    margin: 0 auto;
    line-height: 1.3em;
    margin-top:17% !important;
}

.offres-services .wrap_checkboxes ul li{
    margin:5px 0 5px 0;
    font-style: italic;
    font-family: "Lato", sans-serif;
    font-size:14px;
    font-weight: 300;
    color:#666666;
}

.offres-services .wrap_checkboxes img{
    max-width: 20px;
    margin-right:3%;
}

.bt_voir_produit{
    background:#007298;
    display: inline-block;
    padding:10px;
    color:#ffffff;
    font-size:18px;
    font-weight: bold;
    transition: all 0.2s linear;
}

.bt_voir_produit:hover{
    opacity: 0.7;
    color:#ffffff;

}

.offres-services .products{
    display: block;
}

.offres-services .products li{
    display: inline-block;
}

.offres-services .products li img{
    background:#ffffff;
}

/* WOOCOMMERCE */

.woocommerce-message,
.woocommerce-info{
    border:0;
    font-family: "Lato", sans-serif;
    font-style:italic;
    border-top-color: #8fae1b;
}

.woocommerce-message::before,
.woocommerce-info::before{
    font-style:normal;
}

.woocommerce-message .button.wc-forward{
    font-style: normal !important;
    background-color: #ffffff;
    border-radius: 0px;
    border:1px solid #a6c877;
    color:#a6c877;
    font-weight: bold;
    transition: all 0.2s linear;
}

.woocommerce-message .button.wc-forward:hover{
    background-color: #a6c877;
    color:#ffffff;
}

.woocommerce ul.products li.product .onsale {
    top: -2em;
    left: 1.5em;
    right: auto;
    margin: -1em -0.5em 0 0;
}

.woocommerce span.onsale {
    height: 5.536em;
    width: 5.536em;
    padding: 0.302em;
    font-family: 'Raleway', sans-serif;
    font-size: 0.7em;
    font-weight: 300;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    line-height: 5.236;
    top: -2.5em;
    left: 1.5em;
    margin: 0;
    border-radius: 50%;
    background-color: #009cdd;
    color: #fff;
    z-index: 9;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    color: #006ca8;
    font-weight: bold;
    font-size: 1.4em;
}
.woocommerce ul.products li.product .price {
    color: #009cdd;
    font-size: 1.1em;
}

.woocommerce a.button {
      font-size: 80%;
      margin: 0;
      line-height: 1;
      cursor: pointer;
    text-transform: uppercase;
      position: relative;
      text-decoration: none;
      overflow: visible;
      padding: 0.618em 1em;
      font-weight: 700;
      border-radius: 0px;
      left: auto;
      color: #ffffff;
      background-color: #009cdd;
      border: 0;
      display: inline-block;
      background-image: none;
      box-shadow: none;
      text-shadow: none;
    font-family: 'Raleway', sans-serif;
  }

.woocommerce h1.product_title{
    color:#006ca8;
    font-weight: bold;
    font-size: 1.4em;

}

.woocommerce div.product p.price,
.woocommerce div.product span.price
{
    color: #009cdd;
    font-size: 1.3em;
    padding:1% 0 1% 0;
}



.woocommerce div.product form.cart .price .woocommerce-Price-amount{
    font-size: 1.6em;
}

.woocommerce div.product div.images img {
    background:#ffffff;
}

.woocommerce div.product form.cart .button{
    font-size: 80%;
    margin: 0;
    margin-top:20px;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 0.618em 1em;
    font-weight: 600;
    border-radius: 0px;
    left: auto;
    color: #ffffff;
    background-color: #009cdd;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 300;
    text-align: left;
    color:#666666;
    font-family: "Lato", sans-serif;
}

.woocommerce div.product form.cart .reset_variations {
    visibility: hidden;
    font-size: .83em;
    font-family: "Lato", sans-serif;
    color:#009cdd;
    font-style: italic;

}

.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 0.7rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce div.product .product_meta span{
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 300;
    color:#666666;
    display: block;
    clear:both;
}

.woocommerce div.product .product_meta span span{
    display: inline-block;
    content:" ";
    clear:both;
}

.woocommerce div.product .product_meta span a{
    color:#009cdd;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 2%;
    background: #ffffff;
    border-top:2px solid #009cdd;
    font-family: "Lato", sans-serif;
    color:#666666;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 0;
    z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
    box-sizing: border-box;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0px solid #d3ced2;
    background-color: transparent;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0;
    margin: 0 -5px;
    padding: 0 1em;
    font-family: "Lato", sans-serif;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 600;
    color: #009cdd;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #009cdd;
    text-shadow: inherit;
}

.woocommerce div.product .related.products h2:first-child{
    font-weight: 600;
    color: #009cdd;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
    margin:0 0 3em 0;
}

/* WOOCOMMERCE TABLES */

.woocommerce table.shop_table {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0px;
}

.woocommerce table.shop_table th {
    font-weight: 300;
    padding: 9px 12px;
    text-transform: uppercase;
    color:#666666;
    line-height: 1.5em;
    font-family: "Lato", sans-serif;
}

.woocommerce table.shop_table td{
    font-family: 'Raleway', sans-serif;
}

.woocommerce table.shop_table td.product-name a{

    color:#006ca8;
    font-weight: bold;
}

.woocommerce-page table.cart td.actions {
    text-align: right;
    background-color: #f7f8f9;
}

.woocommerce a.remove {
    display: block;
    font-size: 1.9em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1em;
    border-radius: 100%;
    color: #009cdd !important;
    text-decoration: none;
    font-weight: 400;
    border: 0;
}

.woocommerce a.remove:hover{
    background-color: #009cdd !important;
    color:#ffffff;
}

.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    border:1px solid #e6e7e8;
    padding:4px;
    width: 50px;
    box-shadow: none;
}

.woocommerce-page table.cart td.actions .input-text {
    width: 150px;
}

.woocommerce table.cart td.actions button.button{
    font-size: 80%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .90em 1em;
    font-weight: 700;
    border-radius: 0px;
    left: auto;
    text-transform: uppercase;
    color: #009cdd;
    background-color: #ffffff;
    border: 1px solid #009cdd;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    transition: all 0.2s linear;
}
.woocommerce table.cart td.actions button.button:hover{
    opacity: 0.5;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals .cart_totals h2{
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table td{
    font-family: "Lato", sans-serif !important;
    color:#666666;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 300;
}

.woocommerce table.shop_table tbody tr.order-total th{
    font-weight: 700;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #009cdd;
    font-weight: 700;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-family: 'Raleway', sans-serif;
    max-width: 250px;
    font-size: 1.1em;
    transition: all 0.2s linear;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #009cdd;
    font-weight: 700;
    color: #fff;
    opacity: 0.5;
}

.wc-proceed-to-checkout{
    text-align: right;
}

.wc-proceed-to-checkout .button{
    display: inline-block !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    border-radius:0;
    border:1px solid #e6e7e8;
    line-height: normal;
    padding:5px;
}

.woocommerce form .form-row label {
    line-height: 2;
    font-family: "Lato", sans-serif !important;
    font-style:italic;
    color:#666666;
}
.woocommerce-checkout h3{
    font-family: "Lato", sans-serif !important;
    font-size: 1.1em;
    color:#666666;
    text-transform: uppercase;
}

.woocommerce-checkout-payment label{
    color:#006ca8;
    font-weight:bold;
    font-family: 'Raleway', sans-serif;
}
    /* FIELDS */

::-webkit-input-placeholder {
    font-style: italic;
}
:-moz-placeholder {
    font-style: italic;
}
::-moz-placeholder {
    font-style: italic;
}
:-ms-input-placeholder {
    font-style: italic;
}

/* colors */

.fs-8{
    font-size:0.8rem;
}

.fw-thin{
    font-weight: 200;
}

.text-white{
    color:#ffffff;
}

.text-cyan{
    color:#3cb3bb;
}

.text-cyan:hover{
    color:#3cb3bb !important;
}

.text-greenemploi{
    color:#a6c877;
}

.text-greenemploi:hover{
    color:#a6c877 !important;
}

.text-blueemploi{
    color:#009cdd;
}

.text-left{
    text-align: left;
}

/* buttons */

.status-pill{
    width: 20px;
    height:20px;
    border-radius: 50%;
    background: #F0F0F0;
    display: inline-block;
}

.status-pill.active{
    background: #00AA00;
}

.status-pill.inactive{
    background: #EE0000;
}

.bt-standard{
    padding:5px 20px 5px 20px;
}

.h-opacity{
    transition: opacity 0.3s linear;
}

.h-opacity:hover{
    opacity: 0.7;
}

.acf-button{
    padding:5px 20px 5px 20px;
    background:white !important;
    border:1px solid #ced4da !important;

    text-transform: uppercase;
}

.acf_form_candidat .acf-button{
    color:#3cb3bb !important;
    font-weight: bold;
}

.acf_form_recruteur .acf-button{
    color:#a6c877 !important;
    font-weight: bold;
}

/*Menu emploi*/

.mainMenuList{
    line-height: normal !important;
}

.mainMenu.emploi .mainMenuItem:nth-child(2) .mainMenuLink::after{
    background: #3cb3bb;
}

.mainMenu.emploi .mainMenuItem:nth-child(2) .current, .mainMenu.emploi .mainMenuItem:nth-child(2):hover .mainMenuLink {
    /* color: #0070b6; */
    color: #3cb3bb;
}

.mainMenu.emploi .mainMenuItem:nth-child(2) .mainMenuLink:hover:after, .mainMenu.emploi .mainMenuItem:nth-child(2) .current:after {
    /* background: #0070b6; */
    background: #3cb3bb;
}

.mainMenu.emploi .mainMenuItem:nth-child(3) .mainMenuLink::after{
    background: #a6c877;
}

.mainMenu.emploi .mainMenuItem:nth-child(3) .current, .mainMenu.emploi .mainMenuItem:nth-child(3):hover .mainMenuLink {
    /* color: #0070b6; */
    color: #a6c877;
}

.mainMenu.emploi .mainMenuItem:nth-child(3) .mainMenuLink:hover:after, .mainMenu.emploi .mainMenuItem:nth-child(3) .current:after {
    /* background: #0070b6; */
    background: #a6c877;
}

.mainMenu.emploi .mainMenuItem:nth-child(3) .dropDown {
    position: absolute;
    width: 200px;
    left: 0;
    right: 0;
    top: 100%;
    overflow: hidden;
    background: #a6c877;
    -webkit-transition-property: max-height;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-property: max-height;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    z-index: 5;
}

.mainMenu.emploi .mainMenuItem:nth-child(2) .dropDown {
    position: absolute;
    width: 200px;
    left: 0;
    right: 0;
    top: 100%;
    overflow: hidden;
    background: #3cb3bb;
    -webkit-transition-property: max-height;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-property: max-height;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    z-index: 5;
}

.mainMenu.emploi .dropDown li:first-child{
    padding-top:0.5em;
}

.mainMenu.emploi .dropDown li:last-child{
    padding-bottom:0.7em;
}


.mainMenu.emploi .dropDown li a{
    font-size: 0.8em;
}

.mainMenu.emploi .dropDown li a:hover{
    color:#ffffff;
}

.mainMenu.emploi .dropDown li .dropDownLink{
    padding:0.5em 1em 0.5em 1em;
}

.mainMenu.emploi .mainMenuItem:nth-child(4){
    margin:0 0 0 auto;
}
.mainMenuItem.compte{
    margin:0 0 0 auto;
    vertical-align: middle;
    line-height: normal;
}

.mainMenuItem.compte .mainMenuItem{
    margin: 0 0 0 0 !important;
    font-size: 12px;
}

.mainMenuItem.compte a{
    line-height: normal;
    margin-top:1em;
}

.moncompteButton{
    padding: 0.7em;
}

.inscriptionButton, .identificationButton{
    color: #009cdd;
    font-size: 12px;
    padding: 0.7em;
    border: 1px solid rgba(188,190,192,0.5);
    background: #fff;
    -webkit-transition-property: color,background-color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-property:color,background-color;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.inscriptionButton:hover, .identificationButton:hover{
    opacity: 0.5;
}

.identificationButton{
    margin-left: 1em;
    color:#ffffff;
    background: #009cdd;
}

.nomargin{margin:0 !important}

.emploi{

}

/* Breadcrumb */

.emploi .breadCrumbLink.current {
    font-weight: 500;
    color: #005d99;
    font-size: 1.15em;
}

/* Titre page*/

.emploi h1 {
    color: #3cb3bb;
    font-weight: 300;
    font-size:2.1rem;
}

/* HOME EMPLOI */

.emploi .welcome{
    width: 100%;
    position: relative;
}

.emploi .welcome img{
    display: block;
    width: 100%;
    height: auto;
}

.emploi .welcome .contentInner{
    padding: 10% 0 10% 0;
    text-align: center;
    display: table;
    width: 100%;
    height:100%;
    /*
    top:35%;
    width: 50%;
    margin-left:25%*/
}

.emploi .welcome .contentInner .inner{
    display: table-cell;
    vertical-align: middle;
}
.emploi .welcome .contentInner h3{
    color:#3cb3bb;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
}

.emploi .welcome .contentInner p{
    color:#747474;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 3%;
}

.emploi .welcome .revuePackButton{
    color: #3cb3bb;
}

.emploi .welcome .revuePackButton:hover {
    background-color: #3cb3bb;
    color: #fff;
}


.emploi  .pubHomeLeaderboard{
    width: 100%;
    text-align: center;
    margin:60px 0 0 0;
}

.emploi  .pubHomeLeaderboard img{
    width: 100%;
    max-width: 728px;
    display: inline-block;
}

.emploi .profil{
    padding-top: 1px;
    width: 100%;
    position: relative;
    background: url('../images/emploi/bandeau_vert.jpg') no-repeat ;
    background-size: cover;
    min-height: 50vh;
}

.emploi .profil.particulier{
    background: url('../images/emploi/bandeau_bleu.jpg') no-repeat ;
    background-size: cover;
    min-height: 50vh;
}

.emploi .profil.entreprise{
    background: url('../images/emploi/bandeau_vert.jpg') no-repeat ;
    background-size: cover;
    min-height: 50vh;
}

.emploi .profil .inner{
    text-align: center;
    margin-top:10vh;
}

.emploi .profil .inner .left{
    display: inline-block;
    width: 38%;
    text-align: right;
    vertical-align: middle;
}

.emploi .profil .inner .right{
    display: inline-block;
    width: 38%;
    margin-left:3%;
    background: #ffffff;
    vertical-align: middle;
    border-top:2px solid #8ba8ff;

}

.emploi .profil .inner .right .inner{
    padding:2%;
    padding-top:5%;
    margin-top:0 !important;
}

.emploi .profil .inner .right .inner img{
    width: 100%;
    height: auto;
}

.emploi .profil .inner .right .inner .left,
.emploi .profil .inner .right .inner .right{
    width: 48%;
    vertical-align: top;
}

.emploi .profil .inner .right .inner .left{
    width: 30%;
}

.emploi .profil .inner .right .inner .right{
    text-align: left;
    width: 60%;
    border:0;
}

.emploi .profil .inner h3{
    color:#ffffff;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
}

.emploi .profil .inner p{
    color:#000000;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 3%;
}

.emploi .profil .inner .right .inner .right h3{
    margin-top: 0;
    color:#8ba8ff;
    width: 100%;
    border:0;
}

.emploi .profil .inner .right .inner .right p{
    color:#666666;
}

.emploi .profil .inner .left .revuePackButton{
    color: #a6c877;
}

.emploi .profil .inner .left .revuePackButton:hover{
    background-color: #a6c877;
    color: #fff;
}

.emploi .profil.particulier .inner .left .revuePackButton{
    color: #3cb3bb;
}

.emploi .profil.particulier .inner .left .revuePackButton:hover{
    background-color: #3cb3bb;
    color: #fff;
}

.emploi .entreprise{
    padding: 1px 1px;
    background: #fbfdff;
    text-align: center;
}
.emploi .entreprise h3{
    color:#005d99;
    font-size:23px;
    margin-top: 3%;
}

.emploi .entreprise .wrap-entreprises{
    margin-top: 3%;
    text-align: center;
}

.emploi .entreprise .wrap-entreprises .item{
    display: inline-block;
    background:#ffffff;
    width: 100px;
    height:100px;
    margin:0.5% 0.5%;
    vertical-align: middle;
    border:1px solid #E0E0E0;
}

.emploi .entreprise .wrap-entreprises .item .inner{
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100px;
    position: relative;
}

.emploi .entreprise .wrap-entreprises .item .inner a{
    width: 65%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
}
.emploi .entreprise .wrap-entreprises .item .inner a img{
    display: block;
    width: 100%;
}

.emploi .item-entreprise{

}

.item-emploi-logo-liste{
    width: 70px;
    height:70px;
    border:1px solid #E0E0E0;
    padding:8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filet-bleu-gauche{
    position: absolute;
    opacity: 0;
    left:0;
    top:0;
    width: 4px !important;
    padding:0px !important;
    height:100%;
    background:#009cdd;
}

.emploi .item-entreprise:hover > .filet-bleu-gauche{opacity: 1}
.emploi .item-offre:hover > .filet-bleu-gauche{opacity: 1}
.emploi .item-cv:hover > .filet-bleu-gauche{opacity: 1}

.emploi .liste-entreprises .revuePackButton,
.emploi .liste-offres .revuePackButton,
.emploi .liste-cv .revuePackButton
{
    color: #a6c877;
}
.emploi .liste-entreprises .revuePackButton:hover,
.emploi .liste-offres .revuePackButton:hover,
.emploi .liste-cv .revuePackButton:hover{
    background-color: #a6c877;
    color: #fff;
}

.emploi .liste-offres .form-select,
.emploi .liste-cv .form-select{
    font-style: italic !important;
}

.custom-checkbox-emploi .form-check-label{
    vertical-align: middle;
    line-height: 1.8em;
    font-style: italic;
    font-size:13px;
}

.custom-checkbox-emploi .form-check-input{
    border:2px solid green;
    display: inline-block;
    border-radius: 0 !important;
    width: 1.2em;
    height:1.2em;
    vertical-align: middle;
}

.custom-checkbox-emploi .form-check-input:focus{
    border:2px solid green !important;
    box-shadow: none !important;
}

.custom-checkbox-emploi .form-check-input:visited{
    border:2px solid green !important;
}

.custom-checkbox-emploi .form-check-input:checked{
    border:2px solid green;
    color:green !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23A0A0A0' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
    border-radius: 0 !important;
    width: 1.2em;
    height:1.2em;
    vertical-align: middle;
}



.custom-checkbox-emploi:first-child  .form-check-input{
    border:2px solid #009cdd;
}

.custom-checkbox-emploi:first-child  .form-check-input:focus{
    border:2px solid #009cdd !important;
}

.custom-checkbox-emploi:first-child .form-check-input:visited{
    border:2px solid #009cdd !important;
}

.custom-checkbox-emploi .form-check-input:checked{
    border:2px solid #009cdd !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23009cdd' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

}

.custom-checkbox-emploi:nth-child(2)  .form-check-input{
    border:2px solid #0070b6;
}

.custom-checkbox-emploi:nth-child(2)  .form-check-input:focus{
    border:2px solid #0070b6 !important;
}

.custom-checkbox-emploi:nth-child(2) .form-check-input:visited{
    border:2px solid #0070b6 !important;
}

.custom-checkbox-emploi:nth-child(2) .form-check-input:checked{
    border:2px solid #0070b6 !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230070b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

}

.custom-checkbox-emploi:nth-child(3)  .form-check-input{
    border:2px solid #8ba8ff;
}

.custom-checkbox-emploi:nth-child(3)  .form-check-input:focus{
    border:2px solid #8ba8ff !important;
}

.custom-checkbox-emploi:nth-child(3) .form-check-input:visited{
    border:2px solid #8ba8ff !important;
}

.custom-checkbox-emploi:nth-child(3) .form-check-input:checked{
    border:2px solid #8ba8ff !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%238ba8ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

}

.custom-checkbox-emploi:nth-child(4)  .form-check-input{
    border:2px solid #9694c9;
}

.custom-checkbox-emploi:nth-child(4)  .form-check-input:focus{
    border:2px solid #9694c9 !important;
}

.custom-checkbox-emploi:nth-child(4) .form-check-input:visited{
    border:2px solid #9694c9 !important;
}

.custom-checkbox-emploi:nth-child(4) .form-check-input:checked{
    border:2px solid #9694c9 !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%239694c9' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

}

.custom-checkbox-emploi:nth-child(5)  .form-check-input{
    border:2px solid #9a75b4;
}

.custom-checkbox-emploi:nth-child(5)  .form-check-input:focus{
    border:2px solid #9a75b4 ;
}

.custom-checkbox-emploi:nth-child(5) .form-check-input:visited{
    border:2px solid #9a75b4 ;
}

.custom-checkbox-emploi:nth-child(5) .form-check-input:checked{
    border:2px solid #9a75b4 !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%239a75b4' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

}

.custom-checkbox-emploi-blue .form-check-label{
    vertical-align: middle;
    line-height: 1.8em;
    font-style: italic;
    font-size:13px;
}


.custom-checkbox-emploi-blue .form-check-input{
    border:2px solid #0070b6 !important;
    display: inline-block;
    border-radius: 0 !important;
    width: 1.2em;
    height:1.2em;
    vertical-align: middle;
}

.custom-checkbox-emploi-blue .form-check-input:focus{
    border:2px solid #0070b6 !important;
    box-shadow: none !important;
}

.custom-checkbox-emploi-blue .form-check-input:visited{
    border:2px solid #0070b6 !important;
}

.custom-checkbox-emploi-blue .form-check-input:checked{
    border:2px solid #0070b6 !important;
    background-color: transparent !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230070b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

}

    /* CANDIDATURES EMPLOI */

.emploi .bandeau img{
    width: 100%;
    height: auto;
    display: block;
}

.emploi .espaces{
    position: relative;
    text-align: center;
    background-color: #f5fbfe;
}

.emploi .espaces .left,
.emploi .espaces .right{
    display: inline-block;
    width: 50%;
    min-height: 30vh;
    text-align: center;
}

.emploi .espaces .left{
    position: relative;
    background: url('../images/emploi/fond_espace_recruteur.png') no-repeat ;
    background-size: cover;
}

.emploi .espaces .right{
    position: relative;
    background: url('../images/emploi/fond_espace_pub.png') no-repeat ;
    background-size: cover;
}

.emploi .espaces .left .inner{
    margin-top: 11vh;
    display: inline-block;
    vertical-align: top;
}

.emploi .espaces .right .inner{
    margin-top: 11vh;
    display: inline-block;
    vertical-align: top;
}

.emploi .espaces h3{
    color:#ffffff;
    font-size:23px;
    margin-top: 3%;
    font-weight: 500;
}

.emploi .espaces .left .revuePackButton{
    color: #a6c877;
}

.emploi .espaces .left .revuePackButton:hover {
    background-color: #a6c877;
    color: #fff;
}

.emploi .candidatures{
    position: relative;
    text-align: center;
    background-color: #f5fbfe;
    padding:1px 1px;
}

.emploi .candidatures h2{
    color:#a6c877;
}
.emploi .candidatures .inner{
    min-height: 10vh;
    width: 70%;
    display: inline-block;
    background: #ffffff;
    border: solid 1px #bcbec0;
    margin-bottom: 5%;
}

.emploi .candidatures .revuePackButton.cv{
    color: #a6c877;
}

.emploi .candidatures .revuePackButton.cv:hover {
    background-color: #a6c877;
    color: #fff;
}

.emploi .candidatures .inner .item{
    text-align: left;
    padding: 1% 2%;
    border-bottom:solid 1px #bcbec0;
}

.emploi .candidatures .inner .item .personne{
    display: inline-block;
    width: 40%;
    position: relative;
    vertical-align: middle;
}

.emploi .candidatures .inner .item .personne img{
    display: inline-block;
    vertical-align: top;
    width: 16%;

}

.emploi .candidatures .inner .item .personne p{
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
    width: 70%;
}

.emploi .candidatures .inner .item .lieu{
    display: inline-block;
    width: 30%;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.emploi .candidatures .inner .item .lieu img{
    display: inline-block;
    vertical-align: middle;
    width: 7%;

}

.emploi .candidatures .inner .item .lieu p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 70%;
}

.emploi .candidatures .inner .item .contrat{
    display: inline-block;
    width: 20%;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.emploi .candidatures .inner .item .contrat .type{
    display: inline-block;
    padding: 5px;
    background:#009cdd;
    color:#ffffff;
    text-transform: uppercase;
    font-size: 10px;
}

.emploi .candidatures .inner .item .contrat .date{
    color:#4d4d4f;
    display: inline-block;
    font-size: 10px;
    margin-top:10px;
}



/* CV FORM */

.thumb-cv-file img{
    width: 100%;
    display: inline-block;
    height: auto;
}


/* CV SINGLE */

.emploi .cv-header{
    background: #f6fbfe;
    text-align: center;
}

.emploi .cv-header .contentInner{
    width: 90%;
    display: inline-block;
    margin: 4% 0 4% 0;
}

.emploi  h1.recruteur{
    color: #a6c877;
}

.emploi .cv-header ul{
    margin-top: 2%;
    list-style: none;
    display: inline-block;
}

.emploi .cv-header ul li{
    color:#4d4d4f;
    list-style: none;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    font-size: 14px;

}

.emploi .cv-header ul li span{
    padding-right: 10px;
}

.emploi .cv-header ul li:after {
    content: '';
    border-left: 1px solid #dadee0;
    height: 50%; /* adjust this */
}

.emploi .cv-header ul li:last-child:after {
    display: none;
}

.liste-cv{
    position: relative;
    min-height: 100px;
}

.liste-cv .loader{
    display: none;
    position: absolute;
    background: rgba(0,0,0,0.5);
    left:0;
    width: 100%;
    height:100%;

}

/* POSTE SINGLE */

.bt-postuler{
    font-size:10px;
    line-height: 1.3;
}

.bt-add-pharma-favori{
    font-size:10px;
    line-height: 1.3;
}

.bt-single{
    font-size:10px !important;
    line-height: 1.3 !important;
    text-align: center;
}

.bt-social-societe{
    font-size:12px;
    color:#404040;
    font-weight: 300;

}

h1 span.annonce_statut{
    color:#000000;
    font-weight: normal;
    font-size:0.6em;
}

/* Transition */

.transi-opacity{
    transition: opacity 0.2s linear;
}

.transi-opacity:hover{
    opacity: 0.5;
}

/* LISTE OFFRES */

.item-list-offre{
cursor: pointer;
    transition: all 0.2s linear;
}

.item-list-offre h2{
    color:#00538b;
    text-transform: uppercase;
    font-size:15px !important;
    font-weight: bold;
}

.item-list-offre:hover{
    background:#F9F9F9;
}




/* PUB BAS DE PAGE */

.bouton-pub-emploi-bleu{
    color:#84a9ff;
    border:1px solid #84a9ff;
    background:#ffffff;
    display: inline-block;
    padding:5px 10px 5px 10px;
    transition:all 0.2s ease;
}

.bouton-pub-emploi-bleu:hover{
    color:#ffffff;
    background:#84a9ff;
}

.bouton-pub-emploi-vert{
    color:#a6c877;
    border:1px solid #a6c877;
    background:#ffffff;
    display: inline-block;
    padding:5px 10px 5px 10px;
    transition:all 0.2s ease;
}

.bouton-pub-emploi-vert:hover{
    color:#ffffff;
    background:#a6c877;
}



/* detail offre */

.item-single-poste-content{

}

.item-single-poste-content strong,
.item-single-cv-content strong{
    font-weight: bold;
}

.item-single-cv-content img{
    width: 100%;
    height: auto;
}
.sep-line-emploi{
    width: 100%;
    height:1px;
    background:#c0c2c4;
}

/* GLOBAL CV / POSTE */

.single-emploi-tools{

}

.single-emploi-tools .btn,
.single-emploi-tools .contrat
{
    font-size: 10px !important;

}

.single-emploi-infos{

}

.single-emploi-infos h2{
    font-size: 26px
}

@media only screen and (max-width: 1400px){


}

@media only screen and (max-width: 1000px){
    .mainMenu.emploi .mainMenuItem:nth-child(3) .dropDown,
    .mainMenu.emploi .mainMenuItem:nth-child(2) .dropDown{
        position: static;
        background: none;
        max-height: 500px;
        margin: 0 0 0 1em;
    }
    .mainMenu.emploi .mainMenuItem:nth-child(4){
        margin-top:5%;
    }

    /* OFFRE */

    .offre-content h2{
        font-size: 14px !important;
    }

    .item-emploi-logo-liste {
        width: 50px;
        height: 50px;
        border: 1px solid #E0E0E0;
        padding: 4px;
        display: flex;
        align-items: center;
    }

}


@media only screen and (max-width: 900px){

    .emploi .welcome .contentInner{
        background:rgba(255,255,255,0.85);

    }

    .emploi .welcome .contentInner h3{
        font-size: 22px;
        margin-bottom: 3px;
    }

    .emploi .welcome .contentInner p{
        font-size: 12px;
        margin-bottom: 2%;
    }

    .emploi .profil .inner{
        text-align: center;
        background:rgba(255,255,255,0.1);
        padding-top:10vh;
        padding-bottom: 5vh;
        margin:0 !important;
    }

    .emploi .profil .inner h3{
        color:#ffffff;
        font-size:20px;
    }

    .emploi .profil .inner p{
        font-size:13px;
    }


    .emploi .profil .inner .left{
        display: block;
        width: 80%;
        margin:0 auto;
        margin-bottom:2%;
        text-align: right;
        vertical-align: middle;
    }

    .emploi .profil .inner .right{
        display: block;
        width: 90%;
        margin:0 auto;
        margin-bottom:5%;
        background: #ffffff;
        vertical-align: middle;
        border-top:2px solid #8ba8ff;

    }

    .emploi .profil .revuepresse .inner .left{
        display: inline-block;
        width: 38%;
        text-align: right;
        vertical-align: middle;
    }

    .emploi .profil .revuepresse .inner .right{
        display: inline-block;
        width: 38%;
        margin-left:3%;
        background: #ffffff;
        vertical-align: middle;
        border-top:2px solid #8ba8ff;

    }

    .emploi .cv-header .contentInner{
        width: 95%;
        display: inline-block;
        margin: 4% 0 4% 0;
    }

    .emploi .cv-header ul li{
        font-size: 12px;

    }

    /* OFFRE */


    .btn-tools a{
        width: 100%;
        display: block;
        margin-top:10px;
        font-size: 10px;
        text-transform: uppercase;
    }

    .offre-content h2{
        font-size: 13px !important;
    }

    .item-emploi-logo-liste {
        width: 50px;
        height: 50px;
        border: 1px solid #E0E0E0;
        padding: 4px;
        display: flex;
        align-items: center;
    }

    .single-emploi-tools .btn,
    .single-emploi-tools .contrat
    {
        font-size: 7px !important;

    }

    .single-emploi-infos h2{
        font-size: 18px !important;
    }

    .single-emploi-infos p,
    .single-emploi-infos span{
        font-size: 12px !important;
    }


}