.elementor-10698 .elementor-element.elementor-element-82d57c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:5%;--padding-inline-end:5%;}.elementor-10698 .elementor-element.elementor-element-82d57c5:not(.elementor-motion-effects-element-type-background), .elementor-10698 .elementor-element.elementor-element-82d57c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-10698 .elementor-element.elementor-element-82d57c5, .elementor-10698 .elementor-element.elementor-element-82d57c5::before{--border-transition:0.3s;}.elementor-10698 .elementor-element.elementor-element-762865a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-10698 .elementor-element.elementor-element-87be1c4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;--align-items:center;--background-transition:0.3s;--padding-block-start:18px;--padding-block-end:18px;--padding-inline-start:2.5%;--padding-inline-end:2.5%;}.elementor-10698 .elementor-element.elementor-element-87be1c4:not(.elementor-motion-effects-element-type-background), .elementor-10698 .elementor-element.elementor-element-87be1c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-10698 .elementor-element.elementor-element-87be1c4, .elementor-10698 .elementor-element.elementor-element-87be1c4::before{--border-transition:0.3s;}.elementor-10698 .elementor-element.elementor-element-7409475{text-align:left;width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-10698 .elementor-element.elementor-element-7409475 img{width:100%;max-width:84px;}@media(max-width:1024px){.elementor-10698 .elementor-element.elementor-element-82d57c5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;}.elementor-10698 .elementor-element.elementor-element-5ff081de{text-align:center;width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-10698 .elementor-element.elementor-element-5ff081de img{width:100%;max-width:84px;}.elementor-10698 .elementor-element.elementor-element-5ff081de.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}}@media(max-width:767px){.elementor-10698 .elementor-element.elementor-element-82d57c5{--justify-content:space-between;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-10698 .elementor-element.elementor-element-82d57c5.e-con{--align-self:flex-start;}.elementor-10698 .elementor-element.elementor-element-5ff081de{text-align:left;--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;}.elementor-10698 .elementor-element.elementor-element-5ff081de img{width:100%;max-width:100px;}.elementor-10698 .elementor-element.elementor-element-5ff081de > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10698 .elementor-element.elementor-element-5ff081de.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for container, class: .elementor-element-82d57c5 */@media all and (min-width:1025px){
.elementor-10698 .elementor-element.elementor-element-82d57c5{
display:none!important;
}
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-7409475 */.elementor-widget-image a img, .elementor-widget-image a {
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-762865a2 */@media all and (max-width:1024px){
.elementor-10698 .elementor-element.elementor-element-762865a2{
display:none!important;
}
}/* End custom CSS */
/* Start custom CSS */li#adopter-hector a {
    padding: 10px 18px;
    border-radius: 8px;
    background: #62AD75;
    color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(70, 80, 70, 0.10);
}
li#adopter-hector a:hover{
background: #21502c;
}
li.adopter-menu-mobile a {
    background: #62ad75;
    color: #fff !important;
}





@media all and (min-width:1025px){
:root{
--e-nav-menu-horizontal-menu-item-margin:0px!important;
}





li.offres-menu ul.sub-menu, li.hector-menu ul.sub-menu{
display:none!important;
}
li.offres-menu ul.sub-menu.actif, li.hector-menu ul.sub-menu.actif{
display:flex!important;
}
li.offres-menu ul.sub-menu, li.offres-menu{
z-index:999!important;
}
li.hector-menu ul.sub-menu, li.hector-menu{
z-index:998!important;
}






.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{
white-space: normal!important;
}
ul.elementor-nav-menu, .elementor-column#menu-col {
    position: unset!important;
}
.menu-section .elementor-widget-wrap.elementor-element-populated {
    position: unset!important;
}
.elementor-widget-nav-menu .elementor-widget-container {
    position: unset!important;
}
.menu-section .elementor-nav-menu__align-right {
    position: unset;
}

/*-----------OFFRES--------------*/
li.offres-menu ul.sub-menu{
    width: 100%!important;
    max-width: 100%!important;
    position: absolute;
    left: 0px;
    flex-direction: row;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05)!important;
}
li.offres-menu ul.sub-menu[aria-hidden="false"]{
display:flex!important;
transition-duration: .2s;
}
li.offres-menu {
    position: unset!important;
}
li.offres-menu ul.sub-menu {
    flex-direction: row!important;
    width: 100%!important;
    max-width: 100%!important;
    position: absolute;
    left: 0px; 
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05)!important;
    justify-content: space-between;
    padding: 16px 2%;
    margin-left: 0px!important;
}
li.offres-menu ul.sub-menu li {
    width: 23%;
    max-width: 300px;
    border-radius: 8px!important;
    align-items: stretch;
    display: flex;
}
li.offres-menu ul.sub-menu li a{
    padding-left: 56px!important;
    display: block;
    border-radius:10px!important;
}
li.offres-menu ul.sub-menu li a::before{
background: #62AD75;
    width: 40px!important;
    height: 40px!important;
    position: absolute;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 2px;
    transition-duration: .2s;
}
li.offres-menu ul.sub-menu li a::after{
display:block!important;
font-size: 14px;
font-weight: normal;
}
li.restos.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Restauration.svg);
}
li.entreprises.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Entreprises.svg);
}
li.commerces.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Commerces.svg);
}
li.cas-clients.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Etudes-de-cas.svg);
}
li.restos.menu-item a::after{
content: 'Réduisez vos déchets alimentaires en toute simplicité.';
}
li.entreprises.menu-item a::after{
content: 'Engagez facilement vos collaborateurs dans une démarche RSE.';
}
li.commerces.menu-item a::after{
content: 'Valorisez vos invendus alimentaires  .';
}
li.cas-clients.menu-item a::after{
content: 'Découvrez comment nos clients  utilisent Hector au quotiden.';
}
li.offres-menu ul.sub-menu li:hover a::before{
background: #21502C;
}


/*-----------HECTOR--------------*/
li.hector-menu ul.sub-menu{
    width: 100%!important;
    max-width: 100%!important;
    position: absolute;
    left: 0px;
    flex-direction: row;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05)!important;
}
li.hector-menu ul.sub-menu[aria-hidden="false"]{
display:flex!important;
transition-duration: .2s;
}
li.hector-menu {
    position: unset!important;
}
li.hector-menu ul.sub-menu {
    flex-direction: row!important;
    width: 100%!important;
    max-width: 100%!important;
    position: absolute;
    left: 0px; 
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05)!important;
    justify-content: space-between;
    padding: 16px 2%;
    margin-left: 0px!important;
}
li.hector-menu, li.hector-menu a {
    position: unset!important;
}
li.hector-menu ul.sub-menu {
    flex-direction: row!important;
    width: 100%!important;
    max-width: 100%!important;
    position: absolute;
    left: 0px!important; 
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05)!important;
    justify-content: space-between;
    padding: 16px 2%;
    margin-left: 0px!important;
}
li.hector-menu ul.sub-menu.elementor-nav-menu--dropdown{
position: absolute!important;
left: 0px!important;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down, .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up, .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{
    left: 0px!important;
}
li.hector-menu ul.sub-menu li {
    width: 31%!important;
    max-width: 320px;
    border-radius: 8px!important;
    align-items: stretch;
    display: flex;
}
li.hector-menu ul.sub-menu li a{
    padding-left: 56px!important;
    display: block;
    border-radius:10px!important;
}
li.hector-menu ul.sub-menu li a::before{
background: #62AD75;
    width: 40px!important;
    height: 40px!important;
    position: absolute;
    left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 2px;
    transition-duration: .2s;
}
li.hector-menu ul.sub-menu li a::after{
display:block!important;
font-size: 14px;
font-weight: normal;
}
li.qsn.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Qui-sommes-nous-_.svg);
}
li.engagements.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Nos-engagements.svg);
}
li.impact.menu-item a::before {
    content: url(/wp-content/uploads/2023/03/Notre-impact.svg);
}
li.qsn.menu-item a::after{
content: 'Découvrez l’équipe qui se cache derrière Hector Le Collector';
}
li.impact.menu-item a::after{
content: 'Nous avons collecté des tonnes de biodéchets, ça fait beaucoup d’électricité.';
}
li.engagements.menu-item a::after{
content: 'Chaque jour, Hector essaie de montrer l’exemple, découvrez tous nos engagements.';
}
li.tester-hector a {
    background: #62AD75;
    border-radius: 8px;
    color: #fff!important;
}
li.tester-hector a:hover{
background: #21502C;
}
li.contact-menu {
    border: 2px solid #62AD75;
    border-radius: 8px;
    margin-right: 20px;
    transition-duration:.2s;
}
li.contact-menu:hover{
background:#F2F8F4;
}
}
@media all and (max-width:1024px){
 li.tester-hector a {
    background-color: #62AD75;
    color: #fff!important;
} 
li.contact-menu a::after {
   content:"Nous contacter";
   display:inline!important;
   color:#612F3C;
   font-size:16px;
   font-weight:bold;
   opacity:1!important;
   padding-left:30px;
}
.sous-menu-actif{
opacity:0!important;
}/* End custom CSS */