.u-section-1 {
  background-image: url("../images/fond_d_ecran_blanc2.png");
  background-position: 52.87% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-section-1 .u-sheet-1 {
  min-height: 793px;
}

.u-section-1 .u-group-1 {
  width: 663px;
  --radius: 40px;
  height: auto;
  min-height: 522px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(0, 123, 255, 0.3), rgba(0, 123, 255, 0.3));
  background-size: cover;
  margin: 89px auto 60px;
}

.u-section-1 .u-container-layout-1 {
  padding: 25px 0 30px;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
  margin: 15px 8px 0;
}

.u-section-1 .u-btn-1 {
  --radius: 20px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  letter-spacing: 1px;
  transition-duration: 1s;
  filter: none;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  box-shadow: 3px 4px 10px 0 rgba(0,0,0,0.4);
  margin: 47px 79px 0 auto;
}

.u-section-1 .u-btn-2 {
  --radius: 20px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  letter-spacing: 1px;
  transition-duration: 1s;
  filter: none;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  box-shadow: 3px 4px 10px 0 rgba(0,0,0,0.4);
  margin: -62px auto 0 79px;
  padding: 10px 37px 10px 36px;
}

.u-section-1 .u-text-2 {
  text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
  margin: 68px 15px 0;
}

.u-section-1 .u-btn-3 {
  --radius: 20px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  letter-spacing: 1px;
  transition-duration: 1s;
  filter: none;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  box-shadow: 3px 4px 10px 0 rgba(0,0,0,0.4);
  margin: 35px auto 0 79px;
  padding: 10px 37px 10px 36px;
}

.u-section-1 .u-btn-4 {
  --radius: 20px;
  font-weight: 700;
  text-transform: none;
  font-size: 1.875rem;
  letter-spacing: 1px;
  transition-duration: 1s;
  filter: none;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  box-shadow: 3px 4px 10px 0 rgba(0,0,0,0.4);
  margin: -62px 79px 0 auto;
}

@media (max-width: 1399px) {
   .u-section-1 {
    background-position: 50% 50%;
    background-size: contain;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 685px;
  }

  .u-section-1 .u-group-1 {
    --radius: 10px;
    --color-var: #007bff66;
    height: auto;
  }

  .u-section-1 .u-btn-1 {
    padding: 8px 30px 8px 29px;
  }

  .u-section-1 .u-btn-2 {
    padding: 8px 30px 8px 29px;
  }

  .u-section-1 .u-btn-3 {
    padding: 8px 30px 8px 29px;
  }

  .u-section-1 .u-btn-4 {
    padding: 8px 30px 8px 29px;
  }
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 565px;
  }

  .u-section-1 .u-btn-1 {
    align-self: center;
  }

  .u-section-1 .u-btn-2 {
    align-self: center;
  }

  .u-section-1 .u-btn-3 {
    align-self: center;
  }

  .u-section-1 .u-btn-4 {
    align-self: center;
  }
}

@media (max-width: 991px) {
   .u-section-1 {
    background-position: 52.87% 50%;
    background-size: cover;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 793px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 595px;
  }

  .u-section-1 .u-group-1 {
    width: 540px;
  }

  .u-section-1 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-btn-1 {
    margin-right: 0;
  }

  .u-section-1 .u-btn-2 {
    margin-left: 0;
  }

  .u-section-1 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-btn-3 {
    margin-left: 0;
  }

  .u-section-1 .u-btn-4 {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
   .u-section-1 {
    background-position: 72.59% 50%;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 760px;
  }

  .u-section-1 .u-group-1 {
    min-height: 611px;
    margin-top: 60px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 35px;
    margin-right: auto;
  }

  .u-section-1 .u-btn-2 {
    margin-top: 31px;
    margin-left: auto;
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin-top: 69px;
  }

  .u-section-1 .u-btn-3 {
    margin-top: 40px;
    margin-left: auto;
  }

  .u-section-1 .u-btn-4 {
    margin-top: 15px;
    margin-right: auto;
  }
}

.u-section-1 .u-btn-4,
.u-section-1 .u-btn-4:before,
.u-section-1 .u-btn-4 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-btn-4.u-btn-4.u-btn-4:hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-4 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-4.u-btn-4.u-btn-4.hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-4 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-1,
.u-section-1 .u-btn-1:before,
.u-section-1 .u-btn-1 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-btn-1.u-btn-1.u-btn-1:hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-1 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-1.u-btn-1.u-btn-1.hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-1 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-2,
.u-section-1 .u-btn-2:before,
.u-section-1 .u-btn-2 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-btn-2.u-btn-2.u-btn-2:hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-2 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-2.u-btn-2.u-btn-2.hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-2 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-3,
.u-section-1 .u-btn-3:before,
.u-section-1 .u-btn-3 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-btn-3.u-btn-3.u-btn-3:hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-3 {
  border-color: transparent !important;
}

.u-section-1 .u-btn-3.u-btn-3.u-btn-3.hover {
  border-radius: 20px !important;
  transform: scale(1) translateY(px) !important;
}

.u-section-1 .u-btn-3 {
  border-color: transparent !important;
}/* HEADER GÉNÉRAL */
header {
  position: fixed; /* Reste visible en haut */
  top: 0;
  left: 0;
  width: 100%;
  height: 80px; /* Ajuste selon ton design */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
  z-index: 1000;
  /* Effet flou + transparence */
  background: rgba(20, 20, 20, 0.4); /* Couleur sombre légèrement transparente */
  backdrop-filter: blur(10px); /* Flou principal */
  -webkit-backdrop-filter: blur(10px); /* Support Safari */
  /* Bordure subtile pour le contraste */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* LOGO */
header .logo {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
/* NAVIGATION */
header nav a {
  color: #fff;
  text-decoration: none;
  margin: 0 15px;
  font-weight: 500;
  transition: color 0.3s ease;
}
header nav a:hover {
  color: #00bfff; /* Accent bleu clair */
}