.wrapper_cat_search_client:hover, .wrapper_cat_detail:hover {
     background: #D6D6D6;
     cursor: pointer;
}
 .wrapper_cat_search_client.selected, .wrapper_cat_detail.selected {
     border: 1px solid #00BD00;
     background: #F0F0F0;
}
 .icone_offre_cat {
     width:50px;
     margin:0px 5px 0px 0px;
     float:left;
}
.boxverte
{
    border-radius: 30px;
    background: #00C8B2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);

    height: 244px;
    color:white;
}
 .bggris{
     background: #334D5F;
}
 .titre-offre {
     color: #FFF;
     font-size: 40px;
     font-style: normal;
     font-weight: 700;
     line-height: 42px;
}
 .col-form-label {
     color: #FFF;
     font-size: 14px;
     font-style: normal;
     font-weight: 800;
     line-height: 22px;
}
 .benevolat-label {
     color: #FFF;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 22px;
     position: relative;
     /*top: -15%;*/
}
 .reset{
     background-image: none !important;
     text-decoration:underline !important;
}
 input.checkboxcustom {
     width: 20px;
     height: 20px;
}
 .carte {
     width: 52.543px;
     height: 49.086px;
     margin: 0 auto;
}
.carte_list{
    color:#fff;
    font-size: 35px;
    margin-top: 10px;
}

 .cartecont {
     border-radius: 50%;
     height: 100px;
     width: 100px;
     position: absolute;
     top: -20%;
     cursor: pointer;
}
 .cartelabel {
     font-size: 10px;
}
 .offrecard {
     border-radius: 40px;
     border: 1px solid #00B7A3;
     background: rgba(0, 183, 163, 0.00);
     position: relative;

     display: block;
}
.map{
    display:none;
}

.cacher{
    top: 70%;
}
.plusbtn{
    padding:5px 10px;
}
.resultats .offrecard:hover{
     border: 1px solid rgba(0, 183, 163, 0.12);
     background: rgba(0, 183, 163, 0.12);
}
 .offretitre {
     color: #006359 !important;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 25px;
     height: 50px;
}
.offrecaroussel{
    padding: 1.5rem!important;
}
 .nomcat{
     background : #334D5F;
     color: #FFF;
     text-align: center;
     position: absolute;
     border-radius: 1rem!important;
}
 .imgcat{
     width: 50px !important;
}
 .active {
     display:initial !important;
}
 .cartelogo {
     width: 86px !important;
     height: 77px;
}
 .frame-map {
     height: 800px !important;
}
 .carte-active{
     background: #231F20 !important;
}
 .section {
     margin: 0!important;
     overflow: hidden !important;
}
 .container {
    /* margin: 0!important;
     padding: 0!important;
     max-width: 2000px;
    */
}

.back{

    width: 120px !important;
    height: 34px !important;
    margin-top: 3rem !important;
}
.iframecarte iframe
{
        width: 100%;
}
.coeur
{
    color : #038577 !important;
    font-size: 25px !important;
    position: absolute;
    z-index: 999;
    right: 7%;
    top: 10px;
}

.detaillogo
{
    width: 184px;
    height: 165px;
}
.callbtn
{

        border-radius: 21px;
        border: 1px solid #00B7A3;

}

.inscr{
    width:330px !important;
}
#modal_apply .modal-content{
    width: 900px;
    height: 600px;

}
.vertical{
    border-left: 2px solid gray;
    height: 150px;

}
.ou{

    position: relative;
    left: -30%;
}
 .back-to-top {
     background: transparent !important;
     right :20px ;
     border:0 !important;

     display:block;
     top: 90%;

    position: fixed;
}
input.checkboxcustom:checked{
    accent-color: #ED1652 ;
}
.fleche-left
{

    width: 20px;
}

.owl-prev
{
     position: absolute;
     left: -8%;

}
.owl-next{
    position: absolute;
    right: -8%;

}

.need-share-button_button{
    border: none !important;
    color: transparent !important;
}
.need-share-button_button:after{
    font-family: "Font Awesome 5 Free";
    content: "\f1e0";
    font-size: 20px !important;
    font-weight: 900;
    display: block !important;
    color: #000 !important;
    margin-top: -20px;
}
span.need-share-button_link-box{
    color:#fff !important;
}

/*----------------------- organisme - gérer / publier une offre -------------------------*/

.offre_status_ouvert {
  background: #58D582;
  color: #fff;
  display: inline-block;
  padding: 1px 8px 3px;
  border-radius: 7px;
}
.offre_status_ferme {
  background: #ED1652;
  color: #fff !important;
  display: inline-block;
  padding: 1px 8px 3px;
  border-radius: 7px;
}
#org_create_offre #steps-uid-1{
    display: none;
}
.detail_postulation_picto{
    margin-left: 10px;
    top: 8px;
    position: relative;
    font-size: 36px;
}
#modal_offre_cab_org{
    width: 100%;
    max-width: 96%;
}
/****************************************/


/* Chart Styles */

.chart-wrap .chart-title {
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}
.chart-wrap .row {
  position: relative;
  height: 26px;
  margin-bottom: 15px;
}
.chart-wrap .bar-wrap {
  position: relative;
  background: #D9D9D9;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.chart-wrap .bar-wrap .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #00C8B2;
  transition: all 1s;
  transform: translateX(-100%);
}

.chart-wrap .bar-wrap .bar::after {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  color: #fff;
  content: attr(data-value);
  font-weight: 700;
  position: absolute;
  /*right: 16px;*/
  top: 0;
}
.vert-fonce{
   color : #006359 !important;
}
.calendrier
{
    position: absolute;
    top: 60%;
    right: 5%;
}

.chart-wrap .bar-wrap .bar.in {
  transform: translateX(0%);
}
.chart-wrap .row:nth-of-type(1) .bar {
  transition: 1s 400ms;
}
.chart-wrap .row:nth-of-type(2) .bar {
  transition: 1s 600ms;
}
.chart-wrap .row:nth-of-type(3) .bar {
  transition: 1s 800ms;
}
.chart-wrap .row:nth-of-type(4) .bar {
  transition: 1s 1000ms;
}
.chart-wrap .row:nth-of-type(5) .bar {
  transition: 1s 1200ms;
}
.chart-wrap .row:nth-of-type(6) .bar {
  transition: 1s 1400ms;
}
.chart-wrap .row:nth-of-type(7) .bar {
  transition: 1s 1600ms;
}
.chart-wrap .label {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  padding-left: 10px;
  text-align: left;
  font-size: 12px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 10;
}
.chart-wrap .number {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  text-align: right;
  z-index: 10;
}
.offre_tele{
    color:#fff !important;
    background: #ed1652;
    position: absolute;
    bottom: 50px;
    right: 25px;
    padding: 2px 12px;
    border-radius: 10px;
    /*border: 1px solid #000;*/
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#loading_cat{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
}

@media screen and (min-width: 800px) {
  .chart-wrap .row {
    padding: 0 40px 0 160px;
  }
  .chart-wrap .label {

    color: #000;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }  /*
  .chart-wrap .number {
    text-align: left;
    padding-right: 0;
  }    */
}

/****