.elementor-736 .elementor-element.elementor-element-5f589f8a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-736 .elementor-element.elementor-element-5f589f8a:not(.elementor-motion-effects-element-type-background), .elementor-736 .elementor-element.elementor-element-5f589f8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.allency.fr/wp-content/uploads/2026/01/nos-medecins.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-736 .elementor-element.elementor-element-39615b15{text-align:center;color:#FFFFFF;}.elementor-736 .elementor-element.elementor-element-20b7149b .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-736 .elementor-element.elementor-element-20b7149b .elementor-button:hover, .elementor-736 .elementor-element.elementor-element-20b7149b .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-736 .elementor-element.elementor-element-20b7149b .elementor-button:hover svg, .elementor-736 .elementor-element.elementor-element-20b7149b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-736 .elementor-element.elementor-element-5be04f89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-736 .elementor-element.elementor-element-6d2c977e{--grid-columns:4;--grid-column-gap:50px;}.elementor-736 .elementor-element.elementor-element-6d2c977e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-736 .elementor-element.elementor-element-6d2c977e .e-loop-item > .elementor-section, .elementor-736 .elementor-element.elementor-element-6d2c977e .e-loop-item > .elementor-section > .elementor-container, .elementor-736 .elementor-element.elementor-element-6d2c977e .e-loop-item > .e-con, .elementor-736 .elementor-element.elementor-element-6d2c977e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-736 .elementor-element.elementor-element-7c9ee023{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-736 .elementor-element.elementor-element-7c9ee023:not(.elementor-motion-effects-element-type-background), .elementor-736 .elementor-element.elementor-element-7c9ee023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.allency.fr/wp-content/uploads/2025/12/background-cta.jpg");background-position:center center;background-size:cover;}.elementor-736 .elementor-element.elementor-element-1d143888{text-align:center;}.elementor-736 .elementor-element.elementor-element-1d143888 .elementor-heading-title{color:#FFFFFF;}.elementor-736 .elementor-element.elementor-element-2599581a .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-736 .elementor-element.elementor-element-2599581a .elementor-button:hover, .elementor-736 .elementor-element.elementor-element-2599581a .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-736 .elementor-element.elementor-element-2599581a .elementor-button:hover svg, .elementor-736 .elementor-element.elementor-element-2599581a .elementor-button:focus svg{fill:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-736 .elementor-element.elementor-element-5f589f8a{--content-width:60%;}.elementor-736 .elementor-element.elementor-element-7c9ee023{--content-width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-736 .elementor-element.elementor-element-5f589f8a{--content-width:80%;}.elementor-736 .elementor-element.elementor-element-7c9ee023{--content-width:80%;}}@media(max-width:1024px){.elementor-736 .elementor-element.elementor-element-5f589f8a{--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:016px;}.elementor-736 .elementor-element.elementor-element-6d2c977e{--grid-columns:2;}}@media(max-width:767px){.elementor-736 .elementor-element.elementor-element-6d2c977e{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-9b09958 */.med-filters {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.med-filter {
  position: relative;
}

/* Le select "flat" avec trait dessous */
.med-filter select {
  border: none;
  border-bottom: 1px solid #c0d3d3;
   border-radius:0px;
  padding: 6px 22px 6px 0;
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  color: #174f59;
  outline: none;
  min-width: 170px;
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Placeholder (première option) plus clair */
.med-filter select option:first-child {
  color: #8fa1a5;
}

/* Petite flèche custom */
.med-filter::after {
  content: "▾";
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 11px;
  color: #174f59;
  pointer-events: none;
}

/* Focus accessible mais propre */
.med-filter select:focus {
  border-bottom-color: #0d8c8c;
}
@media (max-width: 767px) {

  /* Réduction de l'espacement entre les filtres */
  .med-filters {
    gap: 16px !important; /* espace vertical + horizontal */
    flex-direction: column;
  }

  .med-filter {
    margin: 0 !important;
  }

  .med-filter select {
    min-width: 100% !important;
    padding: 4px 20px 4px 0 !important; /* réduit légèrement le padding vertical */
    font-size: 14px !important;
  }

  /* repositionne la petite flèche */
  .med-filter::after {
    right: 4px;
    bottom: 10px;
  }
}/* End custom CSS */
/* Start custom CSS *//* Conteneur principal */
.med-card {
  position: relative;
  overflow: hidden;
}

/* Le panneau qui glisse */
.med-slide-panel {
  position: absolute;
  left: 0;
  bottom: -100%; /* caché */
  width: 100%;
  padding: 25px;
  background: white;
  box-shadow: 0px -10px 30px rgba(0,0,0,0.1);
  border-radius: 0 0 15px 15px; /* adapte si besoin */
  transition: all 0.35s ease-in-out;
}

/* Effet au survol */
.med-card:hover .med-slide-panel {
  bottom: 0; /* remonte en slide */
}/* End custom CSS */