/*Menu*/

.bouton-menu a {
   width: fit-content !important;
   width: -moz-fit-content;
   /* padding: 10px 20px !important; */
	/* padding: 17px 21px 20px 21px !important; */
	padding: 20px 21px 23px 21px !important;
   background-color: var(--vert) !important;
   color: var(--vert-fonce) !important;
   border-radius: var(--sm-radius);
   /* border: solid 1px var(--vert) !important; */
   transition: all 0.2s ease-in-out !important;
}

#main-header.et-fixed-header .bouton-menu.current-menu-item a {
   color: var(--vert-fonce) !important;
}


@media (min-width:981px) {
   .bouton-menu a:hover, body .et-fixed-header #top-menu .bouton-menu a:hover {
      /* background-color: rgba(81, 192, 170, 0) !important; */
      background-color: var(--vert-fonce)!important;
      color: var(--white) !important;
   }
}



#et-secondary-nav .current-menu-item > a {
   color: var(--vert) !important;
}

#main-header,
#main-header.et-fixed-header {
   box-shadow: none !important;
}





/* Fix jumping header */
@media all and (min-width: 981px) {
   #page-container:not(.et-vb-root-ancestor):not(.et-vb-iframe-ancestor) {
      margin-top: 0 !important;
      /* padding-top: 128px !important; */
      padding-top: var(--menu-h) !important;
   }

   /* body.admin-bar #main-header {
      top: 88.25px !important;
   }
   body:not(.admin-bar) #main-header {
      top: 67.25px !important;
      top: 56.25px !important;
   } */
}

@media (max-width:980px) {
   #page-container {
      padding-top: var(--menu-h) !important;
   }
}
/**/



.container.et_menu_container {
   padding: 0 var(--page-margin) !important;
   width: 100%;
}


/*Center verticaly logo*/

@media (min-width: 981px) {
   #logo {
      /* height: 100% !important; */
      /* max-height: 100% !important; */
   }
   .logo_container {
      width: fit-content !important;
      width: -moz-fit-content !important;
      /* top: -40px; */
   }
   /*Necessaire??*/
   .container.et_menu_container {
      z-index: 99 !important;
   }
   #top-header {
      width: calc(100% - 345px);
      left: auto !important;
      right: 0 !important;
   }
   /*#main-header:after {
      content: "";
      position: absolute;
      height: 68px; 
      top: -68px; 
      background-color: var(--vert-fonce);
      left: -0;
      width: 345px !important;
   }*/
   /* .et_header_style_left #main-header.et-fixed-header .logo_container {
      top: -30px !important;
   } */
}

/**/

@media only screen and (min-width: 981px) {
   .et_fullwidth_secondary_nav #top-header .container {
      padding-top: 30px !important;
   }

   /* .et_fullwidth_secondary_nav #top-header.et-fixed-header .container {
      padding-top: 20px !important;
   } */

   .et_header_style_left #et-top-navigation {
      /* padding-top: 25px !important; */
      /* padding-top: 49px !important; */
      padding-top: 46px !important;
   }

   .et_header_style_left #main-header.et-fixed-header #et-top-navigation {
      padding-top: 20px !important;
   }



     .et_header_style_left #et-top-navigation #top-menu > li:not(.bouton-menu) {
      /* padding-bottom: 49px !important; */
      /* padding-bottom: 58px !important; */
     }

     .et_header_style_left #et-top-navigation #top-menu > li {
         padding-bottom: 44px!important;
         transition: padding-bottom 400ms ease-in-out;
     }

     .et_header_style_left  #main-header.et-fixed-header #et-top-navigation #top-menu > li {
         padding-bottom: 20px!important;
     }

   .et_header_style_left #main-header.et-fixed-header #et-top-navigation {
      /* padding-top: 20px !important; */
      /* padding-bottom: 20px; */
   }

   /* .et_header_style_left.admin-bar #main-header.et-fixed-header {
      top: 78px !important;
   }
   .et_header_style_left:not(.admin-bar) #main-header.et-fixed-header {
      top: 46px !important;
   } */

   /* .et_header_style_left #main-header.et-fixed-header #et-top-navigation #top-menu > li > a {
      padding-bottom: 33px !important;
   } */
}

@media only screen and (min-width: 1061px) {
   body.et_pb_svg_logo #main-header:not(.et-fixed-header) #logo {
      /* height: 86px !important; */
      /* max-height: 86px !important; */
   }
}

@media only screen and (min-width: 981px) and (max-width: 1250px) {
   #et-top-navigation {
      padding-left: 230px !important;
   }

   body.et_pb_svg_logo #main-header:not(.et-fixed-header) #logo {
      height: 46px !important;
      max-height: 46px !important;
   }

   /* body.et_pb_svg_logo #main-header.et-fixed-header #logo {
      height: 54px !important;
      max-height: 54px !important;
   } */

   #top-menu li:not(.bouton-menu):not(:has(+ .bouton-menu)):not(:last-child) {
      padding-right: 12px;
   }

   #top-menu li a {
      font-size: 20px !important;
   }

   /* .et_header_style_left #main-header:not(.et-fixed-header) .logo_container {
      top: -34px !important;
   } */

   .bouton-menu a {
      padding: 19px 18px 20px !important;
   }

}


@media (min-width:981px) and (max-width:1100px) {
   #top-menu {
      display: none!important;
   }
   #et_mobile_nav_menu {
      display: block!important;
   }


    .et_header_style_left #et-top-navigation {
      padding-top: 24px!important;
    }

   .et_header_style_left #et-top-navigation .mobile_menu_bar {
      padding-bottom: 24px!important;
   }

   .mobile_menu_bar:before {
      color: var(--vert-fonce)!important;
   }

   .et_fixed_nav.et_show_nav #page-container {
      padding-top: 80px!important;
   }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
   body.et_pb_svg_logo #main-header #logo {
      height: 46px !important;
      max-height: 46px !important;
   }
}
@media only screen and (max-width: 767px) {
   body.et_pb_svg_logo #main-header #logo {
      height: 40px !important;
      max-height: 40px !important;
   }
}


@media (max-width:980px) {
   .et_header_style_left .logo_container {
      max-width: calc(100% - (var(--page-margin) * 2));
   }

   .et_header_style_left #logo {
      max-width: min(200px, 50%);
   }
}

.menu-item.no-click > a {
   pointer-events: none !important;
}
#top-header li a:hover,
#top-menu li a:hover,
.et_mobile_menu li a:hover,
.nav ul li a:hover {
   opacity: 1 !important;
}

#top-menu .menu-item-has-children>a:first-child {
	padding-right: 22px !important;
}

#top-menu .menu-item-has-children>a:first-child:after {
	top: 50%;
	translate: 0 -50%;
	color: var(--vert);
	font-size: 22px;
}

#top-menu-nav li.menu-item-has-children:last-child ul.sub-menu {
   right: 0;
}

#top-menu-nav ul.sub-menu {
   border-radius: var(--radius) !important;
   border-top: 0;
   padding: 15px 15px !important;
   /* padding: 25px 25px !important; */
   width: 230px;
	translate: -25px;
   /* box-shadow: rgba(50, 50, 93, 0.3) 0px 3px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px !important; */
   /* -moz-box-shadow: rgba(50, 50, 93, 0.3) 0px 3px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px !important; */
   margin-top: 12px;
   background-color: var(--vert-fonce)!important;
}

/* .et-fixed-header ul.sub-menu {
   border-radius: 0 0 28px 28px !important;
} */

#top-menu-nav ul.sub-menu li {
   padding: 0px !important;
}

body #top-menu ul.sub-menu li.current-menu-item > a {
   color: var(--vert) !important;
}

#top-menu-nav ul.sub-menu a {
   /* color: var(--vert-fonce) !important; */
   /* border-radius: 12px; */
	border-radius: var(--sm-radius);
   transition: all 0.2s ease-in-out !important;
   line-height: 1.1 !important;
   /* padding: 8px 20px !important; */
	padding: 0!important;
	padding: 10px!important;
   font-size: 18px !important;
}

#top-menu-nav ul.sub-menu > li:not(:last-of-type) {
	/* margin-bottom: 10px; */
}

#top-menu-nav ul.sub-menu a:hover,
body #top-menu ul.sub-menu li.current-menu-item > a:hover {
   background-color: var(--vert) !important;
   color: var(--white) !important;
}

.et-fixed-header #top-menu .sub-menu > li > a {
	color: var(--white)!important;
}
/*Mobile menu*/

.et_mobile_menu {
   border-bottom-left-radius: 30px;
   border-bottom-right-radius: 30px;
}

.et_mobile_menu li a {
   /*padding: 10px 12px;*/
   padding: 10px 0px;
}

#main-header .menu-item a {
   text-transform: initial!important;
}

#main-header #top-menu > .menu-item:not(.bouton-menu) > a {
   padding-top: 10px !important;
   padding-bottom: 10px!important;
}

#main-header .menu-item.menu-la-piquetterie a {
   position: relative;
   padding-left: 16px;
}

#main-header .menu-item.menu-la-piquetterie a:before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 10px;
   height: 27px;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='27' viewBox='0 0 10 27' fill='none'%3e%3cpath d='M10 20.451L5.00143 27L0 20.451V0H10V20.451Z' fill='%23093946'/%3e%3c/svg%3e");
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}



.mobile_nav.opened .mobile_menu_bar_toggle:before {
   content: 'M';
}

.et_mobile_menu > .menu-item:not(.social) > a:hover {
   background-color: rgba(0, 0, 0, 0) !important;
}

.et_mobile_menu > .menu-item.social > a:hover {
	background-color: #51c0aa!important;
}

.et_mobile_menu > .menu-item.social {
	margin-top: 15px;
}


.et_mobile_menu .bouton-menu {
   margin-top: 10px;
}

.et_mobile_menu .bouton-menu a {
   /* padding: 10px 20px!important; */

   padding: 0.7143em 1.4286em!important;
   font-size: 16px !important;
   border-bottom: none!important;
}

#page-container .et_mobile_menu > .bouton-menu > a:hover {
   background-color: var(--vert-fonce)!important;
   color: var(--white) !important;
}

#page-container .et_mobile_menu > .menu-item:not(.bouton-menu) > a {
   font-size: 18px !important;
}


#main-header .et_mobile_menu ul.sub-menu {
   background-color: var(--vert-fonce);
   padding: 10px !important;
   display: grid !important;
   grid-template-columns: 1fr 1fr;

   gap: 0 10px;
   border-radius: 12px;
   margin-bottom: 10px;
}

.et_mobile_menu ul.sub-menu li {
   padding: 0 !important;
}

#main-header .et_mobile_menu li:not(.bouton-menu) a {
   border-bottom: 0 !important;
}
.et_mobile_menu .menu-item-has-children > a {
   background: none !important;
}

.et_mobile_menu ul.sub-menu li a {
   border-radius: 6px;
   transition: all 0.2s ease-in-out !important;
   line-height: 1.1 !important;
   padding: 10px 20px !important;
   color: var(--vert) !important;
}
.et_mobile_menu ul.sub-menu a:hover {
   background-color: var(--white) !important;
   color: var(--vert-fonce) !important;
}

.et_mobile_menu > .menu-item:not(.menu-item-has-children) {
   width: 49%;
   display: inline-block;
}

@media only screen and (max-width: 500px) {
   #main-header .et_mobile_menu ul.sub-menu {
      grid-template-columns: 1fr !important;
   }
   .et_mobile_menu > .menu-item:not(.menu-item-has-children) {
      width: 100% !important;
   }
   #mobile_menu {
      /* height: calc(100vh - 161px); */
      /* max-height: 700px !important; */

      max-height: calc(100vh - 161px);

      overflow-y: scroll !important;
   }
}

/**/

/*Fin menu*/