.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: #f6f9fc;
  box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.12);

  height: 244px;
  color: white;
}

.bggris {
  /* background: #0073b9;*/
  background: #0e3568;
}

.bggris .Btn {
  background-color: #61d0df !important;
}

.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_list {
  color: #fff;
  font-size: 35px;
  margin-top: 10px;
}

.cartecont {
    border-radius: 50%;
    position: absolute;
    top: -20%;
    width: 150px;  
    height: 150px; 
    cursor: pointer;
    display: flex;  
    flex-direction: column;  
    justify-content: center;  
    align-items: center;  
    text-align: center;  
    padding: 10px;  
    left: 10%;
}

.carte {
   width: 80px;  
    height: 80px; 
    object-fit: contain; 
    margin-bottom: 10px; 
}

.cartelabel {
  font-size: 16px;
}

.offrecard {
 /* border-radius: 40px;*/
  border: 1px solid #0e3568;
  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 #f6f9fc;
  background: #f6f9fc;
}

.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: #246085db;
  color: #FFF !Important;
  text-align: center;
  position: absolute;
  border-radius: 1rem !important;
}
.offre_wrapper .offrecard .sommaire-div-offre.nomcat 
{
color: #FFF !Important;
font-size:16px !Important;
}

.imgcat {
  width: 50px !important;
}

.active {
  display: initial !important;
}

.cartelogo {
  width: 86px !important;
  height: 77px;
}

.frame-map {
  height: 800px !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: 900px;

}
#modal_apply .modal-content iframe #body_modal
{
  background:white !Important;
}
#modal_apply .modal-content iframe
{
   height: 800px;
}
.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: #0e3568 !important;
}

.calendrier {
  position: absolute;
  top: 50%;
  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 (max-width: 800px) {
  .cartecont
  {
        position: initial !Important;
  }
  a.reset{
    padding-left: 0px !important;
  }
  body #rechercheoffre_form {
    padding: 1rem !important;
    text-align: center;
  }

  body #rechercheoffre_form .text-right {
    text-align: center !important;
  }

  body .offre_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body #modal_apply .modal-content {width: 100%;height:auto;}
}

@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;
  }    */
}

.nom-comp-cat {
  left: 100px;
  z-index: 9;
}

.iframe_modal {
  max-width: 100%;
}

.bg-bleu-viglob {
  background: #f6f9fc;
}

.couleur-viglob {
  color: #0b548b !important;
}
button.gm-ui-hover-effect
{
  width: auto !important;
  padding: 0px !important;
}
button.gm-ui-hover-effect span
{
  margin: 5px !Important;
}
.gm-style-iw-chr
{
  height:50px;
}
.row-offre
{
  align-items: center;
}
.row-offre .col-md-2 , .row-offre .col-md-7 
{
  max-width: 100%;
}
.offre_wrapper .offrecard .offretitre
{
  line-height: 1.1;
  height:fit-content;
}
#modal_select_cat .close , #modal_apply .close
{
  padding: 1rem !important;
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
#table_offre.style_table td, #table_offre.style_table th
{
  text-align:center;
}