.elementor-75 .elementor-element.elementor-element-b44a06c{--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-75 .elementor-element.elementor-element-b44a06c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-d00dc71{--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-75 .elementor-element.elementor-element-d00dc71.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-4a826bd .elementor-heading-title{color:#ED9038;}.elementor-75 .elementor-element.elementor-element-97cf325{width:var( --container-widget-width, 102.851% );max-width:102.851%;--container-widget-width:102.851%;--container-widget-flex-grow:0;}.elementor-75 .elementor-element.elementor-element-97cf325.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-97cf325 .pp-device-container{text-align:center;}.elementor-75 .elementor-element.elementor-element-97cf325 .pp-device-container .pp-device-wrap{width:984px;}.elementor-75 .elementor-element.elementor-element-97cf325 .pp-device-body svg .side-shape, .elementor-75 .elementor-element.elementor-element-97cf325 .pp-device-body svg .back-shape{fill:#000000;}.elementor-75 .elementor-element.elementor-element-97cf325 .pp-device-body svg .overlay-shape{fill:#fff;}.elementor-75 .elementor-element.elementor-element-97cf325 .pp-video-overlay{background-color:rgba(0,0,0,0.4);}.elementor-75 .elementor-element.elementor-element-97cf325 .pp-video-button{padding:1em 1em 1em 1em;}.elementor-75 .elementor-element.elementor-element-6ffa443{--display:flex;}.elementor-75 .elementor-element.elementor-element-830cd65{--spacer-size:10px;}.elementor-75 .elementor-element.elementor-element-81d68b8{--display:grid;--min-height:246px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-75 .elementor-element.elementor-element-81d68b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-430a65e{grid-row:span 1;}.elementor-75 .elementor-element.elementor-element-be6cb0f{--display:flex;}.elementor-75 .elementor-element.elementor-element-be6cb0f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-42c9735{--spacer-size:20px;}.elementor-75 .elementor-element.elementor-element-45dd60b{text-align:center;color:#000000;}.elementor-75 .elementor-element.elementor-element-45dd60b p{margin-block-end:0px;}.elementor-75 .elementor-element.elementor-element-3adbcdb{--display:flex;}.elementor-75 .elementor-element.elementor-element-5a6435d{--spacer-size:10px;}.elementor-75 .elementor-element.elementor-element-0326a4c{--display:flex;}.elementor-75 .elementor-element.elementor-element-7162827.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-e6316a0{--display:flex;}.elementor-75 .elementor-element.elementor-element-518a0f9{--spacer-size:50px;}.elementor-75 .elementor-element.elementor-element-cf00dd5{--display:flex;}.elementor-75 .elementor-element.elementor-element-29775f1.elementor-element{--align-self:center;--order:99999 /* order end hack */;}body.elementor-page-75:not(.elementor-motion-effects-element-type-background), body.elementor-page-75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-75 .elementor-element.elementor-element-81d68b8{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-75 .elementor-element.elementor-element-b44a06c{--width:93.158%;}.elementor-75 .elementor-element.elementor-element-d00dc71{--width:96.203%;}.elementor-75 .elementor-element.elementor-element-81d68b8{--content-width:992px;}.elementor-75 .elementor-element.elementor-element-be6cb0f{--width:77.63%;}}@media(max-width:767px){.elementor-75 .elementor-element.elementor-element-81d68b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-430a65e *//* --- Conteneur de la carte --- */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 250px; /* hauteur fixe pour éviter que la carte tombe */
  perspective: 1000px;
  position: relative; /* important pour que les faces restent à l'intérieur */
  overflow: visible;
}

/* --- Conteneur interne pour le flip --- */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

/* --- Flip au survol --- */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* --- Faces avant et arrière --- */
.flip-card-front, .flip-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
}

/* --- Face avant avec image en transparence --- */
.flip-card-front {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* Voile de transparence sur la face avant */
.flip-card-front::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.3); /* ajustable pour voir l'image */
  border-radius: 15px;
  z-index: 1;
}

/* Texte avant au-dessus du voile */
.flip-card-front * {
  position: relative;
  z-index: 2;
}

/* --- Styles avant --- */
.front-title {
  color: #ffffff; /* titre blanc */
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.front-text {
  color: #000;
  font-size: 15px;
}

/* --- Face arrière --- */
.flip-card-back {
  background: #165359 !important; /* vert foncé */
  transform: rotateY(180deg);
  border-radius: 15px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
}

/* --- Styles arrière --- */
.back-title,
.back-text {
  color: #fff;
}

.back-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ff8c13 *//* --- Face arrière --- */
.flip-card-back {
  background: #165359 !important;
  transform: rotateY(180deg);
  border-radius: 15px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-001eaa3 */.flip-card {
  width: 100%;
  height: 250px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, 
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 18px;
  padding: 20px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;

  /* Image en fond */
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;

  /* Voile de transparence */
  background-color: rgba(0, 0, 0, 0.4);
}

.flip-card-back {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24086f1 *//* --- Structure du flip --- */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 250px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* --- Faces avant et arrière --- */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
}

/* --- Face avant avec image en transparence --- */
.flip-card-front {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* Voile de transparence sur la face avant */
.flip-card-front::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.3); /* opacité réduite pour mieux voir l'image */
  border-radius: 15px;
}

/* Texte avant (au-dessus du voile) */
.flip-card-front * {
  position: relative;
  z-index: 2;
}

/* --- Couleurs et styles avant --- */
.front-title {
  color: #ffffff; /* titre avant en blanc */
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.front-text {
  color: #000; /* texte avant noir */
  font-size: 15px;
}

/* --- Face arrière --- */
.flip-card-back {
  background: #165359 !important; /* vert foncé */
  transform: rotateY(180deg);
  border-radius: 15px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
}

/* --- Couleurs arrière --- */
.back-title,
.back-text {
  color: #fff;
}

.back-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7162827 */.btn-me-contacter {
  display: inline-block;
  padding: 12px 30px;
  background-color: #ED9038; /* fond orange */
  color: #ffffff; /* texte blanc */
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-me-contacter:hover {
  background-color: #165359; /* fond vert foncé au survol */
  color: #ffffff; /* texte blanc */
  transform: translateY(-2px); /* effet léger */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29775f1 *//* Conteneur des icônes */
.contact-icons {
  display: flex;
  gap: 20px; /* espace entre les icônes */
  justify-content: center; /* centre horizontalement */
  align-items: center;
  margin-top: 20px;
}

/* Style des icônes */
.contact-icon i {
  font-size: 30px; /* taille des icônes */
  color: #ED9038; /* couleur par défaut */
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Au survol */
.contact-icon:hover i {
  color: #165359; /* couleur au survol */
  transform: scale(1.2); /* petit effet zoom */
}/* End custom CSS */