.page .blcSlider {
    height: 410px
}
.page .slider {
    height: 410px
}
.page .slider .img {
    height: 410px
}
.page .txtBanner h1 {
    margin-bottom: 14px
}

.breadcrumb {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}
.breadcrumb li { padding: 0 15px; position: relative; }
.breadcrumb li a { color: #fff; font-size:16px; padding-bottom: 15px; display: block; }
.breadcrumb li span { color: #fff; font-size: 16px;  position: relative; padding-bottom: 15px}
.breadcrumb li span:after { content: ""; border-bottom: #fff solid 1px; width: 100%; display: block; margin-top: 10px; position: absolute; }
.breadcrumb li:after { content: ">"; color: #fff; position: absolute; right: -5px; top: 0  }
.breadcrumb li:last-child:after { display: none }
.breadcrumb li a:hover { color: #DF231D }
.intro p{ max-width: 1010px; margin: 0 auto }
.lstRecrutement {  padding-top: 70px; padding-bottom: 80px }
.lstRecrutement .lstOffre { flex-flow: row wrap; margin-top: 78px; margin-bottom: 30px }
.lstRecrutement .lstOffre .item { width: 33.33%; margin-bottom: 40px;}
.pagination  .page-link {  border: none; background: none;  color:#000000 ;  font-size: 14px; font-family: Montserrat}
.pagination .page-item { padding:0 6px }
.pagination .page-item.active .page-link { color: #DF231D}
.pagination .page-item .page-link:hover {  color: #DF231D}
.pagination .page-item.next .page-link:after { content: ""; background: url(../images/arw-next.png); width: 16px; height: 13px; display: inline-block; margin-left: 25px; vertical-align: middle; }
.pagination .page-item.prev .page-link:before { content: ""; background: url(../images/arw-prev.png); width: 16px; height: 13px; display: inline-block; margin-right: 25px; vertical-align: middle; }
.page-link:focus { box-shadow: none}
.pagination .page-item.next .page-link,
.pagination .page-item.prev .page-link {  position: relative; font-size: 16px}

.pagination .page-item.next .page-link::before {
    content: "";
    border-bottom: #CACECF solid 1px;
    width: calc(100% - 66px);
    position: absolute;
    left: 14px;
    height: 1px;
    bottom: 0;
}

.pagination .page-item.prev .page-link::after {
    content: "";
    border-bottom: #CACECF solid 1px;
    width: calc(100% - 66px);
    position: absolute;
    right: 14px;
    height: 1px;
    bottom: 0;
}

.pagination .page-item.next .page-link:hover::before,
.pagination .page-item.prev .page-link:hover::after {
    border-color: #DF231D
}




/* REcrutement details*/
.RecrutementDetails {
    padding: 80px 0 50px
}

.RecrutementDetails .blc-titre {
    background-color: #f2f5f7; 
    padding: 46px 60px 45px 189px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px;
    position: relative;
}
.RecrutementDetails .blc-titre a {
    text-decoration: none
}
.RecrutementDetails .blc-titre a:hover {
    color: #fff
}


.RecrutementDetails .blc-titre h2 {
    font-size: 24px; line-height: 30px;
    margin-bottom: 7px
}
.RecrutementDetails .blc-titre .icon {
    width: 100px;
    position: absolute;
    left: 50px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
}

.RecrutementDetails .blc-titre .icon img {
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.RecrutementDetails h3 {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px
}
.RecrutementDetails .blc-text  p {
    margin-bottom: 20px
}

.RecrutementDetails .blc-text ul {
    padding-left: 29px;
    margin-bottom: 20px
}
.RecrutementDetails .blc-text ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 14px
}
.RecrutementDetails .blc-text ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #DF231D;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px
}
.RecrutementDetails .blc-text {
    border-bottom: #CACECF solid 1px;
    margin-bottom: 38px;
    padding-bottom: 20px;
}

.form-control { 
    background-color: #f2f5f7; 
    border: #CACECF solid 1px; 
    border-radius: 5px ;
    padding: 0 28px;
    height: 60px;
    font-size: 16px;
    color: #000000;
    font-family: Montserrat
}
.form-recrutement form {
    margin-top: 40px;
}

.form-recrutement .blc-chp {
    margin-bottom: 30px
}

.custom-button {
  display: flex;
  width: 100%;
  height: 250px;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  padding: 0 10px;
  margin: 10px auto 30px;
  outline: 0;
  border: #CACECF dashed 2px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f2f5f7

}
.custom-button .label:before {
    content: "";
    background: url(../images/ico-file.png);
    width: 40px;
    height: 32px;
    display: block;
    margin: 0 auto 10px
}

.codedropz-upload-inner h5:before {
     content: "";
    background: url(../images/ico-file.png);
    width: 40px;
    height: 32px;
    display: block;
    margin: 0 auto 10px
}
.custom-button .label {
  font-family: Montserrat;
  font-size: 16px;
  color: #000000;
  font-weight: bold

}
.custom-button .label span {
    color: #DF231D
}
.custom-button .label em {
    font-weight: normal;
    font-style: normal;
}

.custom-import {
  position: relative;
  cursor: pointer;
}

.custom-import .label-file {
  width: 100%;
  display: block;
  font-family: Montserrat;
  font-size: 16px;
  text-align: center;
  padding: 0 3%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-import input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn-send {
    background-color:#DF231D ;
    border-radius: 5px;
    border: none;
    color: #fff;
    height: 60px;
    font-size: 16px;
    font-family: Montserrat;
    padding: 5px 25px;
    transition: all ease-in-out .4s
}
.btn-send:hover {
    background-color: #00426b;
    color: #fff
}

.flex-end {
    justify-content: end;
    display: flex;
}

.resume-poste h2 {
    font-size: 30px;
}
.resume-poste h2:after {
    content: "";
    border-bottom: #00426B  solid 1px; 
    width: 60px;
    display: block;
    margin: 23px 0 40px
}
.resume-poste {
    padding-left: 30px;
}
.lstResume {
  /*  background-color: #f2f5f7;*/
    padding: 24px 30px;
    margin-top: 40px:;
    border: #CACECF solid 1px
}
.lstResume  .item {
    border-bottom: #CACECF solid 1px;
    padding-bottom: 20px;
    margin-bottom: 26px
}
.lstResume  .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
.lstResume  .item .inner {
    position: relative;
    padding-left: 50px
}
.lstResume  .item .inner span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold
}
.lstResume  .item .inner em {
    font-style: normal;
}

.lstResume  .item .inner .ico {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 30px;
    max-height: 30px
}
.lstResume  .item .inner .ico img {
    width: 100%
}

.form-recrutement .blc-chp .btn {
    background-color: #DF231D;
    border-radius: 5px;
    border: none;
    color: #fff;
    height: 60px;
    font-size: 16px;
    font-family: Montserrat;
    padding: 5px 25px;
    transition: all ease-in-out .4s;
}
.wpcf7-spinner {
    display: none !important;
}

.codedropz-upload-handler {
    border: 2px dashed #c5c5c5;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f5f7
}
.codedropz-upload-inner h5 {
    font-size: 16px;
}
.form-recrutement .blc-chp .btn:hover {
    background-color: #000000;
    color: #fff;
}
.form-recrutement .wpcf7-response-output {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.form-recrutement .blc-chp.flex-end {
    margin-bottom: 6px;
}

.codedropz-upload-inner > span {
    display: none;
}
.codedropz-upload-inner h5 em {
    font-weight: normal;
    font-style: normal;
}
.codedropz-upload-inner h5  span {
    color: #DF231D
}

.codedropz-btn-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


.codedropz-upload-container {
    margin-top: -50px;
}
.codedropz-btn-wrap a {
    padding-top: 30px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lstResume .item .inner .ico img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.wpcf7-not-valid-tip {
    color: #DF231D
}
.form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}
.form-control:-moz-placeholder {
  opacity: 1;
  color: #000;
}
.form-control::-moz-placeholder {
  opacity: 1;
  color: #000;
}

@media (max-width:1200px) { 
    .RecrutementDetails .blc-titre {
        padding-left: 130px;
        padding-right: 40px
    }
    .RecrutementDetails .blc-titre .icon {
        left: 15px
    }
    .resume-poste {
        padding-left: 0;
    }


}


@media (max-width:991px) { 
    .lstRecrutement .lstOffre .item {
        width: 50%;
    }
    .lstRecrutement {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    .RecrutementDetails {
        padding: 60px 0;
    }
    .RecrutementDetails .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .RecrutementDetails .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .resume-poste {
        padding-left: 0;
    }
}

@media (max-width:767px) { 
    .lstRecrutement .lstOffre {
        margin-bottom: 0;
        margin-top: 40px
    }
    .lstRecrutement {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .page .blcSlider {
        height: 250px
    }
    .page .slider {
        height: 250px
    }
    .page .slider .img {
        height: 250px
    }
    .page .txtBanner {
        top: auto;
        bottom: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .RecrutementDetails .titre {
        margin-bottom: 20px;
    }
    .RecrutementDetails .blc-text ul {
        padding-left: 0;
    }
    

}
@media (max-width:600px) { 
    .lstRecrutement .lstOffre .item { width: 100%;  margin-bottom: 20px; }
    .lstRecrutement .lstOffre { margin: 40px 0 10px}
    .pagination .page-item { padding: 0;}
    .pagination .page-item.next .page-link { padding-left: 0; padding-right: 0 }
    .pagination .page-item.prev .page-link {  padding-left: 0; padding-right: 0}
    .pagination .page-item.next .page-link::after {  margin-left: 10px}
    .pagination .page-item.prev .page-link::after { margin: 10px }
      .pagination .page-item.prev .page-link::before {  margin-right: 10px}
    .lstRecrutement .lstOffre .item { margin-bottom: 25px }
    .RecrutementDetails {
        padding: 40px 0;
    }
    .RecrutementDetails .blc-titre {
        padding-left: 20px;
        padding-right: 20px;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .RecrutementDetails {
        margin-bottom: 40px;
    }
    .RecrutementDetails .blc-titre .icon {
        left: 0;
        position: relative;
        display: block;
        margin-bottom: 20px;
    }
    .lstRecrutement {
        margin-bottom: 25px
    }
    .lstResume {
        padding: 24px 20px;
    }
    .form-recrutement .blc-chp.flex-end {
        margin-bottom: 0;
    }
    .form-recrutement .wpcf7-response-output {
        margin-bottom: 20px !important;
    }
    .pagination .page-item.prev .page-link::before {  margin-right: 10px}
    .form-control {
        padding: 0 20px
    }


    

}

@media (max-width:480px) { 
    .pagination .page-item.next .page-link { font-size: 0}
    .pagination .page-item.prev .page-link { font-size: 0 }
    .codedropz-btn-wrap a { padding-top: 75px; padding-left: 10px;
    padding-right: 10px;} 
    .codedropz-upload-inner h5 span {
        display: block;
    }

}

.blur {
    opacity:0.6;
}
span.dnd-upload-counter{
    display:none !important
}