.elementor-757 .elementor-element.elementor-element-690442d{--display:flex;--min-height:419px;--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-757 .elementor-element.elementor-element-690442d:not(.elementor-motion-effects-element-type-background), .elementor-757 .elementor-element.elementor-element-690442d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lestrouvaillesdesinbad.projets-web-ba.fr/wp-content/uploads/2025/05/ecran.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-757 .elementor-element.elementor-element-c04aa6f{--display:flex;--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:center;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-757 .elementor-element.elementor-element-e25e245 .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-weight:300;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-757 .elementor-element.elementor-element-2824d15{text-align:center;color:var( --e-global-color-7498fc3 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-757 .elementor-element.elementor-element-393fed9 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Nunito", Sans-serif;font-size:15px;font-weight:500;border-radius:40px 40px 40px 40px;}.elementor-757 .elementor-element.elementor-element-2ab7110{--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;}.elementor-757 .elementor-element.elementor-element-164a507{--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;}.elementor-757 .elementor-element.elementor-element-271d384{--display:flex;}.elementor-757 .elementor-element.elementor-element-0b2d1ad{--spacer-size:50px;}.elementor-757 .elementor-element.elementor-element-1bdb5e9{--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;}.elementor-757 .elementor-element.elementor-element-5a19e07{--spacer-size:50px;}.elementor-757 .elementor-element.elementor-element-fddc3c6{--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;}.elementor-757 .elementor-element.elementor-element-555cc70{--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;}.elementor-757 .elementor-element.elementor-element-6b705f8{text-align:center;}.elementor-757 .elementor-element.elementor-element-6b705f8 .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-size:39px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-757 .elementor-element.elementor-element-e9a35e3{--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;}.elementor-757 .elementor-element.elementor-element-7b71b61{--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;}.elementor-757 .elementor-element.elementor-element-77732fa{--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;}.elementor-757 .elementor-element.elementor-element-99effa5{--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;}.elementor-757 .elementor-element.elementor-element-5db15ad{--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;}.elementor-757 .elementor-element.elementor-element-d1d5002{text-align:center;}.elementor-757 .elementor-element.elementor-element-d1d5002 .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-size:39px;font-weight:400;color:var( --e-global-color-accent );}.elementor-757 .elementor-element.elementor-element-24295d9{--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;}.elementor-757 .elementor-element.elementor-element-a01b0a3{--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;}.elementor-757 .elementor-element.elementor-element-195a5f3{--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;}.elementor-757 .elementor-element.elementor-element-be5d446{--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;--z-index:1;}.elementor-757 .elementor-element.elementor-element-100c92d{text-align:center;}.elementor-757 .elementor-element.elementor-element-100c92d .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-size:30px;font-weight:100;}.elementor-757 .elementor-element.elementor-element-40c5dc3{--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;--z-index:2;}.elementor-757 .elementor-element.elementor-element-21845f9{text-align:center;font-family:"Nunito", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-7498fc3 );}.elementor-757 .elementor-element.elementor-element-c48f9d3{--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:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-757 .elementor-element.elementor-element-b00d727{--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;}.elementor-757 .elementor-element.elementor-element-e5f12a7{--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;}.elementor-757 .elementor-element.elementor-element-42f0f98{--spacer-size:50px;}.elementor-757 .elementor-element.elementor-element-20a7322{--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;}.elementor-757 .elementor-element.elementor-element-b9ccfcd .elementor-button{background-color:var( --e-global-color-b49fa1e );font-family:"Nunito", Sans-serif;font-size:20px;font-weight:700;border-radius:20px 20px 20px 20px;}.elementor-757 .elementor-element.elementor-element-d155470{--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;}.elementor-757 .elementor-element.elementor-element-8967ed7{--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;}.elementor-757 .elementor-element.elementor-element-082eb27{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-757 .elementor-element.elementor-element-5a19e07{--spacer-size:156px;}.elementor-757 .elementor-element.elementor-element-42f0f98{--spacer-size:165px;}}@media(min-width:768px){.elementor-757 .elementor-element.elementor-element-690442d{--width:100%;}.elementor-757 .elementor-element.elementor-element-c04aa6f{--width:50%;}.elementor-757 .elementor-element.elementor-element-2ab7110{--width:50%;}.elementor-757 .elementor-element.elementor-element-7b71b61{--width:50%;}.elementor-757 .elementor-element.elementor-element-77732fa{--width:50%;}.elementor-757 .elementor-element.elementor-element-a01b0a3{--width:50%;}.elementor-757 .elementor-element.elementor-element-195a5f3{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-d9b0aa9 */@media screen and (max-width: 768px) {
  .boite-sinbad-custom {
    width: 100%;
    max-width: 290px;
    height: auto;
    margin: 0 auto;
    position: relative;
  }

  .boite-sinbad-custom .boite-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: none;
  }

  .boite-sinbad-custom .boite-ouverte {
    margin-top: 40px; /* ✅ Décale légèrement la boîte ouverte vers le bas */
  }

  .icones-rayon-custom {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    margin: 0px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 1;
  }

  .boite-sinbad-custom.active .icones-rayon-custom {
    opacity: 1;
    pointer-events: auto;
  }

  .icones-rayon-custom .item {
    position: relative;
    transform: scale(1);
    width: 130px;
    text-align: center;
  }

  .icones-rayon-custom .item img {
    width: 50px;
    margin-bottom: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67b2a1a *//* STYLE DESKTOP */
.sinbad-widget {
  position: relative;
  width: 500px;
  height: 500px;
  margin: 60px auto;
  cursor: pointer;
  font-family: 'Nunito', sans-serif;
}

.sinbad-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.sinbad-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: auto;
  max-width: 100%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
  animation: sinbad-shake 1s infinite;
  z-index: 2;
}

.sinbad-opened {
  opacity: 0;
  pointer-events: none;
}

.sinbad-widget.sinbad-active .sinbad-opened {
  opacity: 1;
  pointer-events: all;
}

.sinbad-widget.sinbad-active .sinbad-closed {
  opacity: 0;
  pointer-events: none;
}

.sinbad-icons {
  position: absolute;
  width: 560px;
  height: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.sinbad-widget.sinbad-active .sinbad-icons {
  opacity: 1;
  pointer-events: all;
}

.sinbad-icon {
  position: absolute;
  width: 110px;
  text-align: center;
  transform: scale(0);
  transition: transform 0.4s ease;
  font-size: 13px;
  color: #333;
}

.sinbad-widget.sinbad-active .sinbad-icon {
  transform: scale(1);
}

.sinbad-icon img {
  width: 50px;
  margin-bottom: 6px;
}

/* Position des 6 icônes (en cercle) */
.sinbad-icon:nth-child(1) { top: 5%;   left: 50%; transform: translate(-50%, -50%); }
.sinbad-icon:nth-child(2) { top: 25%;  left: 90%; transform: translate(-50%, -50%); }
.sinbad-icon:nth-child(3) { top: 80%;  left: 85%; transform: translate(-50%, -50%); }
.sinbad-icon:nth-child(4) { top: 80%;  left: 15%; transform: translate(-50%, -50%); }
.sinbad-icon:nth-child(5) { top: 25%;  left: 10%; transform: translate(-50%, -50%); }
.sinbad-icon:nth-child(6) { top: 100%; left: 50%; transform: translate(-50%, -50%); }

@keyframes sinbad-shake {
  0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
  25% { transform: translate(-50%, -50%) rotate(1deg); }
  50% { transform: translate(-50%, -50%) rotate(-1deg); }
  75% { transform: translate(-50%, -50%) rotate(1deg); }
}

/* --- RESPONSIVE MOBILE --- */
@media screen and (max-width: 768px) {
  .sinbad-widget {
    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 40px auto;
  }

  .sinbad-inner {
    position: relative;
    width: 100%;
    height: auto;
  }

  .sinbad-img {
    width: 100%;
    max-width: 300px;
    height: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: none; /* désactive shake sur mobile */
  }

  .sinbad-opened {
    margin-top: 30px; /* décale la boîte ouverte vers le bas */
  }

  .sinbad-icons {
    position: relative;
    width: 100%;
    max-width: 320px;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    margin: 10px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px;
    opacity: 0;
    pointer-events: none;
  }

  .sinbad-widget.sinbad-active .sinbad-icons {
    opacity: 1;
    pointer-events: auto;
  }

  .sinbad-icon {
    position: relative;
    transform: scale(1);
    width: 140px;
    text-align: center;
  }

  .sinbad-icon img {
    width: 50px;
    margin-bottom: 6px;
  }
}/* End custom CSS */