.batiments-france:hover > ul {
  display: none !important;
}
/*.batiment_france_li > ul li {
  padding-left: 15px;
}*/

#batiments-france_section {
  justify-content: center;
  background-color: #fff;
  list-style: none;
  
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.section_batiments-france{
   z-index: 999;
   display: none;
}
.section_batiments-france {
  position: fixed !important;
  top: 180px;
  width: 100%;
  z-index: 99999;
  background: none !important;
}
.batiments-internationaux > .sub-menu {
  display: none;
}
.section_batiments-france.hover_head{
  display: flex !important;
}
.section_batiments-france.scrool_ {
  top: 195px !important;
  box-shadow: none !important;
}
#batiments-france_section .batiments-france > ul {
  display: flex !important;
  justify-content: space-around;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}
.batiments-france > ul ul{
	padding: 0 !important;
}
#batiments-france_section>.et_pb_code_inner{
	width: 100%;
}
#batiments-france_section .batiments-france > ul li {
  list-style: none;
}
/*#batiments-france_section .batiments-france > ul ul {
  padding-left: 30px !important;
}*/

#batiments-france_section .batiments-france > ul li.img_ > ul {
  padding-left: 0 !important;
}
#batiments-france_section .batiments-france{
	position: relative;
  background-color: #fff !important;
}
#batiments-france_section .batiments-france > ul {
  padding: 5px;
}
/*#batiments-france_section .batiments-france::before {
  content: "";
  width: 68%;
  position: absolute;
  height: 2px;
  background: #2e4996;
  display: flex;
  text-align: center;
  left: 50%;
  transform: translate(-50%);
}*/
#batiments-france_section .batiment_france_li a {
  color: #000;
}
#batiments-france_section .batiment_france_li > a {
 
  width: 100%;
  display: block;
  padding: 5px 0px;
 /* font-size: 16px;*/

  text-align: center;
  color: #fff !important;
  font-weight: 600;
 /* background: #a2c1a1 !important;*/
}
#batiments-france_section .batiment_france_li {
  width: 16.666% !important;
  margin-left: 5px;
}
#batiments-france_section .batiment_france_li .sub-menu li a {
  font-family: 'Myriad variable Concept',Helvetica,Arial,Lucida,sans-serif;
}

.batiments-france > ul {
  display: none !important;
}

.batiment_france_li.img_ ul li {
  width: 98% !important;
}




/************/


.page-id-658 .et_builder_inner_content.et_pb_gutters1 {
  margin-top: 150px;
  z-index: 9999;
}
.batiments-internationaux:hover > ul {
  display: none !important;
}

.menue_2  {
  justify-content: center;
  background-color: #fff !important;
  list-style: none;
  z-index: 999;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.menue_2{
  display: none;
}
.menue_2 {
  position: fixed !important;
  top: 180px;
  width: 100%;
  z-index: 99999;
  background: none !important;
}
.menue_2.hover_head{
  display: flex !important;
}
.menue_2.scrool_ {
  top: 195px !important;
}
.menue_2 .batiments-internationaux > ul {
  display: flex !important;
  justify-content: space-around;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}
.batiments-internationaux > ul ul{
  padding: 0 !important;
}
.menue_2 >.et_pb_code_inner{
  width: 100%;
}
.menue_2 .batiments-internationaux > ul li {
  list-style: none;
}
/*.menue_2 .batiments-internationaux > ul ul {
  padding-left: 30px !important;
}
*/
.menue_2 .batiments-internationaux > ul li.img_ > ul {
  padding-left: 0 !important;
}
.menue_2 .batiments-internationaux {
  position: relative;
  background: #fff !important;
}
.menue_2 .batiments-internationaux > ul {
  padding: 5px;
}
/*.menue_2 .batiments-internationaux::before {
  content: "";
  width: 68%;
  position: absolute;
  height: 2px;
  background: #2e4996;
  display: flex;
  text-align: center;
  left: 50%;
  transform: translate(-50%);
}*/
.menue_2 .batiment_france_li a {
  color: #000;
}
.menue_2 .batiment_france_li > a {
 /*background: #a2c1a1 !important;*/
  width: 100%;
  display: block;
  padding: 5px 0px;
/*  font-size: 16px;*/
  text-align: center;
  color: #fff !important;
  font-weight: 600;
}
.menue_2 .batiment_france_li{
  width: 16.666%;
  margin-left: 5px;
} 
.menue_2 .batiment_france_li .sub-menu li a {
  font-family: 'Myriad variable Concept',Helvetica,Arial,Lucida,sans-serif;
}

.batiments-france > ul {
  display: none !important;
}
.img_head {
  height: 90px;
  width: 100%;
  object-fit: contain;
}
.batiment_france_li.img_ ul li {
  width: 98% !important;
}

.reproducteur{
  background: #b1cdcf !important;
} 
.photovolaique{
  background: #9d9d9c !important;
} 
.canard {
  background: #d4c79c !important;
}
.couvoir{
  background: #637460 !important;
}
.abattoir{
  background: #a2c1a1 !important;
}
.aliments{
  background: #d4c79c !important;
}
.pondeuses{
    background: #5a8cc8 !important;
}
.Ovins
{
 background: #a2c1a1 ;
}
.volailles
{
  background :#cacbcc;  
}

body #page-container li.menu-item ul.sub-menu li img.menu-image {
  display: none !important;
}

body #page-container  li.menu-item ul.sub-menu li a.menu-image-title-after img.menu-image {
  width: 45px;
  height: 45px;
}
/*body #page-container #batiments-france_section .et_mobile_menu li.menu-item ul.sub-menu li a.menu-image-title-after  {
  display: flex !important;
  align-items: center;
}*/
body #page-container  li.menu-item ul.sub-menu li a.menu-image-title-after {
  display: flex !important;
  align-items: center;
}

@media(max-width: 980px) {

  body #page-container li.menu-item ul.sub-menu li img.menu-image {
      display: block !important;
  }
  body #page-container ul.et_mobile_menu li.menu-item ul.sub-menu li ul.sub-menu {
      display: none !important;
  }
  body .dtb-menu .et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu li ul.sub-menu, .et-db #et-boc .et-l .dtb-menu .et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu li ul.sub-menu {
    display: none !important;
  }
  body .dtb-menu .et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu li ul.sub-menu li a.sub-menu-toggle:before{
    display: none !important;
  }
  body #page-container .dtb-menu .et_mobile_menu ul.sub-menu .sub-menu-toggle {
    display: none !important;
  }
  body #page-container  .dtb-menu .et_mobile_menu .sub-menu-toggle::before {
    color: #666666 !important;
  }
  body #page-container .banner .et_pb_video_box video {
    width: auto !important;
    max-width: initial !important;
    height: 100vh !important;
  }
 }

@media(max-width: 468px) {


#map {
  height: 45vh !important;
}
}


 .cart-dynamique-container {
    width: 100%;
    margin: 20px 0;
    border: 2px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.cart-dynamique-map {
    width: 100%;
    height: 700px; /* Hauteur fixe ou utilisez min-height */

}



/********legende***************************/
 .carte-avec-legende {
        width: 100%;
        margin: 30px 0;
    }
    
.legende-haut {
  border-radius: 10px 10px 0 0;
  padding: 20px;
  margin-bottom: 0;
  margin-top: 25px;
}
    
    .legende-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
/*        margin-bottom: 20px;
        padding-bottom: 15px;*/
    }
    
    .legende-header h3 {
        margin: 0;
        color: #2c3e50;
        font-size: 20px;
    }
    
    .badge {
        background: #4a90e2;
        color: white;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold;
    }
    
.legende-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
}
.legende-header{
  position: relative;
}
.legende-header h2 {
  font-family: '',sans-serif;
  font-weight: 600;
  font-size: 30px;
}
.legende-header::after {
  content: "";
  width: 250px;
  height: 3px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.legende-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  transition: all 0.3s;
}
    
    .legende-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    
    .color-box {
        width: 30px;
        height: 30px;
        border-radius: 6px;
        border: 2px solid rgba(0,0,0,0.1);
        flex-shrink: 0;
    }
    
    .legende-info {
        flex: 1;
    }
    
    .zone-name {
        display: block;
        font-weight: 600;
        color: #2c3e50;
        font-size: 15px;
    }
    
    .color-code {
        display: block;
        font-family: monospace;
        font-size: 11px;
        color: #7f8c8d;
        margin-top: 3px;
    }
    
    .carte-container-main {
        background: white;
        padding: 20px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    
    .cart-dynamique-map {
        width: 100%;
        height: 600px;
        border-radius: 8px;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .legende-grid {
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        }
        
        .cart-dynamique-map {
            height: 450px;
        }
    }
  @media (min-width: 1688px) {
  .legende-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

.leaflet-popup-content p {
  margin: 0 !important;
  padding: 1px !important;
  display: flex;
  gap: 5px;
  align-items: center;
}
.icone_map {
  width: 10px;
}
/*.cart-dynamique-map{
  display: none;
}
*/
.img_inf {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenu_ {
  background: #fff !important;
}
.img_inf img {

  object-fit: contain;
 
  width: 100px;
}
.leaflet-popup-content-wrapper{
  border-radius: 0px !important;
}
/*.leaflet-popup-content{
  width: 100% !important;
}
*/
.leaflet-popup-content-wrapper, .leaflet-popup-tip{
  background: none !important;
}
#map {
  width: 100%;
  height: 70vh;
  background: #fff;
}
        
        .leaflet-container {
            font-family: Arial, sans-serif;
        }
        
        .custom-map-popup .leaflet-popup-content-wrapper {
            
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
           
        }
        
        .custom-map-popup .leaflet-popup-content {
            margin: 0;
            line-height: 1.4;
        }
        
        .custom-map-popup .leaflet-popup-tip {
            background: white;
            box-shadow: 0 3px 14px rgba(0,0,0,0.1);
        }
        
        .svg-overlay {
            pointer-events: none;
        }
        
        .svg-overlay svg {
            pointer-events: auto;
        }
        
        .leaflet-zoom-box {
            border: 2px dashed #3388ff;
        }