/************************************************* MENU MOBILE  **************************************************/

/*** GLOBAL ***/
#page-container #mobile_menu2.et_mobile_menu,
.single #page-container .et-l .et_pb_menu #mobile_menu2.et_mobile_menu {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0;
    top: 113px;
    padding: 0;
    padding-top: 2rem;
    border: none;
    background: #fff !important;
}

#page-container .mobile_nav.closed #mobile_menu2.et_mobile_menu{
  top: 80px !important;
}

#page-container #mobile_menu2.et_mobile_menu #mobile_menu2::-webkit-scrollbar,
.single #page-container .et-l .et_pb_menu #mobile_menu2.et_mobile_menu #mobile_menu2::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}
.mobile_nav.opened .mobile_menu_bar:before,
.single #page-container .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}
#page-container .mobile_nav li ul.hide,
.single #page-container .mobile_nav li ul.hide{
    display: none !important;
}


#page-container .et_mobile_menu li a {
  border-bottom: none;
}


#page-container .et_mobile_menu li.sub-levelMenu > ul.sub-menu.show li a{
  border: none !important;
}

.single #et-boc .et_pb_menu .et_mobile_menu li ul.sub-menu:not(.show),
.et_pb_menu .et_mobile_menu li ul.sub-menu:not(.show),
#et-boc .et-l .et_pb_fullwidth_menu #mobile_menu2.et_mobile_menu li > ul.sub-menu{
    display: none !important;
}


#page-container .et_mobile_menu li.sub-levelMenu > span.menu-closed:before,
.single #page-container .et_mobile_menu li.sub-levelMenu > span.menu-closed:before {
  display: none !important;
}

.et_pb_menu .et_mobile_menu li ul.sub-menu.show,
.et-db #page-container #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.sub-levelMenu > ul.sub-menu.show {
  display: block !important;
  position: fixed;
  top: 81px !important;
  bottom: 0;
  z-index: 50;
  left: 70.5px;
  right: 0;
  overflow-x: auto;
}

#page-container #mobile_menu2 a::after {
  display: none;
}

#page-container .et_mobile_menu li.sub-levelMenu > span.menu-closed.menu-open:before,
.single #page-container .et_mobile_menu li.sub-levelMenu > span.menu-closed.menu-open:before {
  content: "\e904";
  font-family: "halpaq";
  font-size: 32px;
  line-height: 1;
  color: var(--main-color);
  position: absolute;
  transform: rotate(180deg);
  position: fixed;
  left: 50px;
  right: inherit;
  padding-top: 17px;
  padding-bottom: 17px;
  top: 145px !important;
  width: auto;
  height: 2rem;
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 9999;
}

#page-container .et_mobile_menu li.sub-levelMenu > span.menu-closed.menu-open::before:hover,
.single #page-container .et_mobile_menu li.sub-levelMenu > span.menu-closed.menu-open::before:hover {
  cursor: pointer;
}

#page-container .mobile_menu_bar:before,
.single #page-container .et-l .et_pb_menu .mobile_menu_bar:before {
    font-size: 3rem;
}

/* LI DU MENU PRINCIPAL */
#mobile_menu2.et_mobile_menu li:not(ul.sub-menu li) {
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding: 20px;
  margin-bottom: 0;
  position: relative;
}

#page-container #mobile_menu2.et_mobile_menu.subItemOpen li span{
  display: none;
}

#page-container #mobile_menu2.et_mobile_menu li.liopen span{
  display: block !important;
}

#page-container #mobile_menu2.et_mobile_menu li:nth-last-child(-n+4) a:not(ul.sub-menu li a) {
  font-size: 24px;
  font-weight: 300;
}


#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li) {
  padding: 0;
  width: 100%;
}

#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-tel,
#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-mail{
  position: absolute;
  width: 100%;
}

#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-tel{
  bottom: 0;
  background: var(--dark-grey);
  z-index: 9999;
  left: 0 !important;
}

#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-mail{
  bottom: 5rem;
  background: var(--grey-color);
  z-index: 9999;
  left: 0 !important;
}

#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-mail a::before,
#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-mail a{
  color: var(--dark-grey);
}

#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-tel a,
#page-container #mobile_menu2.et_mobile_menu li:not(ul.sub-menu li).sticky-mail a{
  display: flex;
  justify-content: center;
  align-items: center;
}

#page-container .mobile_nav .menu-item-has-children > a + span.menu-closed,
.single #page-container .mobile_nav .menu-item-has-children > a + span.menu-closed {
    position: absolute !important;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 100;
}

#page-container .mobile_nav .et_mobile_menu.subItemOpen .menu-item-has-children > a + span.menu-closed,
.single #page-container .mobile_nav .et_mobile_menu.subItemOpen .menu-item-has-children > a + span.menu-closed {
  position: absolute !important;
  right: 0;
  top: 0;
  left: 5rem;
  bottom: 0;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  z-index: 100;
}


/* SUB-MENU  */
#page-container #mobile_menu2.et_mobile_menu li > ul.sub-menu {
  position: fixed;
  top: 114px !important;
  bottom: 0;
  z-index: 50;
  left: 40px; /* +px pour sidebar sub-menu*/
  right: 0;

}

/* LI DU SUB-MENU */
#page-container #mobile_menu2.et_mobile_menu li > ul.sub-menu li {
    background-color: #fff;
    width: 95%;
    border-bottom: 1px solid;
    margin-left: 28px;
    margin-right: 0;
    padding-left: 0;
    margin-left: 0;
    border-bottom-color: #161616;
}


#mobile_menu2.et_mobile_menu ul.sub-menu li::before,
#page-container #mobile_menu2.et_mobile_menu .sub-menu li:hover a::after {
  display: none;
}
#page-container #mobile_menu2.et_mobile_menu .sub-menu li::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #fff;
    margin-left: 28px;
    margin-right: auto;
    width: 80%;
}


#page-container #mobile_menu2.et_mobile_menu ul.sub-menu li a,
#page-container .sticky  #mobile_menu2.et_mobile_menu ul.sub-menu li a,
.single #page-container .et-l #mobile_menu2.et_mobile_menu  ul.sub-menu li a,
.single #page-container .et-l .sticky  #mobile_menu2.et_mobile_menu  ul.sub-menu li a,
#page-container #mobile_menu2.et_mobile_menu .sub-menu li:first-child a,
#page-container .sticky  #mobile_menu2.et_mobile_menu .sub-menu li:first-child a {
  padding: 30px 0 0 0 !important;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px !important;
  padding-left: 0;
  color: #161616 !important;
  width: 100% !important;
  align-items: center;
  flex-direction: row;
  top: inherit;
}
#page-container #mobile_menu2.et_mobile_menu ul.sub-menu li a:has(span),
#page-container .sticky  #mobile_menu2.et_mobile_menu ul.sub-menu li a:has(span),
.single #page-container .et-l #mobile_menu2.et_mobile_menu  ul.sub-menu li a:has(span),
.single #page-container .et-l .sticky  #mobile_menu2.et_mobile_menu  ul.sub-menu li a:has(span),
#page-container #mobile_menu2.et_mobile_menu .sub-menu li:first-child a:has(span),
#page-container .sticky  #mobile_menu2.et_mobile_menu .sub-menu li:first-child a:has(span) {
  padding: 50px 0 0 0 !important;
}

#mobile_menu2.et_mobile_menu li.liopen {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 80px !important;
  z-index: 20;
}
  #mobile_menu2.et_mobile_menu li.liopen a {
  font-size: 1.2rem;
}

@media(max-width: 980px) {

    #page-container #mobile_menu2.et_mobile_menu ul.sub-menu li a,
    #page-container .sticky  #mobile_menu2.et_mobile_menu ul.sub-menu li a,
    .single #page-container .et-l #mobile_menu2.et_mobile_menu  ul.sub-menu li a,
    .single #page-container .et-l .sticky  #mobile_menu2.et_mobile_menu  ul.sub-menu li a,
    #page-container #mobile_menu2.et_mobile_menu .sub-menu li:first-child a,
    #page-container .sticky  #mobile_menu2.et_mobile_menu .sub-menu li:first-child a {
        font-size: 18px !important;
    }

  #page-container #mobile_menu2 .menu-homepage {
    display: none;
  }

  #mobile_menu2.et_mobile_menu li:nth-last-child(4)::before {
    display: none;
  }

  #page-container #mobile_menu2.et_mobile_menu li .spanNoLink,
  #page-container #mobile_menu2.et_mobile_menu li:nth-last-child(-n+4) a:not(ul.sub-menu li a),
  #page-container #mobile_menu2.et_mobile_menu li a:not(ul.sub-menu li a) {
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    padding: 25px 15px 25px 40px;
  }

  #page-container #mobile_menu2.et_mobile_menu li .spanNoLink{
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    width: 100%;
    display: block;
  }

  #page-container #mobile_menu2.et_mobile_menu.subItemOpen li:not(.liopen) li a,
  #page-container #mobile_menu2.et_mobile_menu.subItemOpen li:not(.liopen){
    left: 3.2rem !important;
  }

  #page-container #mobile_menu2 .sub-levelMenu {
    position: relative;
    width: max-content;
  }

  #page-container #mobile_menu2 .sub-levelMenu::after {
    font-family: 'ETModules';
    content: '\43';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    margin-right: 1rem;
  }

  #page-container #mobile_menu2 .sub-levelMenu a {
    font-weight: 700 !important;
  }
}

@media(max-width: 490px){
    #page-container #mobile_menu2.et_mobile_menu ul.sub-menu li a,
    #page-container .sticky  #mobile_menu2.et_mobile_menu ul.sub-menu li a,
    .single #page-container .et-l #mobile_menu2.et_mobile_menu  ul.sub-menu li a,
    .single #page-container .et-l .sticky  #mobile_menu2.et_mobile_menu  ul.sub-menu li a,
    #page-container #mobile_menu2.et_mobile_menu .sub-menu li:first-child a,
    #page-container .sticky  #mobile_menu2.et_mobile_menu .sub-menu li:first-child a {
        font-size: 18px !important;
    }
}

/**** je customise le premier lien et sa description pour transformer en titre****/
.section_header-mobile{
	position: fixed!important;
	z-index: 100;
	margin: 0 !important;
	padding:0;
	background: #003764  !important;

}

.section_header-mobile .et_pb_menu__logo{
	width: 240px ;
}

.section_header-mobile .et_pb_fullwidth_menu_2_tb_header .mobile_nav .mobile_menu_bar:before{
	color: #FFFFFF!important;
}


.section_header-mobile .et_mobile_menu li a{
	color: #003764;
}



.et-menu .menu-item-has-children>a:first-child:after {
  right: -16px;
  top: 45%;
  transform: translateY(-50%);
}



/******************** span nolink **********************/
@media(max-width: 980px) {
  #sy_head-container-bottom li.sub-levelMenu:has(.spanNoLink) {
    width: 100% !important;
  }

  #sy_head-container-bottom span.spanNoLink {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    width: 100%;
    padding: 10px 5%;
  }

  #page-container #mobile_menu3.et_mobile_menu li.liopen span.menu-item-description,
  #page-container #mobile_menu3.et_mobile_menu li.liopen span.silo-desktop,
  #page-container #mobile_menu3.et_mobile_menu li.liopen button.my-button-class,
  #sy_head-container-bottom span.menu-item-description,
  #sy_head-container-bottom span.silo-desktop,
  #sy_head-container-bottom button.my-button-class {
    display: none !important;
  }
}


/** CTA **/

.et-db #page-container #et-boc .et-l #sy_header .et_mobile_menu li.sticky-mail a {
  font-weight: 600;
}

.et-db #page-container #et-boc .et-l #sy_header .et_mobile_menu li.sticky-mail a::before,
.et-db #page-container #et-boc .et-l #sy_header .et_mobile_menu li.sticky-tel a::before {
  margin-right: 8px;
  font-family: 'ETMODULES';
  color: #161616;
  background-color: #FCC400;
  border-radius: 50%;
  padding: 9px;
  font-size: 16px;
  top: -2px;
  position: relative;
}

.et-db #page-container #et-boc .et-l #sy_header .et_mobile_menu li.sticky-tel a::before {
  content: '\e090';

}
.et-db #page-container #et-boc .et-l #sy_header .et_mobile_menu li.sticky-mail a::before {
  content: '\e076';
}

body.et-db #et-boc .et-l--header .logo-mobile{
  display: none;
}

@media(max-width: 980px){

  .et-db #et-boc .et-l #head-bottom .et_pb_row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .et-db #et-boc .et-l #head-bottom .et_pb_column .et_pb_image_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  #page-container .mobile_nav.closed .mobile_menu_bar::before{
      color: #161616 !important;
  }

  #page-container .mobile_nav.opened .mobile_menu_bar::before{
    color: #fff !important;
  }

  body.et-db #et-boc .et-l--header:has(.mobile_nav.opened) .logo-mobile{
    display: block;
  }

    body.et-db #et-boc .et-l--header:has(.mobile_nav.opened) .logo-noir{
    display: none;
  }

  .et-db #et-boc .et-l:has(.mobile_nav.opened) #head-bottom,
  .et-db #et-boc .et-l--header.sticky:has(.mobile_nav.opened) #head-bottom {
    height: 113px;
    padding-top: 2rem;
  }

  .single.et-db #et-boc .et-l:has(.mobile_nav.opened) .submenu-side-illu,
  .et-db #et-boc .et-l:has(.mobile_nav.opened) .submenu-side-illu{
    display: none;
  }

  .et-db #et-boc .et-l #head-bottom.et_pb_section{
    margin: inherit !important;
  }

  #page-container #mobile_menu2.et_mobile_menu li.liopen ul li:not(.menu-fleche) span.menu-media-wrap,
  #page-container #mobile_menu2.et_mobile_menu li.liopen span.menu-item-description,
  .et-db #et-boc .et-l:has(.mobile_nav.opened) li:has(.menu-closed.menu-open) .menu-item-description{
    display: none !important;
  }

  #page-container #mobile_menu2.et_mobile_menu li.liopen ul li{
    border-bottom: none;
  }

  #page-container #mobile_menu2.et_mobile_menu li.liopen ul li.menu-fleche a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  #page-container #mobile_menu2.et_mobile_menu li.liopen ul li.menu-fleche a::before{
    font-family: 'ETMODULES';
    position: absolute;
    content: '\24';
    bottom: 0;
    right: 0;
    text-align: center;
    color: var(--dark-grey);
    font-weight: bold;
    font-size: 2em;
  }

  #page-container #mobile_menu2.et_mobile_menu li.liopen .menu-media-wrap img{
    width: 100%;
    height: 100%;
  }

  #page-container #mobile_menu2.et_mobile_menu li.sub-levelMenu > a,
  #page-container #mobile_menu2.et_mobile_menu li.sub-levelMenu span.spanNoLink{
    width: fit-content;
    position: relative;
  }

  #page-container #mobile_menu2.et_mobile_menu li.sub-levelMenu.menu-item-has-children  span.spanNoLink::before{
    content: "+";
    position: absolute;
    right: -1rem;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--main-color);
    transform: translateY(-1px);
  }

  #head-bottom #mobile_menu2.et_mobile_menu li.sub-levelMenu a span.submenu-entete{
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    padding-left: 50px;
  }
/* bouton cta */
  #page-container #mobile_menu2.et_mobile_menu li.sticky-mail a:not(ul.sub-menu li a),
  #page-container #mobile_menu2.et_mobile_menu li.sticky-tel a:not(ul.sub-menu li a){
    padding: 25px 0 25px 0 !important;
  }
  #page-container #mobile_menu2.et_mobile_menu.subItemOpen li.sticky-mail,
  #page-container #mobile_menu2.et_mobile_menu.subItemOpen li.sticky-tel {
    display: none;
  }

/* menu mobile ouvert */
  .et-db #et-boc .et-l:has(.mobile_nav.opened) #head-bottom .et_pb_row{
    background-color: var(--main-color);
    margin-right: 0;
    height: 75px;
    width: calc(100% - 40px);
    margin-left: 40px;
  }
  .et-db #et-boc .et-l:has(.mobile_nav.opened) #head-bottom .et_pb_column.col-logo {
    max-width: inherit;
    width: auto;
  }
  .et-db #et-boc .et-l:has(.mobile_nav.opened) #head-bottom .et_pb_column.col-logo  .et_pb_image.logo-mobile {
    margin: 0 0 0 20px;
    width: 100%;
  }


}