.elementor-3327 .elementor-element.elementor-element-4d8d8cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3327 .elementor-element.elementor-element-4d8d8cf:not(.elementor-motion-effects-element-type-background), .elementor-3327 .elementor-element.elementor-element-4d8d8cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2197A6;}.elementor-3327 .elementor-element.elementor-element-f00b411{--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;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-3327 .elementor-element.elementor-element-f00b411:not(.elementor-motion-effects-element-type-background), .elementor-3327 .elementor-element.elementor-element-f00b411 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#24313300;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3327 .elementor-element.elementor-element-bb090c0{text-align:left;}.elementor-3327 .elementor-element.elementor-element-bb090c0 img{width:250px;}.elementor-3327 .elementor-element.elementor-element-f35dcd7{--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;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu .elementor-item{font-family:"Space Grotesk 2", Sans-serif;font-size:48px;font-weight:300;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );padding-left:0px;padding-right:0px;padding-top:20px;padding-bottom:20px;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a, .elementor-3327 .elementor-element.elementor-element-26163cd .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a:hover,
					.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a:focus,
					.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#02010100;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown .elementor-item, .elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Space Grotesk 2", Sans-serif;font-size:20px;font-weight:500;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-3327 .elementor-element.elementor-element-abe360f{--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;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-3327 .elementor-element.elementor-element-eb9de8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#2A4A4D;--border-color:#2A4A4D;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3327 .elementor-element.elementor-element-b0edd1e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3327 .elementor-element.elementor-element-d5744b1{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-item > a{font-family:"Space Grotesk 2", Sans-serif;font-size:17px;font-weight:400;}.elementor-3327 .elementor-element.elementor-element-d5744b1 .elementor-icon-list-text{color:#2A4A4D;transition:color 0.3s;}.elementor-3327 .elementor-element.elementor-element-7a8c863{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3327 .elementor-element.elementor-element-7a49cba .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3327 .elementor-element.elementor-element-7a49cba .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3327 .elementor-element.elementor-element-7a49cba{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-3327 .elementor-element.elementor-element-7a49cba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3327 .elementor-element.elementor-element-7a49cba .elementor-icon-list-item > a{font-family:"Space Grotesk 2", Sans-serif;font-size:17px;font-weight:400;}.elementor-3327 .elementor-element.elementor-element-7a49cba .elementor-icon-list-text{color:#2A4A4D;transition:color 0.3s;}.elementor-3327 .elementor-element.elementor-element-c9d3f19{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-3327 .dialog-widget-content{animation-duration:0.7s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3327{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3327 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-3327 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-3327 .elementor-element.elementor-element-f00b411{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3327 .elementor-element.elementor-element-f35dcd7{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-3327 .elementor-element.elementor-element-abe360f{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-3327 .elementor-element.elementor-element-f00b411{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3327 .elementor-element.elementor-element-bb090c0 img{width:150px;}.elementor-3327 .elementor-element.elementor-element-f35dcd7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu .elementor-item{font-size:30px;line-height:30px;}.elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu--main .elementor-item{padding-top:5px;padding-bottom:5px;}.elementor-3327 .elementor-element.elementor-element-abe360f{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3327 .elementor-element.elementor-element-eb9de8c{--flex-wrap:wrap;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-26163cd */.elementor-3327 .elementor-element.elementor-element-26163cd{
    width:100%;
}

.elementor-3327 .elementor-element.elementor-element-26163cd li {
    transition: padding-left .3s ease;
}

.elementor-3327 .elementor-element.elementor-element-26163cd li:hover{
    padding-left:70px !important;
     
}
.elementor-3327 .elementor-element.elementor-element-26163cd li:hover a{
    font-weight:500 !important;
}
.elementor-3327 .elementor-element.elementor-element-26163cd li,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3352 a,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3354 a,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3353 a,
.elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu a{
    position: relative;
}

.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3354 a:hover::after,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3352 a:hover::after,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3353 a:hover::after{
    display: block;
     
}
.elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu li::after{
    display:none !important;
}
.elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu li:hover{
    padding-left: 0 !important;
}

.elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu a {
  z-index: 2;
  font-weight:bold !important;
  text-shadow:
    0 1px 3px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.6),
    0 0 10px rgba(0, 0, 0, 0.4);
}

.elementor-3327 .elementor-element.elementor-element-26163cd li::after{
    position: absolute;
    content:"";
    background:url('https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Fichier-16Fleches.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width:50px;
    height:50px;
    left:0;
    top:50%;
    transform:translate(-50%, -50%);
    opacity: 0;
     transition: transform 0.3s ease, opacity .3s ease;
}

.elementor-3327 .elementor-element.elementor-element-26163cd li:hover::after {
    transform: translate(0, -50%);
    opacity: 1;
}

.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3352 a::after,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3353 a::after,
.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3354 a::after{
    position: absolute;
    display: none;
    content:"";
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width:calc(50% - 100px);
    height:400px;
    right:50px;
    top:calc(50% - 50px);
    transform:translateY(-50%);
    border-radius:10px;
}

.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3354 a::after{
    background-image:url('https://cartonnagesdunord.fr/wp-content/uploads/2025/10/881A7866.webp');
    top: calc(250% - 50px);
}

.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3352 a::after{
    background-image:url('https://cartonnagesdunord.fr/wp-content/uploads/2025/10/881A8540.webp');
    top: calc(150% - 50px);
}

.elementor-3327 .elementor-element.elementor-element-26163cd .menu-item-3353 a::after{
    background-image:url('https://cartonnagesdunord.fr/wp-content/uploads/2025/10/881A8309.webp');
}

@media screen and (max-width: 767px){
    .elementor-3327 .elementor-element.elementor-element-26163cd li::after{
        width:30px;
        height:30px;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd li:hover{
        padding-left:50px !important;
        transition: transform 0.3s ease;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd li:hover a{
        font-weight:300 !important;
        transition: transform 0.3s ease;
    }
}

@media screen and (min-width: 767px){
    .elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu ul {
        left: unset !important;
        right: 0;
        width: calc(50% - 50px) !important;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu ul a:hover{
        padding-left:0 !important;
        font-weight:500 !important;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd .elementor-nav-menu ul::after{
        display:none;
    }
    
    .elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu.elementor-nav-menu--dropdown {
      width: auto;
      padding: 0;
      opacity: 0;
      transition: opacity .5s;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu.elementor-nav-menu--dropdown[aria-hidden="false"] {
      display: flex !important;
      flex-wrap: wrap;
      gap: 0.5rem;
      width: 600px;
      max-width: 100%;
      opacity: 1;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu.elementor-nav-menu--dropdown > li {
        flex: 1 1 calc(33.333% - 1rem);
        box-sizing: border-box;
        visibility: hidden;
        transition: visibility .3s ease;
    }
    .elementor-3327 .elementor-element.elementor-element-26163cd .sub-menu.elementor-nav-menu--dropdown[aria-hidden="false"] > li {
        visibility: visible;
    }
    
    .menu-item-3345 .sub-menu[aria-hidden="false"] > li > a {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      text-align: center;
      padding: 1rem;
      color: white;
      font-weight: bold;
      height: 250px;
      background-size: cover;
      background-position: center;
      position: relative;
      text-decoration: none;
     
    }
    
    .menu-item-3345 .sub-menu[aria-hidden="false"] > li > a:hover {
      transform: scale(1.03);
    }
    .menu-item-3345 .sub-menu{
        top:-50px !important;
    }
    .menu-item-3345 .sub-menu[aria-hidden="false"] > li > a {
      position: relative;
      z-index: 2;
    }
    .menu-item-3339 .sub-menu[aria-hidden="false"] > li > a {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      text-align: center;
      padding: 1rem;
      color: white;
      font-weight: bold;
      height: 250px;
      background-size: cover;
      background-position: center;
      position: relative;
      text-decoration: none;
    }
    
    .menu-item-3339 .sub-menu[aria-hidden="false"] > li > a:hover {
      transform: scale(1.03);
    }
    .menu-item-3339 .sub-menu{
        top:0 !important;
    }
    .menu-item-3339 .sub-menu[aria-hidden="false"] > li > a {
      position: relative;
      z-index: 2;
    }
    .menu-item-3339{
        position:relative;
    }
    
    .menu-item-3346 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/INDUSTRY.webp");
        border-radius:10px;
    }
    
    .menu-item-3347 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Logistique.webp");
        border-radius:10px;
    }
    
    .menu-item-3348 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Imprimeur-scaled-1.webp");
        border-radius:10px;
    }
    .menu-item-3349 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/PLV-scaled-1.webp"); 
        border-radius:10px;
    }
    
    .menu-item-3350 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Garagiste-scaled-1.webp");
        border-radius:10px;
    }
    
    .menu-item-3351 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Autres-pro-scaled-1.webp"); 
        border-radius:10px;
    }
    
    .menu-item-3343 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/americaine-01.webp");
        border-radius:10px;
    }
    
    .menu-item-3340 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/tube-01.webp"); 
        border-radius:10px;
    }
    
    .menu-item-3341 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Produit-CDN-14-2.webp");
        border-radius:10px;
    }
    
    .menu-item-3344 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Carrousel.webp");
        border-radius:10px;
    }
    
    .menu-item-3342 > a { 
        background-image: url("https://cartonnagesdunord.fr/wp-content/uploads/2025/10/Produit-CDN-27.webp");
        border-radius:10px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d8d8cf */#elementor-popup-modal-3327 .dialog-message{
    width:100%;
}
#elementor-popup-modal-3327 .dialog-widget-content{
    top:0;
    width:100%;
}
#elementor-popup-modal-3327{
    background-color:unset;
}
@media screen and (min-width: 767px) {
  #elementor-popup-modal-3327 .dialog-widget-content::after{
    position: absolute;
    content:"";
    background-color:#243133;
    width:50%;
    height:100%;
    top:0;
    left:50%;
}
}
#elementor-popup-modal-3327 .dialog-close-button::after{
    content:"Menu";
    font-family:"Space Grotesk 2";
    font-size:27px;
    color:white;
    font-weight: 300;
    text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
}
#elementor-popup-modal-3327 .dialog-close-button{
    top:33px;
    right:75px;
}
@media screen and (max-width: 767px) {
    #elementor-popup-modal-3327 .dialog-close-button{
    top:15px;
    right:20px;
}
#elementor-popup-modal-3327 .dialog-close-button::after{
    font-size:20px;
}
}
.elementor-popup-modal .dialog-close-button svg{
    fill:transparent !important;
}/* End custom CSS */