.elementor-2655 .elementor-element.elementor-element-0858fc2 > .elementor-container{min-height:100vh;}.elementor-2655 .elementor-element.elementor-element-0858fc2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2655 .elementor-element.elementor-element-0858fc2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-2655 .elementor-element.elementor-element-dd05770.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2655 .elementor-element.elementor-element-dd05770.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2655 .elementor-element.elementor-element-dd05770.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2655 .elementor-element.elementor-element-dd05770 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2655 .elementor-element.elementor-element-7d02a13 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2655 .elementor-element.elementor-element-5e5e561{width:20%;}.elementor-2655 .elementor-element.elementor-element-3a7ec04{width:20%;}.elementor-2655 .elementor-element.elementor-element-c5af5a2{width:20%;}.elementor-2655 .elementor-element.elementor-element-f49e4bb{width:20%;}}@media(max-width:767px){.elementor-bc-flex-widget .elementor-2655 .elementor-element.elementor-element-dd05770.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2655 .elementor-element.elementor-element-dd05770.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2655 .elementor-element.elementor-element-dd05770 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:45px 45px 45px 45px;}.elementor-2655 .elementor-element.elementor-element-55707a5{margin-top:0px;margin-bottom:0px;}.elementor-2655 .elementor-element.elementor-element-5e5e561{width:20%;}.elementor-2655 .elementor-element.elementor-element-27b945e img{width:100%;max-width:100%;}.elementor-2655 .elementor-element.elementor-element-3a7ec04{width:20%;}.elementor-2655 .elementor-element.elementor-element-c98b324{width:20%;}.elementor-2655 .elementor-element.elementor-element-94fa558{width:20%;}.elementor-2655 .elementor-element.elementor-element-c0f7f8a{width:20%;}.elementor-2655 .elementor-element.elementor-element-2847399{margin-top:0px;margin-bottom:0px;}.elementor-2655 .elementor-element.elementor-element-c5af5a2{width:15%;}.elementor-2655 .elementor-element.elementor-element-f49e4bb{width:15%;}.elementor-2655 .elementor-element.elementor-element-8bc4706{width:15%;}.elementor-2655 .elementor-element.elementor-element-ca710c6{width:15%;}.elementor-2655 .elementor-element.elementor-element-7c5a81d{width:15%;}}/* Start custom CSS for image, class: .elementor-element-7d02a13 *//* --------- Ordinateur fixe (grands écrans > 1600px) --------- */
.logo-custom {
  position: absolute;
  top: 50%;               
  left: 50%;              
  transform: translate(-50%, -60%);
  max-width: 280px;       /* Logo plus grand */
  height: auto;
  z-index: 10;
}

/* --------- Ordinateur portable (entre 1025px et 1600px) --------- */
@media (min-width: 1025px) and (max-width: 1600px) {
  .logo-custom {
    top: 5%;
    left: 50%;
    transform: translate(-50%, -55%);
    max-width: 220px;     /* Logo un peu plus petit */
  }
}

/* --------- Tablette paysage (entre 769px et 1024px) --------- */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  .logo-custom {
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 180px;
  }
}

/* --------- Tablette portrait (entre 600px et 768px) --------- */
@media (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {
  .logo-custom {
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;
  }
}

/* --------- Téléphone (moins de 767px) --------- */
@media (max-width: 767px) {
  .logo-custom {
    top: 10%;            
    left: 50%;            
    transform: translateX(-50%);
    max-width: 170px;     /* Logo réduit */
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-55707a5 */.button-container {
  position: absolute;        /* Centré sur la page */
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;                 /* Espace entre les boutons */
  flex-wrap: nowrap;         /* Empêche de passer en colonne */
}

.button-container .elementor-widget-image img {
  width: 50px;               /* Taille des images */
  height: 70px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.button-container .elementor-widget-image img:hover {
  transform: scale(1.1);
}

/* Forcer l’horizontalité même en mobile */
@media (max-width: 768px) {
  .button-container {
    flex-direction: row !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2847399 */.mobile-buttons {
  position: absolute;
  top: 55%;                   /* centre de l'écran */
  left: 50%;
  transform: translate(-50%, 80%); /* -50% = centrage horizontal, +80% = décalage sous le logo */
  width: 100vw;
  display: flex;
  justify-content: center;
  gap: 15px;                  /* espace entre les colonnes */
  padding: 10px 0;
  z-index: 9999;
}

/* Colonnes */
.mobile-buttons .elementor-column {
  flex: 1;
  text-align: center;
}

/* Images (boutons) */
.mobile-buttons img {
  width: 30px;                /* taille des images */
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.mobile-buttons img:hover {
  transform: scale(1.1);
}

/* Masquer la section sur desktop */
@media (min-width: 769px) {
  .mobile-buttons {
    display: none !important;
  }
}/* End custom CSS */