.elementor-kit-22{--e-global-color-primary:#444444;--e-global-color-secondary:#777777;--e-global-color-text:#555555;--e-global-color-accent:#DB6036;--e-global-color-5801a95:#EEEEEE;--e-global-color-7026b6a:#FFFFFF;--e-global-color-16d1b5b:#7C97AC;--e-global-color-4ca4363:#BD3B0F;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{background-color:var( --e-global-color-primary );font-size:18px;font-weight:300;color:var( --e-global-color-7026b6a );}.elementor-kit-22 button:hover,.elementor-kit-22 button:focus,.elementor-kit-22 input[type="button"]:hover,.elementor-kit-22 input[type="button"]:focus,.elementor-kit-22 input[type="submit"]:hover,.elementor-kit-22 input[type="submit"]:focus,.elementor-kit-22 .elementor-button:hover,.elementor-kit-22 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-kit-22 e-page-transition{background-color:#FFBC7D;}.elementor-kit-22 a{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;}.elementor-kit-22 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-22 h1{color:#333333;font-family:"Montserrat", Sans-serif;line-height:1.6em;}.elementor-kit-22 h2{color:#333333;font-family:"Montserrat", Sans-serif;line-height:1.6em;}.elementor-kit-22 h3{color:#333333;font-family:"Montserrat", Sans-serif;line-height:1.6em;}.elementor-kit-22 h4{color:#333333;font-family:"Montserrat", Sans-serif;line-height:1.6em;}.elementor-kit-22 h5{color:#333333;font-family:"Montserrat", Sans-serif;line-height:1.6em;}.elementor-kit-22 h6{color:#333333;font-family:"Montserrat", Sans-serif;line-height:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-22 h2{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* home */
.nos-univers img {filter: grayscale(100%); margin: auto;}
.nos-univers img:hover {filter: none;}
#deren-fab {bottom: 170px !important;}
.elementor-59 .elementor-element.elementor-element-9a3a32a:not(.elementor-motion-effects-element-type-background) {    background-position: 100% !important;}
/*header*/
.sub-menu-simple .mega-sub-menu .mega-menu-row {margin-top: 20px !important;}
.contactez a, .link a {color:var( --e-global-color-accent ) !important;}
.mega-menu-item a {font-weight: 500 !important;}
.draps1 {min-width: 350px !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 12px;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {padding:12px 0 4px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {padding: 2px 10px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link:hover {border-bottom: solid !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-sub-menu a.mega-menu-link:hover {border-bottom: none !important; color:#69727d !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu .mega-menu-item-object-product a {padding-bottom: 5px !important; transition: 1s }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu .mega-menu-item-object-product a:hover {padding: 5px 8px !important; background:#f1f1f1 !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {font-size: 18px !important; margin:0 -5px;}
.mega-menu-wrap-menu-1 ul ul ul ul a {font-weight: 700 !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 .sub-menu a {font-size: 12px !important; font-weight: 400 !important; text-transform: uppercase;}
#menu-2-a10f0ab.elementor-nav-menu li {border-bottom: solid 1px #e5e5e5;}
#menu-2-a10f0ab.elementor-nav-menu li.menu-2 {border-top: solid 2px;}
#menu-2-a10f0ab.elementor-nav-menu {border-bottom: solid 2px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after, .mega-menu-cel {display:none !important}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {box-shadow: #e1e1e1 2px 2px 5px; padding-bottom:20px;}
.mega-sub-menu ul {max-width: 1300px !important; width: 100% !important; margin: 0 auto !important; }
#sticky-header {position: fixed; top: 0; width: 100%; z-index: 9999; transition: transform 0.3s ease, opacity 0.3s ease; transform: translateY(-100%); opacity: 0; pointer-events: none;}
#sticky-header.visible {transform: translateY(0); opacity: 1; pointer-events: auto;}
.logo-compact {width: 198px; transition: width 0.8s ease;}
#sticky-header.visible .logo-compact {width: 110px;}
.contactez a {background:var( --e-global-color-accent ) !important; color:#fff !important;}
.devis a {background:var( --e-global-color-4ca4363 ) !important;color:#fff !important;}
.rappel a {background:var( --e-global-color-16d1b5b ) !important;}
.rappel a, .devis a, .contactez a {padding: 3px 9px !important;
    margin: 10px 5px !important;color:#fff !important; border-radius:5px;}
    .sub-menu {padding: 0 15px !important;}
    
    .elementor-kit-22 a {    font-size: inherit;}
    .diplome {
  transform: rotate(-5deg);}
  
  /*menu columnas*/
@media (min-width: 992px) {
  .mega-menu-row > .mega-sub-menu {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap !important; /* ✅ ahora puede bajar si no entra */
    gap: 10px !important;
    overflow-x: hidden !important;
  }

  .mega-menu-row > .mega-sub-menu > .mega-menu-column {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 10px !important;
  }

  .mega-menu-row > .mega-sub-menu > .mega-menu-column[class*="mega-menu-columns-"] {
    width: auto !important;
    flex: 0 0 auto !important;
  }

  #mega-menu-460-0 .mega-menu-columns-3-of-12:first-child,
  .draps2 {
    margin-right: 0 !important;
  }
    .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-2272,  .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-2308, .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-3241,  .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-3242,.mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-3243, .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-3244,  .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-3245,.mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain li.mega-menu-item-3246 {
    
    width: auto !important;
    
  }
   .mega-menu-row > .mega-sub-menu > .mega-menu-column.colbain ul {display: grid
!important;}
}





    /*No break cm*/
    .no-break {display: contents;
    white-space: nowrap;    font-style: normal;}
/*Notre Histoire*/
.page-id-838 figcaption {padding-left: 10px;}
.elementor-repeater-item-fb9340f svg {width: 200px !important; margin-bottom:-30px !important;}
.wpr-timeline-centered img {margin: auto;}
/* boton */
.contact-popup, .contact-popup button {height:100%;}
/* produits */
.product-attributes table {border: none !important;}
.product-attributes table tr {border-bottom: solid 1px #e9e9e9; font-size:16px;}
.product-attributes table th {text-align: left; border: none; background: none !important; font-weight: 400 !important; padding: 8px; width: auto !important;}
.product-attributes table td {text-align: right; border: none; background: none !important; font-weight: 600; font-style: normal !important;padding: 8px;}
.scroll-section {scroll-margin-top: 120px;}
.products-link figure.wp-caption {position: relative; display: inline-block; overflow: hidden;}
.products-link figure.wp-caption::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.products-link figure.wp-caption img {display: block; width: 100%; height: auto; position: relative; z-index: 0;}
.products-link figure.wp-caption figcaption {background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    text-shadow: 2px 2px 2px #0000007a; position: absolute; top: 95%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: white; font-weight: bold; padding-bottom: 20px; width: 100%; padding-left: 10px; padding-right: 10px;}
/* produits pestañas */
.elementor-widget-n-tabs span.e-n-tab-title-text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; display: block;}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text  {max-width: 600px  }



/*contact*/

.wpcf7-form label {padding-top:25px;}
.wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form select, .wpcf7-form textarea, .wpcf7-form input[list],
.wpcf7-form input[list="secteurs"]  {    margin-top: 10px;
    border: solid #dfdfdf 1px !important;
    border-radius: 5px;
    width: 100%;
    min-width: 400px;
    max-width: 500px;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 16px;}
.wpcf7-form input[type=submit] {background: var(--e-global-color-4ca4363) !important; margin-top:15px;}
input::placeholder,
textarea::placeholder {
  font-size: 0.8em; 
  color: #888; 
}
button.color1 {background: var( --e-global-color-accent ) !important}
button.color2 {background-color: var(--e-global-color-16d1b5b) !important}
.popup-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px; /* importante para que no quede pegado al borde */
}

.popup-content {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  width: 100%;
  max-width: 550px;
  max-height: 90vh; /* límite de altura */
  overflow-y: auto; /* scroll vertical */
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}


.contact-popup button {
  width: 100%;
  border: none;
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: normal; /* Permite saltos de línea */
  word-break: break-word; /* Corta palabras largas si es necesario */
  text-align: center;     line-height: 18px;
    padding: 12px 24px;}
/* blog */
.search-blog input[type=search] {max-width: 100%; min-width: auto;}
.search-blog button {    margin-top: 10px;
    margin-left: 10px;}

/* devis */
.devis table td, .devis table th {border: none;}
.devis table tr {border-bottom: solid 1px #ccc;}
.devis tr.head {background: var(--e-global-color-16d1b5b) !important; color: #fff;}
    
/*hover grid product*/
/*grid 12 product*/
.custom-links-grid12 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid12 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid12 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}

/*grid 10 product*/
.custom-links-grid10 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid10 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid10 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}
/*grid 7 product*/
.custom-links-grid7 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid7 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid7 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}
.custom-links-grid7 .elementor-flip-box__layer__description a:hover {background-color: #f0f0f0; border-color: #999;}
.custom-links-grid7 .elementor-flip-box__layer__description a:nth-child(7) {grid-column: 1 / span 2;}
/*grid 6 product*/
.custom-links-grid6 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid6 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid6 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}

/*grid 5 product*/
.custom-links-grid5 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid5 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid5 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}
.custom-links-grid5 .elementor-flip-box__layer__description a:hover {background-color: #f0f0f0; border-color: #999;}
.custom-links-grid5 .elementor-flip-box__layer__description a:nth-child(5) {grid-column: 1 / span 2;}
/*grid 4 product*/
.custom-links-grid4 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid4 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid4 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}
/*grid 3 product*/
.custom-links-grid3 .elementor-flip-box__back .elementor-flip-box__layer__description {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 5px; height: 100%; box-sizing: border-box;}
.custom-links-grid3 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid3 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}
.custom-links-grid3 .elementor-flip-box__layer__description a:nth-child(3) {grid-column: 1 / span 2;}
/*grid 2s product*/
.custom-links-grid2 .elementor-flip-box__back .elementor-flip-box__layer__description { display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  box-sizing: border-box;}
.custom-links-grid2 .elementor-flip-box__back .elementor-flip-box__layer__inner {height: 100%;}
.custom-links-grid2 .elementor-flip-box__layer__description  a {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; text-align: center; text-decoration: none; font-weight: 500; transition: all 0.2s ease; font-size: 14px; line-height: 1em;}

@media (max-width: 1400px) {#deren-fab {bottom: 160px !important;}}

@media only screen and (max-width: 768px) {
/*header*/	
.mega-menu-cel {display: block !important;}.link a {display: block;}
.final-item {border-bottom: solid #5f5f5f 2px !important; width: 100% !important; margin-bottom: 15px !important; padding-bottom: 10px !important;}
#mega-menu-menu-1 {margin-left: 0px !important; padding:20px !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {position: static; background-color:#1a1a1a;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu a {color: #fff !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {display:block !important;}
.rappel a, .devis a, .contactez a {padding: 0px 9px 3px !important; border-radius:5px !important;}
	.elementor-nav-menu--dropdown {background-color: #ffffff00 !important;}
/*contact*/
.wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form select, .wpcf7-form textarea {width:100%; min-width:300px; }
#deren-fab {bottom: 10px !important;}
/* produits */
.product-attributes table tr {font-size: 14px;}
.elementor-widget-n-tabs span.e-n-tab-title-text { max-width: 300px;}
}/* End custom CSS */