.elementor-4746 .elementor-element.elementor-element-12a3e4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:36px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4746 .elementor-element.elementor-element-10dbd4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--padding-top:180px;--padding-bottom:47px;--padding-left:47px;--padding-right:47px;}.elementor-4746 .elementor-element.elementor-element-10dbd4f:not(.elementor-motion-effects-element-type-background), .elementor-4746 .elementor-element.elementor-element-10dbd4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olis.lifestyle/wp-content/uploads/2026/03/7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4746 .elementor-element.elementor-element-7095835.ekit-equal-height-enable,
					.elementor-4746 .elementor-element.elementor-element-7095835.ekit-equal-height-enable > div,
					.elementor-4746 .elementor-element.elementor-element-7095835.ekit-equal-height-enable .ekit-wid-con,
					.elementor-4746 .elementor-element.elementor-element-7095835.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-4746 .elementor-element.elementor-element-7095835 .elementskit-infobox{background-color:#11111F80;padding:20px 33px 20px 33px;border-style:none;border-radius:13px 13px 13px 13px;}.elementor-4746 .elementor-element.elementor-element-7095835{width:var( --container-widget-width, 37.271% );max-width:37.271%;--container-widget-width:37.271%;--container-widget-flex-grow:0;}.elementor-4746 .elementor-element.elementor-element-7095835.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4746 .elementor-element.elementor-element-7095835 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#FEFEFE;font-family:"audiowide_pro", Sans-serif;font-size:20px;font-weight:400;line-height:18px;}.elementor-4746 .elementor-element.elementor-element-7095835 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-4746 .elementor-element.elementor-element-7095835 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-4746 .elementor-element.elementor-element-3638537 .elementor-icon-wrapper{text-align:center;}.elementor-4746 .elementor-element.elementor-element-ae6f7c9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4746 .elementor-element.elementor-element-e3fd645{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4746 .elementor-element.elementor-element-a774738{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-4746 .elementor-element.elementor-element-e609739{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-4746 .elementor-element.elementor-element-0abb561{padding:0px 0px 100px 0px;}.elementor-4746 .elementor-element.elementor-element-6f123b6{--display:flex;}@media(min-width:601px){.elementor-4746 .elementor-element.elementor-element-10dbd4f{--width:100%;}.elementor-4746 .elementor-element.elementor-element-e3fd645{--width:33.3333%;}.elementor-4746 .elementor-element.elementor-element-e609739{--width:66.6666%;}}@media(max-width:1024px) and (min-width:601px){.elementor-4746 .elementor-element.elementor-element-10dbd4f{--width:100%;}}@media(max-width:1024px){.elementor-4746 .elementor-element.elementor-element-12a3e4c{--padding-top:36px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4746 .elementor-element.elementor-element-10dbd4f{--padding-top:180px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4746 .elementor-element.elementor-element-7095835{width:var( --container-widget-width, 31.782% );max-width:31.782%;--container-widget-width:31.782%;--container-widget-flex-grow:0;}.elementor-4746 .elementor-element.elementor-element-a774738{padding:0px 0px 0px 24px;}.elementor-4746 .elementor-element.elementor-element-e609739{--padding-top:0px;--padding-bottom:0px;--padding-left:00px;--padding-right:00px;}.elementor-4746 .elementor-element.elementor-element-0abb561{padding:0px 024px 0px 48px;}}@media(max-width:600px){.elementor-4746 .elementor-element.elementor-element-10dbd4f{--padding-top:100px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4746 .elementor-element.elementor-element-7095835{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4746 .elementor-element.elementor-element-e609739{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4746 .elementor-element.elementor-element-0abb561{padding:0px 20px 0px 20px;}}/* Start custom CSS for elementskit-icon-box, class: .elementor-element-7095835 */.elementor-4746 .elementor-element.elementor-element-7095835{
    color: #FCFCFC;
text-align: center;
font-family: "Audiowide_Pro";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 90% */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a774738 */<style>
html{
  scroll-behavior: smooth;
}

.faq-main-link.is-active,
.faq-submenu a.is-active{
  color: #FFC600 !important;
}

/* =========================
   LAYOUT PRINCIPAL
========================= */

.faq-layout{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 48px !important;
  overflow: visible !important;
}

/* très important dans Elementor */
.faq-layout,
.faq-layout > .e-con,
.faq-layout > .elementor-element,
.faq-left,
.faq-right,
.faq-left .elementor-widget-wrap,
.faq-right .elementor-widget-wrap,
.faq-left .elementor-widget-container,
.faq-right .elementor-widget-container{
  overflow: visible !important;
}

/* colonne gauche sticky */
.faq-left{
  width: 340px !important;
  min-width: 340px !important;
  max-width: 340px !important;
  flex: 0 0 340px !important;
  align-self: flex-start !important;
  position: sticky !important;
  top: 120px !important;
  z-index: 20 !important;
  height: calc(100vh - 140px) !important;
}

/* colonne droite */
.faq-right{
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* sidebar principal */
.faq-sidebar{
  width: 100%;
  height: 100%;
  min-height: 0;
}

/* scroll menu */
.faq-sidebar-scroll{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.18) transparent;
}

.faq-sidebar-scroll::-webkit-scrollbar{
  width: 6px;
}

.faq-sidebar-scroll::-webkit-scrollbar-track{
  background: transparent;
}

.faq-sidebar-scroll::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,0.18);
  border-radius: 20px;
}

/* =========================
   GROUPES MENU
========================= */

.faq-group{
  margin-bottom: 18px;
}

.faq-group-head{
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin-bottom: 14px;
}

.faq-group-arrow{
  display: inline-block;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #1E1E1E !important;
  transition: transform 0.3s ease;
  margin-right: 2px;
}

.faq-group-title{
  font-family: 'audiowide_pro' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: #1E1E1E !important;
}

.faq-main-menu,
.faq-submenu{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.faq-main-menu > li{
  margin: 0 0 14px 0 !important;
}

.faq-main-link{
  display: block;
  font-family: 'audiowide_pro' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: #1E1E1E !important;
  text-decoration: none !important;
  margin: 0 0 6px 0 !important;
}

.faq-submenu{
  padding-left: 14px !important;
}

.faq-submenu li{
  position: relative;
  padding-left: 10px !important;
  margin: 0 0 2px 0 !important;
}

.faq-submenu li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #606060;
}

.faq-submenu a{
  display: block;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: #606060 !important;
  text-decoration: none !important;
}

.faq-submenu a:hover,
.faq-submenu a.is-active,
.faq-main-link.is-active{
  color: #FFC600 !important;
}

/* =========================
   IMPORTANT: FERMÉ PAR DÉFAUT
   même si le groupe a seulement class="faq-group"
========================= */

.faq-sidebar .faq-group:not(.is-open) .faq-main-menu,
.faq-sidebar .faq-group:not(.is-open) .faq-submenu,
.faq-popup-menu .faq-group:not(.is-open) .faq-main-menu,
.faq-popup-menu .faq-group:not(.is-open) .faq-submenu{
  display: none !important;
}

.faq-sidebar .faq-group.is-open .faq-main-menu,
.faq-sidebar .faq-group.is-open .faq-submenu,
.faq-popup-menu .faq-group.is-open .faq-main-menu,
.faq-popup-menu .faq-group.is-open .faq-submenu{
  display: block !important;
}

.faq-sidebar .faq-group:not(.is-open) .faq-group-arrow,
.faq-popup-menu .faq-group:not(.is-open) .faq-group-arrow{
  transform: rotate(-90deg) !important;
}

.faq-sidebar .faq-group.is-open .faq-group-arrow,
.faq-popup-menu .faq-group.is-open .faq-group-arrow{
  transform: rotate(0deg) !important;
}

/* ancres */
.faq-section,
.faq-item,
.faq-content h1{
  scroll-margin-top: 130px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px){
  .faq-layout{
    flex-direction: column !important;
  }

  .faq-left{
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    height: auto !important;
  }

  .faq-sidebar{
    height: auto !important;
  }

  .faq-sidebar-scroll{
    height: auto !important;
    overflow: visible !important;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0abb561 */html{
  scroll-behavior: smooth;
}

/* =========================
   FAQ LAYOUT + STICKY MENU
   DESKTOP ONLY
========================= */

.faq-layout{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 48px !important;
  overflow: visible !important;
}

.faq-layout,
.faq-layout > .e-con,
.faq-layout > .elementor-element,
.faq-left,
.faq-right,
.faq-left .elementor-widget-wrap,
.faq-right .elementor-widget-wrap,
.faq-left .elementor-widget-container,
.faq-right .elementor-widget-container{
  overflow: visible !important;
}

/* ===== DESKTOP ===== */
@media (min-width: 1025px){

  .faq-left{
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    flex: 0 0 340px !important;
    align-self: flex-start !important;

    position: sticky !important;
    top: 120px !important;
    z-index: 50 !important;

    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* IMPORTANT: no internal scroll */
  .faq-sidebar,
  .faq-sidebar > .e-con-inner,
  .faq-sidebar-scroll,
  .faq-sidebar-scroll > .elementor-widget-container{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .faq-right{
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
  }
}

/* ===== TABLET + MOBILE ===== */
@media (max-width: 1024px){

  .faq-layout{
    flex-direction: column !important;
    gap: 20px !important;
  }

  .faq-left{
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .faq-sidebar,
  .faq-sidebar > .e-con-inner,
  .faq-sidebar-scroll,
  .faq-sidebar-scroll > .elementor-widget-container{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .faq-right{
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

/* anchors */
.faq-section,
.faq-item,
.faq-content h1,
.faq-content h2,
.faq-content h3{
  scroll-margin-top: 130px !important;
}

@media (max-width: 1024px){
  .faq-section,
  .faq-item,
  .faq-content h1,
  .faq-content h2,
  .faq-content h3{
    scroll-margin-top: 90px !important;
  }
}/* End custom CSS */
/* Start custom CSS */@media (min-width: 768px) and (max-width: 1024px) {

  .faq-left {
    position: sticky !important;
    top: 90px !important;
    height: calc(100vh - 110px) !important;
    max-height: calc(100vh - 110px) !important;
    overflow: hidden !important;
  }

  .faq-sidebar,
  .faq-sidebar > .e-con-inner {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .faq-sidebar-scroll,
  .faq-sidebar-scroll > .elementor-widget-container {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'audiowide_pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://olis.lifestyle/wp-content/uploads/2026/02/audiowide_pro.ttf') format('truetype');
}
/* End Custom Fonts CSS */