/*
Theme Name: Epsilon
Template: Divi
*/

/************************************************/
/* HEADER */


/* VERSION DESKTOP */

/* Désactiver le menu par défault de Divi pour le mobile */
#ep_head-second-menu .et_pb_menu__wrap,
#ep_head-main-menu .et_pb_menu__wrap {
    display: initial;
}


/*  Style du header */
#ep_header {
    padding: 0;
    margin: 0 !important;
}

/*  ajustement probleme js sticky sur mobile */
@media (max-width: 980px) {
    #page-container #ep_header,
    #page-container #ep_header.sticky {
        display: flex !important;
    }
}

/*  ajustement probleme js sticky sur desktop */
@media (min-width: 981px) {
    #ep_header {
        display: flex;
    }

    #ep_header #ep_header-container {
        margin-top: 45px;
    }
    body.single-realisations #ep_header .ep_header-top,
    body.single-post #ep_header .ep_header-top {
        margin-top: 0;
        display: flex;
        align-items: center;
    }

    #ep_header.sticky #ep_header-container {
        margin-top: 0;
    }
    body.single-realisations #ep_header.sticky .ep_header-top,
    body.single-post #ep_header.sticky .ep_header-top {
        height: 75px;
        display: flex !important;
    }
}


.single-realisations #page-container #ep_header,
.single-post #page-container #ep_header,
#ep_header.header-white,
#ep_header.header-black {
    height: 150px;
}

#ep_header.header-transparent {
    background-color: rgba(0, 0, 0, 0);
}
#page-container #ep_header .et_pb_row_0_tb_header {
    width: 100% !important;
}
#page-container #ep_header #ep_header-container {
    display: flex;
    justify-content: space-between;
    padding: 0;
    max-width: 1920px;
    width: 100%;
}

#ep_header.header-white #ep_header-container,
#ep_header.header-black #ep_header-container {
    height: 100%;
}

#ep_header.header-transparent #ep_header-container {
    max-width: 1600px !important;
    border-bottom: #fff 2px solid;
    padding-bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0);
    align-items: flex-end;
    height: 90px;
}


  #page-container #ep_header.header-transparent #ep_header-container {
      width: 90%;
      position: absolute;
      margin-left: 5% !important;
  }
  @media (min-width: 1600px) {
    #page-container #ep_header.header-transparent:not(#ep_header.mm-open) #ep_header-container {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0 !important;
        margin-right:0 !important;
    }
  }


.header-transparent .et_pb_row:first-child {
    max-width: none;
    padding: 0 !important;
}


@media (min-width: 981px) {
    .single #ep_header.header-white:not(#ep_header.sticky) #ep_header-container {
        border-bottom: 2px solid #dfdee2 ;
    }
}

#ep_header #ep_head-col-left {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    height: 100%;
    width: auto;
    flex: 0 1 auto;
    margin-right: 0;
}

#ep_header.header-transparent #ep_head-col-left {
    margin-left: 0;
    align-items: flex-end;
    padding-bottom: 1rem;
}

#ep_header.sticky.header-transparent #ep_head-col-left{
  padding-bottom: 0;
}


/***** Modif header transparent global *********/
#page-container #ep_header.header-transparent .ep_header-top{
    display: flex;
    z-index: 3;
    justify-content: center;
    background: #323e48;
    align-items: center;
}

#page-container:has(.home-banner) #ep_header.header-transparent .ep_header-top{
  background: rgba(50, 62, 72, 0.6);
}

#page-container #ep_header.header-transparent .ep_header-top .et_pb_column{
    width: 90%;
    max-width: 1600px;
}

#page-container #ep_header.header-transparent.sticky .ep_header-top{
    display: none;
}

#page-container #ep_header.header-transparent.sticky .ep_header-top .et_pb_column{
    width: inherit;
}

    /****** logo  ******/


#ep_header .logo-large {
    margin-bottom: 0;
}
#ep_header .logo-large.blanc,
.single #page-container #ep_header .logo-large.blanc {
    display: none;
}
#ep_header .logo-large img {
    height: 45px;
}
#ep_header.header-white .logo-large img,
#ep_header.header-black .logo-large img {
    height: 5.8rem;
}
#ep_header .logo-compact img {
    height: 5rem;
}

#ep_header.header-white #ep_header-container #ep_head-col-right,
#ep_header.header-black #ep_header-container #ep_head-col-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

@media(max-width: 1160px){
    #page-container #ep_header.header-transparent .ep_header-top .et_pb_column{
        width: 100%;
    }
}

@media(max-width: 980px) {
  #ep_header.header-transparent #ep_header-container #ep_head-col-right {
    justify-content: space-between;
  }
}

#ep_header.header-transparent #ep_header-container #ep_head-col-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 1.125rem;
}

#ep_header.sticky.header-transparent #ep_header-container #ep_head-col-right{
  padding-bottom: 0;
}

#ep_header #ep_head-second-menu {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}

#ep_header.header-transparent #ep_head-second-menu {
    background-color: #323e48;
    height: 45px;
}

#page-container:has(.home-banner) #ep_header.header-transparent #ep_head-second-menu{
  background-color: inherit;
}

#ep_header ul {
    margin: 0;
    padding-left: 0;
    align-items: center;
}
#ep_header ul#menu-secondary-menu {
    height: 45px;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
}

#ep_header ul li {
    list-style: none;
    margin-top: 0;
}

@media(min-width: 981px){
  body:not(.single-realisations) #ep_header ul li:not(.fermer) {
    height: 100%;
  }
}

#ep_header.header-white ul#menu-secondary-menu li,
#ep_header.header-black ul#menu-secondary-menu li {
    border-left: none !important;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

#ep_header.header-white ul li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-white li a:not(ul.sub-menu li a),
#ep_header.header-transparent ul li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-transparent li a:not(ul.sub-menu li a),
#ep_header.header-black ul li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-black li a:not(ul.sub-menu li a) {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.0625rem;
    color: #323e48;

}
#ep_header.header-black ul li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-black li a:not(ul.sub-menu li a) {
    position: relative;
    color: #fff;
}
#ep_header.header-transparent ul li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-transparent li a:not(ul.sub-menu li a) {
    color: #fff;
}

#page-container .sub-menu li a,
#page-container .sub-menu li span.lien {
    color: #fff;
}

#ep_header #ep_head-main-menu #menu-main-menu {
  flex-wrap: nowrap;
}

#ep_header #ep_head-main-menu #menu-main-menu li.mob{
    display: none;
}

@media(max-width: 980px){
    #ep_header #ep_head-main-menu #menu-main-menu li.mob{
        display: block;
    }
}

.header-black #ep_head-main-menu {
    background-color: #000;
    position: relative;
}

.header-transparent #ep_head-main-menu,
.blog #page-container .header-transparent #ep_head-main-menu.et_pb_menu {
    background-color: transparent;
    position: relative;
}

#ep_header #ep_head-main-menu li:not(ul.sub-menu li) {
    position: relative;
    padding: 4px 0;
}
#page-container #ep_header.header-white #menu-main-menu li:not(ul.sub-menu li) {
    border-left: #323e48 2px solid !important;
}

@media(min-width: 981px){
  #page-container #ep_header.header-white #menu-main-menu li:not(ul.sub-menu li).mob{
    display: none;
  }
  #page-container #ep_header #ep_head-main-menu li:not(:first-child, ul.sub-menu > li)::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 21.4px;
    background-color: #fff;
  }
}

/*exeption 1er onglet*/
#page-container #ep_header.sticky ul#menu-main-menu li:not(ul.sub-menu li).m-produit,
#page-container #ep_header ul#menu-main-menu li:not(ul.sub-menu li).m-produit  {
  border-left: transparent 2px solid !important;
}




#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu a:not(ul.sub-menu li a) {
    visibility: visible;
}

#ep_header #ep_head-main-menu ul.sub-menu {
    position: absolute;
    display: none;
}

#ep_header #ep_head-main-menu li.mega-menu.c-open > ul.sub-menu {
    opacity: initial !important;
    visibility: initial !important;
    display: block !important;
}


/* gestion mega-menu */
#page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
  background-color: transparent !important;
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    padding: 175px 20% 10rem 0;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    border: none;
    position: initial !important;
    max-height: 900px;
}
#page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
#page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
#page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
#page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a) {
    position: absolute;
    display: block;
    top: 70px;
    left: initial;
    font-size: 2.5rem;
    color: #fff;
    padding-left: 0;
}
#page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
  border: none;
  display: flex !important;
  width: 45%;
  height: auto;
  margin-bottom: 20px;
  flex: 1 1 auto;
  padding: 15px 10px 10px 10px !important;
  margin-right: 4%;
  flex: 0 1 auto;
  min-height: 117px;
}
#ep_header #ep_head-main-menu .menu-item-description {
  display: block;
  font-size: 0.83rem;
  text-transform: initial;
  margin-top: 5px;
  font-family: 'Roboto';
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.08em;
  padding: 0;
}
#ep_header #ep_head-main-menu .sub-menu li:not(.fermer):hover a::after {
  position: fixed;
  display: block;
  content: " ";
  left: 80%;
  top: 0px;
  width: auto;
  min-width: 20%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 90%);
  height: 50%;
  background-position: center top;
}
@media (min-width: 1921px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
      max-width: 2250px;
  }
  #page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
    min-height: 130px;
  }
  #ep_header #ep_head-main-menu .sub-menu li:not(.fermer):hover a::after {
    left: calc(100% - 450px);
    top: 0px;
    width: 550px;
    min-width: inherit;
    height: 650px;
  }
}
@media (max-width: 1600px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
      padding: 145px 20% 10rem 0;
  }
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a) {
      top: 45px;
  }
  #page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
    min-height: 102px;
  }
}
@media (max-width: 1536px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
      padding: 133px 18% 10rem 0;
  }
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a) {
      top: 55px;
  }
  #page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
    min-height: 97px;
  }
}
@media (max-width: 1440px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
      padding: 143px 15% 10rem 0;
  }
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a) {
      top: 58px;
  }
  #page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
    min-height: 92px;
  }
}
@media (max-width: 1366px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
      padding: 150px 20% 10rem 0;
  }
  #page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
    min-height: 85px;
    margin-bottom: 17px;
  }
  #ep_header #ep_head-main-menu .menu-item-description {
    display: none;
  }
}
@media (max-width: 1280px) {
  #page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer) {
    min-height: 80px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
      max-height: 700px;
  }
}
/*************/


#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open {
    position: fixed;
    visibility: visible;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: rgba(50, 62, 72, 0.98);
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0 0 0 8%;
    margin-top:0;
}
#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a)::after {
    display: block;
    top: 15px;
    left:0;
    right: initial;
    position: relative;

}

#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu a:not(ul.sub-menu li a)::after {
    content: "";
    display: none;
    background-color: #fff;
    height: 2px;
    width: 50%;
    margin-top: .5rem;
}




#ep_header ul#menu-main-menu li.m-contact {
  display: none;
}


/***** onglets uniquments mobile ****/

#ep_header ul#menu-main-menu li.menu-2nd, .single #ep_header ul#menu-main-menu li.menu-2nd {
    display: none !important;
}

/**************** Mega menu sub menu *****************************************************/

.c-overflowhidden {
  overflow: hidden;
}
.c-overflowinitial {
  overflow: initial !important ;
}





#page-container #ep_header #ep_head-main-menu .sub-menu li:not(.fermer):hover::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #fff;

}





/**** produit *****/

#ep_header #ep_head-main-menu .sub-menu li.mm-pupitre:hover a::after {
  background-image: url(/wp-content/uploads/mm-pupitre-de-commande-industriel.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-armoire:hover a::after {
 background-image: url(/wp-content/uploads/mm-armoire-industrie-metallique.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-shelter:hover a::after {
  background-image: url(/wp-content/uploads/mm-shelter-sur-mesure.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-cabine:hover a::after {
  background-image: url(/wp-content/uploads/mm-cabine-de-commande.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-machine:hover a::after {
  background-image: url(/wp-content/uploads/mm-machine-speciale.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-borne:hover a::after {
  background-image: url(/wp-content/uploads/mm-borne-metallique.jpg);
}



#ep_header #ep_head-main-menu ul.sub-menu li.mm-pupitre::before {
  background: url(/wp-content/uploads/mm-pupitre-de-commande-industriel-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-pupitre-commande-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-pupitre:hover::before {
  background: url(/wp-content/uploads/mm-pupitre-de-commande-industriel-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-pupitre-commande-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-cabine::before {
  background: url(/wp-content/uploads/mm-cabine-de-commande-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-cabine-commande-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-cabine:hover::before {
  background: url(/wp-content/uploads/mm-cabine-de-commande-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-cabine-commande-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-armoire::before {
  background: url(/wp-content/uploads/mm-armoire-industrie-metallique-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-armoire-carre-blanc.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-armoire:hover::before {
  background: url(/wp-content/uploads/mm-armoire-industrie-metallique-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-armoire-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-machine::before {
  background: url(/wp-content/uploads/mm-machine-speciale-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-machine-speciale-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-machine:hover::before {
  background: url(/wp-content/uploads/mm-machine-speciale-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-machine-speciale-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-shelter::before {
  background: url(/wp-content/uploads/mm-shelter-sur-mesure-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-shelter-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-shelter:hover::before {
  background: url(/wp-content/uploads/mm-shelter-sur-mesure-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-shelter-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-borne::before {
  background: url(/wp-content/uploads/mm-borne-metallique-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-borne-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-borne:hover::before {
  background: url(/wp-content/uploads/mm-borne-metallique-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-borne-carre-orange.svg) right top no-repeat;
}






/***  secteur  ***/


#ep_header #ep_head-main-menu .sub-menu li.mm-distri-elec:hover a::after {
  background-image: url(/wp-content/uploads/mm-distribution-electrique.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-defense:hover a::after {
  background-image: url(/wp-content/uploads/mm-defense.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-nucleaire:hover a::after {
  background-image: url(/wp-content/uploads/mm-nucleaire.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-renouvelable:hover a::after {
  background-image: url(/wp-content/uploads/mm-energies-renouvelables.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-offshore:hover a::after {
  background-image: url(/wp-content/uploads/mm-nava-offshore.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-urbain:hover a::after {
  background-image: url(/wp-content/uploads/mm-urbain.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-process:hover a::after {
  background-image: url(/wp-content/uploads/mm-process-industriel.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-application-spe:hover a::after {
  background-image: url(/wp-content/uploads/mm-applications-specifiques.jpg);
}




#ep_header #ep_head-main-menu ul.sub-menu li.mm-defense::before {
  background: url(/wp-content/uploads/mm-defense-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-defense-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-defense:hover::before {
  background: url(/wp-content/uploads/mm-defense-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-defense-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-renouvelable::before {
  background: url(/wp-content/uploads/mm-energies-renouvelables-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-renouvelable-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-renouvelable:hover::before {
  background: url(/wp-content/uploads/mm-energies-renouvelables-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-renouvelable-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-distri-elec::before {
  background: url(/wp-content/uploads/mm-distribution-electrique-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-distri-elec-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-distri-elec:hover::before {
  background: url(/wp-content/uploads/mm-distribution-electrique-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-distri-elec-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-offshore::before {
  background: url(/wp-content/uploads/mm-nava-offshore-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-offshore-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-offshore:hover::before {
  background: url(/wp-content/uploads/mm-nava-offshore-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-offshore-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-nucleaire::before {
  background: url(/wp-content/uploads/mm-nucleaire-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-nucleaire-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-nucleaire:hover::before {
  background: url(/wp-content/uploads/mm-nucleaire-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-nucleaire-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-process::before {
  background: url(/wp-content/uploads/mm-process-industriel-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-process-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-process:hover::before {
  background: url(/wp-content/uploads/mm-process-industriel-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-process-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-urbain::before {
  background: url(/wp-content/uploads/mm-urbain-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-urbain-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-urbain:hover::before {
  background: url(/wp-content/uploads/mm-urbain-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-urbain-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-application-spe::before {
  background: url(/wp-content/uploads/mm-applications-specifiques-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-application-spe-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-application-spe:hover::before {
  background: url(/wp-content/uploads/mm-applications-specifiques-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-application-spe-carre-orange.svg) right top no-repeat;
}


/****** métiers **/

#ep_header #ep_head-main-menu .sub-menu li.mm-tolerie-sur-mesure:hover a::after {
  background-image: url(/wp-content/uploads/mm-tolerie-sur-mesure.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-tolerie-fine:hover a::after {
  background-image: url(/wp-content/uploads/mm-tolerie-fine.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-finition:hover a::after {
  background-image: url(/wp-content/uploads/mm-finition.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-montage:hover a::after {
  background-image: url(/wp-content/uploads/mm-montage.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-bureau-etude:hover a::after {
  background-image: url(/wp-content/uploads/mm-bureau-etude.jpg);
}
#ep_header #ep_head-main-menu .sub-menu li.mm-tolerie-industrielle:hover a::after {
  background-image: url(/wp-content/uploads/mm-tolerie-industrielle.jpg);
}


#ep_header #ep_head-main-menu ul.sub-menu li.mm-tolerie-sur-mesure::before {
  background: url(/wp-content/uploads/mm-tolerie-sur-mesure-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-tolerie-sur-mesure-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-tolerie-sur-mesure:hover::before {
  background: url(/wp-content/uploads/mm-tolerie-sur-mesure-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-tolerie-sur-mesure-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-tolerie-fine::before {
  background: url(/wp-content/uploads/mm-tolerie-fine-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-tolerie-fine-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-tolerie-fine:hover::before {
  background: url(/wp-content/uploads/mm-tolerie-fine-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-tolerie-fine-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-finition::before {
  background: url(/wp-content/uploads/mm-finition-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-finition-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-finition:hover::before {
  background: url(/wp-content/uploads/mm-finition-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-finition-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-montage::before {
  background: url(/wp-content/uploads/mm-montage-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-montage-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-montage:hover::before {
  background: url(/wp-content/uploads/mm-montage-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-montage-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-bureau-etude::before {
  background: url(/wp-content/uploads/mm-bureau-etude-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-bureau-etude-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-bureau-etude:hover::before {
  background: url(/wp-content/uploads/mm-bureau-etude-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-bureau-etude-carre-orange.svg) right top no-repeat;
}

#ep_header #ep_head-main-menu ul.sub-menu li.mm-tolerie-industrielle::before {
  background: url(/wp-content/uploads/mm-tolerie-industrielle-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-tolerie-fine-carre-blanc.svg) right top no-repeat;
}
#ep_header #ep_head-main-menu ul.sub-menu li.mm-tolerie-fine:hover::before {
  background: url(/wp-content/uploads/mm-tolerie-industrielle-min.jpg) left top no-repeat,
  url(/wp-content/uploads/icones/icon-tolerie-fine-carre-orange.svg) right top no-repeat;
}


#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu:hover ul.sub-menu {
    opacity: 0 !important;
    visibility: hidden !important;
}
#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open:hover ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}
#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu {
    top: initial;
    left:initial !important;
}

#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open ul.sub-menu li {
    opacity: 1;
    visibility: visible;
}

#ep_header #ep_head-main-menu .sub-menu li a:not(.fermer a),
#ep_header #ep_head-main-menu .sub-menu li span.lien {
    position: relative;
    margin-left: 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 1.5rem;
    padding: 0;
    width: 65% !important;
    font-weight: initial;
    top: -5px;
    color: #fff;
}
#ep_header #ep_head-main-menu .sub-menu li:hover a:not(.fermer a),
#ep_header #ep_head-main-menu .sub-menu li:hover span.lien {
    color: #f28f22;
}
#ep_header #ep_head-main-menu .sub-menu li a:not(.fermer a)::before,
#ep_header #ep_head-main-menu .sub-menu li span.lien::before {
  position: absolute;
  display: block;
  content: " ";
  left: -230px;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  color: #f28f22;
}
#ep_header #ep_head-main-menu ul.sub-menu li:not(.fermer)::before {
  content: " ";
  background-size: 46%, 46% !important;
  display: block;
  transform: rotate(
  360deg);
  display: block;
  height: auto;
  width: 28%;
  padding: 0;
  position: relative;
  margin: 0;
}
#ep_header #ep_head-main-menu ul.sub-menu li:not(.fermer):hover::before {
  background-size: 46%, 46% !important;
}




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

#ep_header #ep_head-main-menu .fermer {
  position: fixed;
  top: 50px;
  right: -100px;
  display: flex !important;
  align-items: center;
  justify-content: start;
  flex: 0 0 auto;
  width: auto;
  cursor: pointer;
}

#ep_header #ep_head-main-menu .fermer a,
#ep_header #ep_head-main-menu .fermer a:hover,
#ep_header #ep_head-main-menu .fermer:hover a {
    opacity: 0;
}


#ep_header #ep_head-main-menu .fermer::before {
  content: " ";
  position: absolute;
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  outline: none;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  background-position: 50%;
  background-image: url(https://www.epsilon-tolerie.fr/wp-content/themes/epsilon/images/icons/icone-croix-white.svg);
}

#ep_header #ep_head-main-menu .fermer::after {
    display: none;
}

#ep_header.header-white #ep_head-main-menu .menu-item:not(.mega-menu) li::after {
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    display: block;
    background-color: #000;
    height: 2px;
    width: 20px;
    transform: rotate(90deg);
}


#ep_header #ep_head-main-menu .menu-item li:last-child:after {
    display: none;
}

#ep_header #ep_head-main-menu a,
#ep_header #ep_head-main-menu span.lien {
    padding: 0 20px 0 20px;
    transition: all .2s ease-out;
    font-size: 1.063rem;
    letter-spacing: 0.04rem;
    opacity: 1;
}

#ep_header #ep_head-main-menu a:hover,
#ep_header #ep_head-main-menu span.lien:hover {
    color: #f28f22 !important;
    opacity: 1;
}
/* second-menu   */

#ep_header #ep_head-second-menu a {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s ease-out;
    padding-bottom: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    font-weight: 400;
    letter-spacing: 0.02rem;
}
#ep_header.header-white #ep_head-second-menu a {
    color: #323E48;
}

#ep_header #ep_head-second-menu a:hover {
    color: #f28f22;
}

#ep_header.header-white #ep_head-second-menu .head-btn a,
#ep_header.header-transparent #ep_head-second-menu .head-btn a,
#ep_header.header-black #ep_head-second-menu .head-btn a {
    padding: 0.75rem 1.05rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: auto;
    font-weight: 500;
    letter-spacing: initial;
}

#ep_header.header-white #ep_head-second-menu .head-call a {
    color: #fff !important;
    background-color: #f28f22;
}

#ep_header.header-transparent #ep_head-second-menu .head-call a,
#ep_header.header-black #ep_head-second-menu .head-call a {
    border: #fff 1px solid;
}

#ep_header.header-transparent #ep_head-second-menu .head-call a:hover,
#ep_header.header-black #ep_head-second-menu .head-call a:hover {
    color: #fff !important;
}

#ep_header.header-white #ep_head-second-menu .head-contact a {
    color: #fff !important;
    background-color: #323E48;
}

#ep_header.header-transparent #ep_head-second-menu .head-contact a,
#ep_header.header-black #ep_head-second-menu .head-contact a {
    color: #f28f22;
    border: #f28f22 1px solid;
}

#ep_header.header-transparent #ep_head-second-menu li:is(.head-contact, .head-call) a::before{
  font-family: ETmodules, FontAwesome, sans-serif !important;
  height: 100%;
  opacity: 1;
  position: relative;
  color: var(--main-color);
  margin-right: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
}

#ep_header.header-transparent #ep_head-second-menu li.head-contact a::before{
  content: '\e010';
}

#ep_header.header-transparent #ep_head-second-menu li.head-call a::before{
  content: '\e00b';
}

#ep_header #ep_head-second-menu .head-society a::before {
    content: "";
    display: block;
    height: 18px;
    width: 16px;
    background-repeat: no-repeat;
    margin-right: .5rem;
    transition: all .2s ease-out;
}

.header-white #ep_head-second-menu .head-society a::before {
    background-image: url("/wp-content/uploads/2021/08/societe.svg");
}

#ep_header #ep_head-second-menu .head-society a:hover::before {
    background-image: url("/wp-content/uploads/2021/08/orange-societe.svg");
}

.header-transparent #ep_head-second-menu .head-society a::before,
.header-black #ep_head-second-menu .head-society a::before {
    background-image: url("/wp-content/uploads/2021/08/white-societe.svg");
}

#ep_head-second-menu i {
    margin-right: .5rem;
}


/**************** SINGLE    ********************************/

.single #page-container #ep_header.header-black {
    background-color: #323E48 !important;
    position: relative;
    padding: 0;
}
.single #page-container #ep_header.header-white {
    position: relative;
    padding: 0;
}

.single #page-container #ep_header.header-black #ep_head-second-menu,
.single #page-container #ep_header.header-black #ep_head-main-menu {
    background-color: #323E48;
}

.single #page-container #ep_header.header-black ul li,
.single #page-container #ep_header.header-white ul li {
    margin-top: 0;
}

.single #ep_header.header-black #ep_head-main-menu #menu-main-menu,
.single #ep_header.header-white #ep_head-main-menu #menu-main-menu {
    margin-left: 0;
    margin-right: 0;
}


/**** HEADER RESPONSIVE ***********/
@media (max-width: 1366px) {
  #ep_header.header-white ul#menu-secondary-menu li,
  #ep_header.header-black ul#menu-secondary-menu li {
      padding-left: 0.5rem;
      padding-right: 1rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
  }
  #page-container #ep_header.sticky.header-transparent ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-mail,
  #page-container #ep_header.sticky.header-white ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-mail,
  #page-container #ep_header.sticky.header-black ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-mail  {
    padding: 0 0.5rem 0 1rem;
  }
  #page-container #ep_header.sticky.header-transparent ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-tel,
  #page-container #ep_header.sticky.header-white ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-tel,
  #page-container #ep_header.sticky.header-black ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-tel  {
    padding: 0 1rem 0 0;
  }
  #ep_header.sticky  #ep_head-main-menu .et_pb_menu__menu li a:not(ul.sub-menu li a, li.m-contact a) {
    padding: 0 0.7rem 0 0.7rem;
  }
  #ep_header.sticky #ep_head-main-menu .et_pb_menu__menu li.m-produit a:not(ul.sub-menu li a) {
    padding: 0 0.7rem 0 0.7rem;
  }
}


@media (max-width: 1280px) {
/***** header global ************************/

#ep_header.sticky #ep_header-container #ep_head-col-left,
#ep_header.sticky.header-transparent #ep_header-container #ep_head-col-left,
.single #ep_header.sticky #ep_header-container #ep_head-col-left {
  width: 10%;
}

      #ep_header ul#menu-main-menu li a {
          font-size: 1rem;
          padding: 0 1rem;
      }

      #ep_header .logo-large img {
          height: 4rem;
      }
      .single #page-container #et-boc  #ep_header.header-white .et_pb_module.logo-large {
        margin-bottom: 0;
      }
      #ep_header .logo-compact img {
          height: 4rem;
      }
    #ep_header ul li a:not(ul.sub-menu li a),
    .et-db #et-boc .et-l #ep_header li a:not(ul.sub-menu li a),
    #ep_header.header-white ul li a:not(ul.sub-menu li a),
    .et-db #et-boc .et-l #ep_header.header-white li a:not(ul.sub-menu li a),
    #ep_header.header-transparent ul li a:not(ul.sub-menu li a),
    .et-db #et-boc .et-l #ep_header.header-transparent li a:not(ul.sub-menu li a),
    #ep_header.header-black ul li a:not(ul.sub-menu li a),
    .et-db #et-boc .et-l #ep_header.header-black li a:not(ul.sub-menu li a) {
        font-size: 1rem;
    }
/***** header noir et blanc ***********************/

    #ep_header.header-white #ep_head-col-left,
    #ep_header.header-black #ep_head-col-left {
      position: absolute;
      width: 18%;
      bottom: 0;
      height: auto;
      height: 75px;
    }
    #ep_header #ep_head-second-menu {
      width: 100%;
    }
    .single #page-container #ep_header #ep_head-main-menu,
    #page-container #ep_header.header-white #ep_head-main-menu,
    #page-container #ep_header.header-black #ep_head-main-menu {
      max-width: 78%;
    }
    #ep_header.header-white ul#menu-secondary-menu li,
    #ep_header.header-black ul#menu-secondary-menu li {
        padding-top: 0;
        padding-bottom: 0;
    }


/***** header noir *************************/
    #ep_header.header-black #ep_head-second-menu {
      background-color: rgba(255, 255, 255, 0.05) !important;
    }

/***** header blanc ***********************/
    #ep_header.header-white #ep_head-second-menu {
      border-bottom: solid 1px #ccc !important;
    }

}
/***** header transparent ***********************/
@media (max-width: 1160px) {
    #ep_header.header-transparent #ep_head-col-left {
        margin-left: 1rem;
        margin-bottom: 0;
    }
}
@media (max-width: 980px) {
  #page-container #ep_header.header-transparent #ep_header-container {
    width: 100%;
    margin-left: 0 !important;
  }
}
/***************************************************/
@media (max-width: 1150px) {
  #ep_header .et_pb_menu__menu ul li a:not(ul.sub-menu li a, li.head-btn a, li.c-open a, li.m-contact a),
  .et-db #et-boc .et-l #ep_header .et_pb_menu__menu li a:not(ul.sub-menu li a, li.head-btn a, li.c-open a, li.m-contact a) {
      font-size: 0.98rem;
      padding: 0 0.8rem;
  }
}
@media (max-width: 1060px) {
  #ep_header .et_pb_menu__menu ul li a:not(ul.sub-menu li a, li.head-btn a, li.c-open a, li.m-contact a),
  .et-db #et-boc .et-l #ep_header .et_pb_menu__menu li a:not(ul.sub-menu li a, li.head-btn a, li.c-open a, li.m-contact a) {
      padding: 0 0.65rem;
      font-size: 0.95rem
  }
  .single #page-container #ep_header #ep_head-main-menu,
  #page-container #ep_header.header-white #ep_head-main-menu,
  #page-container #ep_header.header-black #ep_head-main-menu {
    max-width: inherit;
  }
}


/*******************  HEADER STICKY    ***************************/
#ep_header.sticky,
.single #page-container #ep_header.sticky,
#ep_header.sticky.header-white,
#ep_header.sticky.header-black {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: #323E48;
  height: 75px;
}
#page-container #ep_header.sticky #ep_header-container {
align-items: center;
height: 100%;
display: flex;
max-width: 1600px;
}

.single #page-container #ep_header.sticky #ep_head-main-menu,
#page-container #ep_header.sticky.header-white #ep_head-main-menu,
#page-container #ep_header.sticky.header-black #ep_head-main-menu {
  margin-bottom: 0;
}

#ep_header.sticky .ep_header-top,
#ep_header.sticky #ep_head-second-menu.ep_header-top {
  display: none;
}
#ep_header.sticky .logo-large img {
  height: 75px;
}

#ep_header.sticky #ep_header-container #ep_head-col-left,
#ep_header.sticky.header-transparent #ep_header-container #ep_head-col-left,
.single #ep_header.sticky #ep_header-container #ep_head-col-left {
  flex: 0 1 auto;
  width: 15%;
  margin-left: 2rem !important;
  bottom: inherit;
  position: relative;
}


#ep_header.sticky #ep_header-container #ep_head-col-right,
.single #ep_header.sticky #ep_header-container #ep_head-col-right,
#ep_header.header-white.sticky #ep_header-container #ep_head-col-right,
#ep_header.header-black.sticky #ep_header-container #ep_head-col-right {
  flex: 1 1 auto;
  width: 85%;
  margin-bottom: 0;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}


/*****menu*****/

#page-container #ep_header.sticky #ep_head-main-menu #menu-main-menu {
  align-items: center;
}
#page-container #ep_header.sticky #ep_header-container #ep_head-col-right #ep_head-main-menu {
  align-items: flex-end;
  margin-bottom: 0;
}

#ep_header.sticky #ep_head-main-menu li:not(ul.sub-menu li){
    margin-bottom: 0;
}

#ep_header.sticky ul#menu-main-menu li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.sticky ul#menu-main-menu li a:not(ul.sub-menu li a) {
    font-size: 1rem;
    display: flex;
    align-items: center;
    color: #fff;
}

#ep_header.sticky ul#menu-main-menu li ul.sub-menu li a {
    align-items: flex-start;
    padding: 0;
    font-size: 1.5rem;
}


#page-container #ep_header.sticky.header-transparent ul#menu-main-menu li:not(ul.sub-menu li).m-contact,
#page-container #ep_header.sticky.header-white ul#menu-main-menu li:not(ul.sub-menu li).m-contact,
#page-container #ep_header.sticky.header-black ul#menu-main-menu li:not(ul.sub-menu li).m-contact  {
  display: block;
  border-left: none !important;
  padding: 0 1.3rem;
}

#ep_header.sticky #ep_head-main-menu li.m-produit a {
  padding: 0 1rem 0 2rem;
}

#ep_header.sticky  #ep_head-main-menu .et_pb_menu__menu li a:not(ul.sub-menu li a, li.m-contact a) {
  padding: 0 1rem 0 1rem;
}

#ep_header.sticky ul#menu-main-menu li.m-contact a  {
  padding: 0.75rem 1rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  height: auto;
  font-weight: 500;
  letter-spacing: initial;
}
#ep_header.sticky li.m-contact.m-mail a {
    color: #f28f22;
    border: #f28f22 1px solid;
}
#ep_header.sticky li.m-contact.m-mail a i {
    font-size: 1.8rem;
    padding: 0;
}
#ep_header.sticky li.m-contact.m-tel a {
    border: #fff 1px solid;
}


#page-container #ep_header.sticky.header-transparent ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-mail,
#page-container #ep_header.sticky.header-white ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-mail,
#page-container #ep_header.sticky.header-black ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-mail  {
  padding: 0 0.75rem 0 1.25rem;
}
#page-container #ep_header.sticky.header-transparent ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-tel,
#page-container #ep_header.sticky.header-white ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-tel,
#page-container #ep_header.sticky.header-black ul#menu-main-menu li:not(ul.sub-menu li).m-contact.m-tel  {
  padding: 0 1.25rem 0 0;
}





/*specifique transparent*/
#page-container #ep_header.sticky.header-transparent #ep_header-container {
  position: relative;
  width: 100%;
  margin-left: 0 !important;
}


#ep_header.sticky.header-transparent #ep_header-container {
  border-bottom: none;
}

/*specifique couleur*/

/*specifique blanc*/
#ep_header.sticky.header-white #ep_header-container #ep_head-col-right #ep_head-main-menu {
  background-color: #323E48;
}
#ep_header.sticky.header-white ul li a:not(ul.sub-menu li a) {
  color: #fff;
}
#page-container #ep_header.sticky.header-white #menu-main-menu li:not(ul.sub-menu li) {
    border-left: #fff 2px solid !important;
}


#ep_header.sticky.header-white .logo-large.blanc,
.single #page-container #ep_header.sticky.header-white .logo-large.blanc  {
    display: block;
}
#ep_header.sticky.header-white .logo-large.noir,
#page-container #ep_header.sticky.header-white .logo-large.noir {
    display: none;
}

/***  responsive sticky  ****/
@media (max-width: 1315px) {

  #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li a:not(ul.sub-menu li a, li.m-contact a, li.c-open a),
  .et-db #et-boc .et-l #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li a:not(ul.sub-menu li a, li.m-contact a, li.c-open a) {
      font-size: 0.95rem;
      padding: 0 0.6rem 0 0.6rem;
  }
  #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li.m-contact a,
  .et-db #et-boc .et-l #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li.m-contact a{
      font-size: 0.95rem !important;
  }
}
@media (max-width: 1250px) {

  #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li.m-contact.m-mail a,
  .et-db #et-boc .et-l #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li.m-contact.m-mail a {
      border: none; /* remplace par l'icone enveloppe en JS */
      padding: 0.75rem 0;
  }
}






/* VERSION TABLETTE */
@media (max-width: 1024px) {

  #ep_header #ep_head-col-left {
    margin-left: 1rem;
  }

}
/* VERSION MOBILE */
@media (max-width: 980px) {
  .single #page-container #ep_header,
  #ep_header.header-white,
  #ep_header.header-black,
  #ep_header.header-transparent {
    height: 75px;
  }

  #page-container #ep_header,
  .single #page-container #ep_header {
    background-color: #323e48;
  }
  #page-container #ep_header .ep_header-top,
  #page-container #ep_header #ep_head-second-menu {
    display: none;
  }

  #page-container #ep_header #ep_head-col-left {
    margin-left: 2rem;
  }

  #ep_header.sticky #ep_header-container #ep_head-col-left,
  #ep_header.sticky.header-transparent #ep_header-container #ep_head-col-left,
  .single #ep_header.sticky #ep_header-container #ep_head-col-left,
  #ep_header.header-white #ep_head-col-left,
  #ep_header.header-black #ep_head-col-left,
  #ep_header.header-transparent #ep_head-col-left,
  .single #ep_header #ep_header-container #ep_head-col-left {
    width: auto;
    position: relative;
    margin-bottom: 0;
    bottom: inherit;
    max-width: 50%;
    height: 100%;
  }
/*** menus   *****/
  #ep_header ul#menu-main-menu li.menu-2nd,
  .single #ep_header ul#menu-main-menu li.menu-2nd {
      display: block !important;
  }

  #page-container .mobile_nav .mobile_menu_bar::before {
      color: #fff!important;
  }
  #page-container .mobile_menu_bar:before,
  .single #page-container .et-l .et_pb_menu .mobile_menu_bar:before {
    font-size: 3rem;
    font-family: ETmodules!important;
  }

  #page-container #ep_header #ep_head-main-menu {
    background-color: transparent;
    height: 100%;
    justify-content: center !important;
    display: flex;
    margin-bottom: 0 !important;
    align-items: center !important;
  }


/**** logo  *****/
  #page-container #ep_header .logo-large,
  .single #page-container #ep_header .logo-large {
    height: 100%;
    display: block!important;
  }
  #page-container #ep_header .logo-large a,
  .single #page-container #ep_header .logo-large a {
    height: 100%;
    display: flex;
    align-items: center;
  }

  #page-container #ep_header .logo-large .et_pb_image_wrap,
  #page-container #ep_header .logo-large img {
    /*height: 90%;*/
    height: 71%;
    width: auto;
  }

  @media(max-width: 980px){
      .single #page-container #ep_header .logo-large.logo-dark {
          display: none!important;
      }
  }

/****  header transparent   *****/
#page-container #ep_header.header-transparent #ep_header-container {
  border-bottom: none;
  background-color: #323E48;
  height: 75px;
}

#ep_header.header-transparent #ep_header-container #ep_head-col-right,
#ep_header.header-white #ep_header-container #ep_head-col-right,
#ep_header.header-black #ep_header-container #ep_head-col-right,
.single #ep_header #ep_header-container #ep_head-col-right,
#ep_header.sticky #ep_header-container #ep_head-col-right,
#ep_header.sticky #ep_header-container #ep_head-col-right,
.single #ep_header.sticky #ep_header-container #ep_head-col-right {
  height: 100%;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
}


/****  header blanc   *****/
#page-container #ep_header .logo-large.noir {
  display: none !important;
}
#page-container #ep_header .logo-large.blanc {
  display: block !important;
}

}

/****  header sur mobile   *****/

@media (max-width: 768px) {
  #page-container #ep_header,
  .single #page-container #ep_header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
  }
  #page-container #et-main-area{
    top: 75px !important;
  }
}

/************************************************* MENU MOBILE  **************************************************/
#page-container .et_mobile_menu,
.et-db.single #page-container #et-boc .et-l .et_pb_menu .et_mobile_menu {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0;
    top: 75px;
    padding: 0;
    overflow-x: auto;
    border: none;
    background-color: #323e48 !important;
}

#page-container #ep_header #ep_head-main-menu .et_mobile_menu ul:not(ul.sub-menu) li a,
#page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu ul:not(ul.sub-menu) li a,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul:not(ul.sub-menu) li a,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul:not(ul.sub-menu) li a {
  padding: 0 20px 0 20px !important;
}
#page-container #ep_header #ep_head-main-menu .et_mobile_menu ul.sub-menu li a,
#page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu ul.sub-menu li a,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li a,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li a,
#page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit a,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit a,
#page-container #ep_header #ep_head-main-menu .et_mobile_menu ul.sub-menu li span.lien,
#page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu ul.sub-menu li span.lien,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li span.lien,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li span.lien,
#page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit span.lien,
.single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit span.lien {
  padding: 0 20px 0 20px !important;
}




#page-container .et_mobile_menu #mobile_menu2::-webkit-scrollbar,
.single #page-container .et-l .et_pb_menu .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";
}


/****  fonctionnement global  *******/
@media (max-width: 768px) {
  #page-container .et_mobile_menu,
  .single #page-container .et-l .et_pb_menu .et_mobile_menu {
    bottom: 50px; /* laisser la place pour CTA mobile  */
  }
}



@media (min-width: 750px) {
  #page-container .mobile_nav .mobile_menu_bar::before {
  color: #fff  !important;
  }
  #page-container #ep_header.sticky .mobile_nav .mobile_menu_bar::before {
  color: #fff  !important;
  }
  .single #page-container .mobile_nav .mobile_menu_bar::before,
  .single #page-container #ep_header.sticky  .mobile_nav .mobile_menu_bar::before,
  .page-template-template-nohero #page-container #ep_header  .mobile_nav .mobile_menu_bar::before {
    color: #fff !important;
  }
}
@media (max-width: 751px) {
  #page-container .mobile_nav .mobile_menu_bar::before,
  .single #page-container .mobile_nav .mobile_menu_bar::before {
    color: #fff !important;
  }
}

#page-container .et_mobile_menu li ul li.close-menu,
#page-container .et_mobile_menu li.onglet-contact,
.single #page-container .et-l .et_pb_menu .et_mobile_menu li ul li.close-menu,
.single #page-container .et-l .et_pb_menu .et_mobile_menu li.onglet-contact {
    display: none;
}
#page-container .mobile_nav li ul.hide,
.single #page-container .mobile_nav li ul.hide{
    display: none !important;
}

#ep_header #ep_head-main-menu .et_mobile_menu li.mega-menu > ul.sub-menu.show {
  display: flex !important;
  position: fixed;
  top: 135px !important;
  bottom: 0;
  z-index: 50;
  left: 70px;
  right: 0;
  background-color: #323e48!important;
  flex-direction: column;
  padding-left: 0;
}

#page-container .mobile_nav .menu-item-has-children,
.single #page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a,
.single #page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
#page-container .mobile_nav .menu-item-has-children > a + span,
.single #page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute !important;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
#page-container .mobile_nav .menu-item-has-children > span:not(span.onglet, span.obflink),
.single #page-container .mobile_nav .menu-item-has-children > span:not(span.onglet, span.obflink) {
  width:100%;
  height:63px;
  bottom:0;
  left:0;
  text-align: right;
}

#page-container span.menu-closed:before,
.single #page-container span.menu-closed:before {
  position: absolute;
  right: 25px;
  content: "\35";
  font-family: "ETmodules";
  font-size: 2.4rem;
  color: #fff;
  font-weight: 300;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  top: -8px;
}

#page-container span.menu-closed.menu-open:before,
.single #page-container span.menu-closed.menu-open:before {
  content: "\4d";
    position: fixed;
    left: 0;
    right: inherit;
    padding-top: 17px;
    top: 76px !important;
    color: #323e48;
    font-weight: 300;
    width: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 6000;
    background-color: #fff;
    font-size: 4rem;
    border-right: 1px solid;
}
#page-container .mobile_menu_bar:before,
.single #page-container .et-l .et_pb_menu .mobile_menu_bar:before {
    font-size: 3rem;
}

#ep_header #ep_head-main-menu .et_mobile_menu li.mega-menu > ul.sub-menu li.fermer {
    display: none !important;
}
#ep_header #ep_head-main-menu .et_mobile_menu li.m-contact.m-tel {
    display: none !important;
}

@media (max-width: 768px) {
  #ep_header #ep_head-main-menu .et_mobile_menu li.m-contact {
      display: none !important;
  }
}
/******  design  **********/



#ep_header #ep_head-main-menu .et_mobile_menu li:not(ul.sub-menu li) {
  background-color: #323e48;
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding: 17px 24px;
  margin-bottom: 0;
}
@media (max-width: 370px) {
  #ep_header #ep_head-main-menu .et_mobile_menu li:not(ul.sub-menu li) {
    padding: 17px 17px;
  }
}
#ep_header #ep_head-main-menu .et_mobile_menu li a:not(ul.sub-menu li a),
.single #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li a:not(ul.sub-menu li a) {
  color: #fff;
}

#ep_header #ep_head-main-menu .et_mobile_menu li.liopen {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 100px !important;
  z-index: 20;
}
@media (max-width: 768px) {
  #ep_header #ep_head-main-menu .et_mobile_menu li.liopen {
    right: 0;
  }
}

#ep_header #ep_head-main-menu .et_mobile_menu li.liopen a,
#ep_header #ep_head-main-menu .et_mobile_menu li.liopen span.lien {
  font-size: 1.2rem;
}

.et_mobile_menu li a,
.single #page-container .et-l .et_pb_menu .et_mobile_menu li a,
.single #page-container .et-l .et_pb_menu .et_mobile_menu .menu-item-has-children>a {
  font-size: 1.2rem;
}

#page-container #ep_header #ep_head-main-menu .et_mobile_menu li a:not(ul.sub-menu li a),
.single #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li a:not(ul.sub-menu li a) {
    color: #fff;
    position: relative;
}

#ep_header.sticky .et_mobile_menu li.m-contact.m-mail a {
    border: none;
}

#ep_header #ep_head-main-menu .et_mobile_menu li.mega-menu > ul.sub-menu {
  display: none !important;
}


#page-container #ep_header #ep_head-main-menu .et_mobile_menu li.mega-menu > ul.sub-menu li {
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid;
    height: auto;
    margin-bottom: 0;
    max-height: 75px;
    min-height: inherit;
    flex: 1;
    margin-right: 0;
}
#ep_header #ep_head-main-menu .et_mobile_menu li.mega-menu > ul.sub-menu li a,
#ep_header #ep_head-main-menu .et_mobile_menu li.mega-menu > ul.sub-menu li span.lien {
    color: #323e48;
    font-size: 1.2rem;
    width: 100% !important;
    align-items: center;
    flex-direction: row;
    top: inherit;
}

#ep_header #ep_head-main-menu .et_mobile_menu ul.sub-menu li:not(.fermer)::before,
#page-container #ep_header #ep_head-main-menu .et_mobile_menu .sub-menu li:not(.fermer):hover a::after {
  display: none;
}


#page-container #ep_header #ep_head-main-menu .et_mobile_menu .sub-menu li:not(.fermer)::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #fff;
}

#ep_header #ep_head-main-menu .et_mobile_menu li .menu-item-description {
    display: none;
}





/*** evolution header Guillaume  ***

/*****
* onglets
******/

/**  remplacement anciennement ligne 178 -- #ep_header.header-white ul li a:not(ul.sub-menu li a) **/

#ep_header.header-white ul li span:not(ul.sub-menu li span),
.et-db #et-boc .et-l #ep_header.header-white li span:not(ul.sub-menu li span),
#ep_header.header-transparent ul li span:not(ul.sub-menu li span),
.et-db #et-boc .et-l #ep_header.header-transparent li span:not(ul.sub-menu li span),
#ep_header.header-black ul li span:not(ul.sub-menu li span),
.et-db #et-boc .et-l #ep_header.header-black li span:not(ul.sub-menu li span) {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.0625rem;
    color: #323e48;
}


/**  remplacement anciennement ligne 1038 -- #ep_header ul li a:not(ul.sub-menu li a) **/
@media (max-width: 1280px) {
    #ep_header ul li span:not(ul.sub-menu li span),
    .et-db #et-boc .et-l #ep_header li span:not(ul.sub-menu li span),
    #ep_header.header-white ul li span:not(ul.sub-menu li span),
    .et-db #et-boc .et-l #ep_header.header-white li span:not(ul.sub-menu li span),
    #ep_header.header-transparent ul li span:not(ul.sub-menu li span),
    .et-db #et-boc .et-l #ep_header.header-transparent li span:not(ul.sub-menu li span),
    #ep_header.header-black ul li span:not(ul.sub-menu li span),
    .et-db #et-boc .et-l #ep_header.header-black li span:not(ul.sub-menu li span) {
        font-size: 1rem;
    }
}

/**  remplacement anciennement ligne 1097 -- #ep_header .et_pb_menu__menu ul li a:not(ul.sub-menu li a **/
@media (max-width: 1150px) {
  #ep_header .et_pb_menu__menu ul li span:not(ul.sub-menu li span, li.head-btn span, li.c-open span, li.m-contact span),
  .et-db #et-boc .et-l #ep_header .et_pb_menu__menu li span:not(ul.sub-menu li span, li.head-btn span, li.c-open span, li.m-contact span) {
      font-size: 0.98rem;
      padding: 0 0.8rem;
  }

}
@media (max-width: 1060px) {
  #ep_header .et_pb_menu__menu ul li span:not(ul.sub-menu li span, li.head-btn span, li.c-open span, li.m-contact span),
  .et-db #et-boc .et-l #ep_header .et_pb_menu__menu li span:not(ul.sub-menu li span, li.head-btn span, li.c-open span, li.m-contact span) {
      padding: 0 0.65rem;
      font-size: 0.95rem
  }
}


/**  remplacement anciennement ligne 856 -- #ep_header #ep_head-main-menu a **/
#ep_header #ep_head-main-menu span {
    padding: 0 20px 0 20px;
    transition: all .2s ease-out;
    font-size: 1.063rem;
    letter-spacing: 0.04rem;
    opacity: 1;
    cursor: pointer;
}

#ep_header #ep_head-main-menu span:hover {
    color: #f28f22 !important;
    opacity: 1;
}

/**  remplacement anciennement ligne 196 -- #ep_header.header-transparent ul li a:not(ul.sub-menu li a) **/
#ep_header.header-transparent ul li span:not(ul.sub-menu li span),
.et-db #et-boc .et-l #ep_header.header-transparent li span:not(ul.sub-menu li span) {
  color: #fff;
}

#ep_header.header-transparent ul li.head-recru span:not(ul.sub-menu li span),
.et-db #et-boc .et-l #ep_header.header-transparent li.head-recru span:not(ul.sub-menu li span){
  transition: all .2s ease-out;
  padding-bottom: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  font-weight: 400;
  letter-spacing: 0.02rem;
}

@media (max-width: 500px) {
  #ep_header #ep_head-main-menu li.liopen span {
    padding: 0 !important;
  }
}


/*******
* menu parent actif
********/

/**  remplacement anciennement ligne 241 -- #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu a:not(ul.sub-menu li a) **/

#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu span:not(ul.sub-menu li span) {
  visibility: visible;
}

/**  remplacement anciennement ligne 273 -- #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a) **/
#page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
#page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
#page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
#page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span) {
    position: absolute;
    display: block;
    top: 70px;
    left: initial;
    font-size: 2.5rem;
    color: #fff;
    padding-left: 0;
    text-transform: uppercase;
}

/**  remplacement anciennement ligne 419 -- #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a)::after **/
#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span)::after {
  display: block;
  top: 15px;
  left: 0;
  right: initial;
  position: relative;
}
/**  remplacement anciennement ligne 428 -- #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu a:not(ul.sub-menu li a)::after **/
#ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu span:not(ul.sub-menu li span)::after {
  content: "";
  display: none;
  background-color: #fff;
  height: 2px;
  width: 50%;
  margin-top: .5rem;
}

/**  remplacement anciennement ligne 336 -- #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open a:not(ul.sub-menu li a) **/

@media (max-width: 1600px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span) {
  top: 45px;
  }
}
@media (max-width: 1536px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span) {
  top: 55px;
  }
}
@media (max-width: 1440px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span) {
  top: 58px;
  }
}
@media (max-width: 1366px) {
  #page-container #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span),
  #page-container .single #et-boc .et-l #ep_header.sticky #ep_head-main-menu ul#menu-main-menu li.mega-menu.c-open span:not(ul.sub-menu li span) {
  top: 58px;
  }
}


/********
*   Lien fermer
*********/
/**  remplacement anciennement ligne 812 -- #ep_header #ep_head-main-menu .fermer a **/
#ep_header #ep_head-main-menu .fermer span,
#ep_header #ep_head-main-menu .fermer span:hover,
#ep_header #ep_head-main-menu .fermer:hover span {
  opacity: 0;
  width: 200px;
}

/**  remplacement anciennement ligne 819 -- #ep_header #ep_head-main-menu .fermer::before **/
#ep_header #ep_head-main-menu .fermer::before {
  content: " ";
  position: absolute;
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  outline: none;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  background-position: 50%;
  background-image: url(/wp-content/themes/epsilon/images/icons/icone-croix-white.svg);
}

/******  sticky header *****/
#ep_header.sticky ul#menu-main-menu li span:not(ul.sub-menu li span),
.et-db #et-boc .et-l #ep_header.sticky ul#menu-main-menu li span:not(ul.sub-menu li span) {
    font-size: 1rem;
    display: flex;
    align-items: center;
    color: #fff;
}

#ep_header.sticky #ep_head-main-menu .et_pb_menu__menu li span:not(ul.sub-menu li span, li.m-contact span) {
  padding: 0 1rem 0 1rem;
}

@media (max-width: 1315px) {
    #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li span:not(ul.sub-menu li span),
    .et-db #et-boc .et-l #ep_header.sticky .et_pb_menu__menu ul#menu-main-menu li span:not(ul.sub-menu li span, li.m-contact span, li.c-open span) {
    font-size: 0.95rem;
    padding: 0 0.6rem 0 0.6rem;
  }
}


/*******
* Menu mobile
********/

/**  remplacement anciennement ligne 1534 -- #page-container .mobile_nav .menu-item-has-children > a **/
#page-container .mobile_nav .menu-item-has-children > span.onglet,
.single #page-container .mobile_nav .menu-item-has-children > span.onglet {
  background: transparent;
  font-weight: 700;
}

/**  remplacement anciennement ligne 1538 -- #page-container .mobile_nav .menu-item-has-children > a + span **/

.et-db #page-container #et-boc .et-l .mobile_nav .menu-item-has-children > span.onglet + span,
.single #page-container #et-boc .et-l .mobile_nav .menu-item-has-children > span.onglet + span {
    position: absolute!important;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}


/**  remplacement anciennement ligne 1649 -- #page-container #ep_header #ep_head-main-menu .et_mobile_menu li a:not(ul.sub-menu li a) **/
#page-container #ep_header #ep_head-main-menu .et_mobile_menu li span.onglet:not(ul.sub-menu li span.onglet),
.single #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li span.onglet:not(ul.sub-menu li span.onglet) {
  color: #fff;
  position: relative;
}
@media (max-width: 370px) {
  .et-db #page-container #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li span.onglet:not(ul.sub-menu li span.onglet),
  .et-db #page-container #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li span.onglet:not(ul.sub-menu li span.onglet),
  .et-db #page-container #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li span.lien:not(ul.sub-menu li span.lien),
  .et-db #page-container #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li.m-realisation a,
  .et-db #page-container #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li.m-realisation a,
  .et-db #page-container #et-boc .et-l #ep_header #ep_head-main-menu .et_mobile_menu li a:not(ul.sub-menu li a) {
  font-size: 0.9rem;
  padding-left: 0;
  }
}


@media (max-width: 374px) {
  #page-container #ep_header #ep_head-main-menu .et_mobile_menu ul.sub-menu li a,
  #page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu ul.sub-menu li a,
  .single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li a,
  .single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li a,
  #page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit a,
  .single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit a,
  #page-container #ep_header #ep_head-main-menu .et_mobile_menu ul.sub-menu li span.lien,
  #page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu ul.sub-menu li span.lien,
  .single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li span.lien,
  .single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu  ul.sub-menu li span.lien,
  #page-container #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit span.lien,
  .single #page-container .et-l #ep_header.sticky #ep_head-main-menu .et_mobile_menu li.m-produit span.lien {
    font-size: 1rem;
  }
}

/***** remplacement Menu mobile SALVE 2 ***********/

@media(max-width: 320px){
  #ep_header #ep_head-main-menu span {
    padding: 0 10px 0 20px;
  }
}

@media (max-width:980px) {
  #ep_header.sticky #ep_header-container #ep_head-col-left,
  #ep_header.sticky.header-transparent #ep_header-container #ep_head-col-left,
  .single #ep_header.sticky #ep_header-container #ep_head-col-left,
  #ep_header.header-white #ep_head-col-left,
  #ep_header.header-black #ep_head-col-left,
  #ep_header.header-transparent #ep_head-col-left,
  .single #ep_header #ep_header-container #ep_head-col-left {
    position: absolute;
    z-index: 50;
  }


  #ep_header #ep_head-main-menu .et_mobile_nav_menu {
    width: 100vw;
    margin: 0px;
  }

  #ep_header #ep_head-main-menu .et_pb_menu__wrap .mobile_menu_bar {
    width: 100vw;
    display: flex;
    justify-content: end;
    padding-right: 5% !important;
  }
  #ep_header #ep_head-main-menu .et_mobile_nav_menu li:not(.et_mobile_menu li) {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
    z-index: 99999;
    background-color: #323e48;
    background-position: right 20px center;
    padding: 17px 24px;
    left: 0;
  }
  #ep_header #ep_head-main-menu .et_mobile_nav_menu li.hide:not(.et_mobile_menu li) {
    display: none !important;
  }
  #ep_header #ep_head-main-menu .et_mobile_nav_menu li:not(.et_mobile_menu li) span {
    color: #fff !important;
  }
}

/**** Nouveau menu réalisation *****/

.single:not(.single-blog) #page-container #ep_header #ep_head-col-right #menu-main-menu li:not(.c-open) span.onglet,
.single:not(.single-blog) #et-boc .et-l #ep_header #ep_head-col-right #menu-main-menu li:not(.c-open) span.onglet,
.single:not(.single-blog) #page-container #ep_header #ep_head-col-right #menu-main-menu ul:not(.sub-menu) li a,
.single:not(.single-blog) #et-boc .et-l #ep_header #ep_head-col-right #menu-main-menu ul:not(.sub-menu) li a,
.single:not(.single-blog) #ep_header.header-transparent #menu-main-menu ul li a:not(ul.sub-menu li a),
.single:not(.single-blog) #et-boc .et-l #ep_header.header-transparent #menu-main-menu li a:not(ul.sub-menu li a) {
    color: #323e48;
}

.single:not(.single-blog) #page-container #ep_header #menu-main-menu li:not(ul.sub-menu li, :first-child) {
    border-left: #323e48 2px solid !important;
}

.single:not(.single-blog) #ep_header.header-transparent #ep_header-container {
    border-bottom: #323e48 2px solid;
}

.single:not(.single-blog) #ep_header .logo-large.logo-white{
    display: none;
}

.single:not(.single-blog) #ep_header .logo-large.logo-dark {
    display: block;
}

    /**** sticky ****/
.single:not(.single-blog) #page-container #ep_header.sticky #ep_head-col-right #menu-main-menu li span.onglet,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_head-col-right #menu-main-menu li span.onglet,
.single:not(.single-blog) #page-container #ep_header.sticky #ep_head-col-right #menu-main-menu li a,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_head-col-right #menu-main-menu li a{
    color: #fff;
}

.single:not(.single-blog) #ep_header.sticky .logo-large.logo-dark {
    display: none;
}

.single:not(.single-blog) #ep_header.sticky .logo-large.logo-white{
    display: block;
}

/*!******** ajout contact sticky ************!*/

#page-container #ep_header.sticky,
#et-boc .et-l #ep_header.sticky,
.single:not(.single-blog) #page-container #ep_header.sticky,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky,
.single:not(.single-blog) #page-container #ep_header.sticky,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding-left: calc(100% - 93%);
}

#page-container #ep_header.sticky #ep_header-container,
#et-boc .et-l #ep_header.sticky #ep_header-container,
.single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container,
.single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container{
    z-index: 3;
    left: inherit !important;
    transform: inherit !important;
    width: 80% !important;
    flex: 2 !important;
}

#page-container #ep_header.sticky .ep_header-top,
#et-boc .et-l #ep_header.sticky .ep_header-top,
.single:not(.single-blog) #page-container #ep_header.sticky .ep_header-top,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky .ep_header-top,
.single:not(.single-blog) #page-container #ep_header.sticky .ep_header-top,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky .ep_header-top{
    display: block;
    flex: 1;
}

#page-container #ep_header.sticky #ep_head-second-menu,
#et-boc .et-l #ep_header.sticky #ep_head-second-menu,
.single:not(.single-blog) #page-container #ep_header.sticky #ep_head-second-menu,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_head-second-menu,
.single:not(.single-blog) #page-container #ep_header.sticky #ep_head-second-menu,
.single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_head-second-menu {
    justify-content: flex-start;
}


#page-container #ep_header.sticky .head-society,
#page-container #ep_header.sticky .head-recru,
#page-container #ep_header.sticky .head-blog{
    display: none;
}

#ep_header.sticky ul#menu-main-menu li span.onglet,
.et-db #et-boc .et-l #ep_header.sticky ul#menu-main-menu li span.onglet,
#ep_header.sticky ul#menu-main-menu li a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.sticky ul#menu-main-menu li a:not(ul.sub-menu li a){
    text-align: center;
    line-height: 1.1em;
}

#ep_header.header-transparent ul li.head-contact a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-transparent li.head-contact a:not(ul.sub-menu li a){
    background: #f28f22;
    font-size: 1em;
}

#ep_header.header-transparent ul li.head-contact a:not(ul.sub-menu li a):hover,
.et-db #et-boc .et-l #ep_header.header-transparent li.head-contact a:not(ul.sub-menu li a):hover{
    background: #fff;
    color: #f28f22;
    opacity: 1;
}

#ep_header.header-transparent ul li.head-call a:not(ul.sub-menu li a),
.et-db #et-boc .et-l #ep_header.header-transparent li.head-call a:not(ul.sub-menu li a){
    background: #FFF;
    color: #323e48;
    font-size: 1em;
}

#ep_header.header-transparent ul li.head-call a:not(ul.sub-menu li a):hover,
.et-db #et-boc .et-l #ep_header.header-transparent li.head-call a:not(ul.sub-menu li a):hover{
    background: #323e48;
    color: #FFF;
    opacity: 1;
}

#ep_header.header-transparent ul li.head-contact,
.et-db #et-boc .et-l #ep_header.header-transparent li.head-contact{
    order: 3;
}

#ep_header.header-transparent ul li.head-call,
.et-db #et-boc .et-l #ep_header.header-transparent li.head-call{
    order: 4;
}

#ep_header.sticky.header-transparent ul li.head-contact,
.et-db #et-boc .et-l #ep_header.sticky.header-transparent li.head-contact,
#ep_header.sticky.header-transparent ul li.head-call,
.et-db #et-boc .et-l #ep_header.sticky.header-transparent li.head-call{
    order: inherit;
}

@media(max-width: 1494px){
    #page-container #ep_header.sticky,
    #et-boc .et-l #ep_header.sticky,
    .single:not(.single-blog) #page-container #ep_header.sticky,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky,
    .single:not(.single-blog) #page-container #ep_header.sticky,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky{
        padding-left: calc(100% - 97%);
    }
}

@media(max-width: 1432px){
    #page-container #ep_header.sticky .ep_header-top,
    #et-boc .et-l #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #page-container #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #page-container #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky .ep_header-top{
        width: 60% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: inherit !important;
    }
    #page-container #ep_header.header-transparent.sticky .ep_header-top .et_pb_column{
        width: auto;
    }

    #page-container #ep_header.sticky #ep_header-container,
    #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container{
        z-index: 3;
        left: inherit !important;
        transform: inherit !important;
        width: 100% !important;
        flex: inherit !important;
    }
}

@media(max-width: 1432px) {
    #page-container #ep_header.sticky .ep_header-top,
    #et-boc .et-l #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #page-container #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #page-container #ep_header.sticky .ep_header-top,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky .ep_header-top {
        width: 58% !important;
    }
}

@media(max-width: 1301px){
    #page-container #ep_header.sticky #ep_header-container,
    #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container {
        width: 86% !important;
    }
}

@media(max-width: 1219px){
    #page-container #ep_header.sticky,
    #et-boc .et-l #ep_header.sticky,
    .single:not(.single-blog) #page-container #ep_header.sticky,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky,
    .single:not(.single-blog) #page-container #ep_header.sticky,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky{
        padding-left: 0 !important;
    }

    #page-container #ep_header.sticky #ep_header-container,
    #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container {
        width: 74% !important;
    }
}

@media(max-width: 1219px){
    #page-container #ep_header.sticky #ep_header-container,
    #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container {
        width: 70% !important;
    }
}
@media(max-width: 980px){
    #page-container #ep_header.sticky #ep_header-container,
    #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #page-container #ep_header.sticky #ep_header-container,
    .single:not(.single-blog) #et-boc .et-l #ep_header.sticky #ep_header-container {
        width: 100% !important;
    }
}

@media(max-width: 980px){
    #page-container #ep_header .logo-large .et_pb_image_wrap{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}