/* ===== CONSTRUCTION ===== */

.construction {
  background-color: #f9f6f1;
  padding: 5rem 0;
  text-align: center;
  /* Optionnel : pour centrer verticalement sur toute la hauteur de l'écran */
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.construction-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px; /* Sécurité pour les petits écrans */
}

/* On remplace .construction-gears par .img-construction */
.img-construction {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}

.img-construction img {
  max-width: 100%;    /* L'image ne dépassera jamais la largeur du texte */
  height: auto;       /* Garde les proportions de l'image */
  display: block;
  border-radius: 8px; /* Optionnel : pour arrondir un peu les coins si besoin */
}

.construction h2 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  color: #3d3d3d;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.construction h2 em {
  font-style: normal;
  color: #e67e22; /* Une petite touche de couleur sur "construction" ? */
}
.construction p {
  font-size: 1rem;
  color: #6b6b80;
  line-height: 1.75;
  margin-bottom: 2rem;
}

/* Barre de progression */
.progress-bar {
  margin: 2rem 0;
  text-align: left;
}

.progress-header {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #6b6b80;
  margin-bottom: 0.5rem;
}

.progress-track {
  width: 100%;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 999px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #ff5722, #f4a23a);
  border-radius: 999px;
  transition: width 1.8s ease;
}

.progress-fill.is-animated {
  width: 60%;
}

/* Formulaire notification */
.notify-form {
  margin-top: 2rem;
}

.notify-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #3d3d3d;
  margin-bottom: 1rem;
}

.notify-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  max-width: 560px;
  margin: 0 auto;
}

.notify-row label {
  font-size: 0.95rem;
  color: #3d3d3d;
  white-space: nowrap;
  margin-right: 1rem;
}

.notify-row input {
  flex: 1;
  padding: 0.8rem 1rem;
  border: 1.5px solid #e0e0e0;
  border-right: none;
  border-radius: 8px 0 0 8px;
  font-size: 0.95rem;
  font-family: Arial, sans-serif;
  outline: none;
}

.notify-row input:focus {
  border-color: #ff5722;
}

.notify-row .btn {
  border-radius: 0 8px 8px 0;
  white-space: nowrap;
}

.notify-success {
  margin-top: 1rem;
  font-size: 0.9rem;
  color: #2a9d5c;
  font-weight: 600;
}
/* Animations engrenages */
@keyframes spin-left {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes spin-right {
  from { transform: rotate(0deg); }
  to   { transform: rotate(-360deg); }
}

.construction-gears {
  font-size: 4rem;
  margin-bottom: 2rem;
  display: inline-flex;
  gap: 0;
}

.construction-gears span:first-child {
  display: inline-block;
  animation: spin-left 8s linear infinite;

  }

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .u-section-1 {
  background-image: url("images/stelle4.png");
  background-position: 50% 50%;
  background-size: 115%;
}

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

.u-section-1 .u-text-1 {
  font-size: 6rem;
  font-weight: 700;
  margin: 222px 22px 0;
}

.u-section-1 .u-text-2 {
  font-size: 2.25rem;
  font-weight: normal;
  margin: -168px 70px 60px 0;
}

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

  .u-section-1 .u-text-1 {
    font-size: 4.5rem;
    width: auto;
    margin-right: 0;
  }

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

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

  .u-section-1 .u-text-1 {
    margin-top: 131px;
    margin-left: 0;
  }

  .u-section-1 .u-text-2 {
    margin-top: -25px;
  }
}

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

  .u-section-1 .u-text-1 {
    font-size: 3rem;
    margin-top: 106px;
    margin-left: 12px;
    margin-right: 12px;
  }

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

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

  .u-section-1 .u-text-1 {
    margin-top: 84px;
  }

  .u-section-1 .u-text-2 {
    margin-top: 24px;
  }
} .u-section-2 {
  background-image: none;
}

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

.u-section-2 .u-layout-wrap-1 {
  width: 1088px;
  margin: 77px auto 0;
}

.u-section-2 .u-image-1 {
  background-image: url("images/Writing-Excellent-Conference-and-Meeting-Abstracts.jpg");
  background-position: 50% 50%;
  min-height: 498px;
}

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

.u-section-2 .u-layout-cell-2 {
  background-image: none;
  min-height: 498px;
}

.u-section-2 .u-container-layout-2 {
  padding: 30px;
}

.u-section-2 .u-text-1 {
  font-weight: 700;
  font-size: 3rem;
  margin: 0 auto 0 0;
}

.u-section-2 .u-text-2 {
  line-height: 2;
  font-weight: normal;
  margin: 12px 0 0;
}

.u-section-2 .u-layout-cell-3 {
  background-image: none;
  min-height: 810px;
}

.u-section-2 .u-container-layout-3 {
  padding: 30px 18px;
}

.u-section-2 .u-text-3 {
  font-size: 1.25rem;
  font-weight: normal;
  margin: 0;
}

.u-section-2 .u-line-1 {
  transform-origin: left center 0px;
  --animation-custom_in-translate_x: -200px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  height: 6px;
  margin-top: 0px;
  margin-bottom: 0;
}

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

  .u-section-2 .u-layout-wrap-1 {
    width: 915px;
  }

  .u-section-2 .u-image-1 {
    background-position: 28.64% 50%;
    min-height: 632px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 632px;
  }

  .u-section-2 .u-layout-cell-3 {
    min-height: 911px;
  }

  .u-section-2 .u-line-1 {
    width: 915px;
    height: auto;
    margin: -32px auto 26px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1964px;
  }

  .u-section-2 .u-layout-wrap-1 {
    width: 694px;
    margin-top: 44px;
  }

  .u-section-2 .u-image-1 {
    background-position: 22.63% 50%;
    min-height: 760px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 760px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 29px;
    padding-right: 29px;
  }

  .u-section-2 .u-text-1 {
    font-size: 2.25rem;
    width: auto;
    margin-top: 11px;
  }

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

  .u-section-2 .u-layout-cell-3 {
    min-height: 1098px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-top: 32px;
    margin-left: 11px;
    margin-right: 11px;
  }

  .u-section-2 .u-line-1 {
    width: 820px;
    margin: 44px -50px 0;
  }
}

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

  .u-section-2 .u-layout-wrap-1 {
    width: 516px;
  }

  .u-section-2 .u-image-1 {
    background-position: 0% 50%;
    min-height: 373px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 468px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-layout-cell-3 {
    min-height: 981px;
  }

  .u-section-2 .u-text-3 {
    font-size: 1rem;
    margin-left: 18px;
  }

  .u-section-2 .u-line-1 {
    transform-origin: right center 0px;
    width: 640px;
    height: 6px;
    margin-top: 12px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 2457px;
  }

  .u-section-2 .u-layout-wrap-1 {
    width: 318px;
  }

  .u-section-2 .u-image-1 {
    min-height: 246px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-right: 0;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 590px;
  }

  .u-section-2 .u-text-1 {
    font-size: 1.875rem;
  }

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

  .u-section-2 .u-layout-cell-3 {
    min-height: 1374px;
  }

  .u-section-2 .u-text-3 {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
  }

  .u-section-2 .u-line-1 {
    margin-top: 50px;
    margin-bottom: 4px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
    height: auto;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 712px;
}

.u-section-3 .u-line-1 {
  transform-origin: right center 0px;
  --animation-custom_in-translate_x: -200px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  width: 1140px;
  margin: 6px auto 0;
}

.u-section-3 .u-layout-wrap-1 {
  width: 1110px;
  margin: 40px auto 60px;
}

.u-section-3 .u-image-1 {
  background-image: url("images/1111.jpg");
  background-position: 24.98% 50%;
  --animation-custom_in-translate_x: -200px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  min-height: 582px;
}

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

.u-section-3 .u-layout-cell-2 {
  min-height: 582px;
}

.u-section-3 .u-container-layout-2 {
  padding: 27px 30px;
}

.u-section-3 .u-text-1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 0;
}

.u-section-3 .u-text-2 {
  margin: 20px 32px 0 0;
}

.u-section-3 .u-text-3 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 74px auto 0 0;
}

.u-section-3 .u-text-4 {
  margin: 20px 32px 0 1px;
}

.u-section-3 .u-layout-cell-3 {
  min-height: 63px;
}

.u-section-3 .u-container-layout-3 {
  padding: 30px;
}

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

  .u-section-3 .u-line-1 {
    width: 894px;
    margin-top: 20px;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 915px;
    margin-top: 78px;
  }

  .u-section-3 .u-image-1 {
    background-position: 50% 50%;
    min-height: 666px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 666px;
  }

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

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

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 841px;
  }

  .u-section-3 .u-line-1 {
    transform-origin: left center 0px;
    width: 820px;
    margin-left: -50px;
    margin-right: -50px;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 696px;
    margin-top: -1px;
    margin-bottom: 50px;
  }

  .u-section-3 .u-image-1 {
    background-position: 46.01% 50%;
    min-height: 778px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 778px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-3 .u-text-1 {
    width: auto;
    margin-right: auto;
    margin-left: 20px;
  }

  .u-section-3 .u-text-2 {
    width: auto;
    margin-right: 10px;
    margin-left: 20px;
  }

  .u-section-3 .u-text-3 {
    width: auto;
    margin-left: 20px;
  }

  .u-section-3 .u-text-4 {
    width: auto;
    margin-left: 20px;
  }
}

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

  .u-section-3 .u-line-1 {
    transform-origin: right center 0px;
    width: 640px;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 516px;
    margin-bottom: 60px;
  }

  .u-section-3 .u-image-1 {
    min-height: 358px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 471px;
  }

  .u-section-3 .u-text-3 {
    margin-top: 49px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 883px;
  }

  .u-section-3 .u-line-1 {
    width: 340px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 318px;
    margin-top: 1px;
    margin-bottom: 0;
  }

  .u-section-3 .u-image-1 {
    min-height: 191px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 531px;
  }

  .u-section-3 .u-text-1 {
    margin-left: 10px;
  }

  .u-section-3 .u-text-2 {
    margin-left: 10px;
  }

  .u-section-3 .u-text-3 {
    margin-top: 33px;
    margin-left: 10px;
  }

  .u-section-3 .u-text-4 {
    margin-left: 10px;
    margin-right: 10px;
  }
} .u-section-4 {
  background-image: none;
}

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

.u-section-4 .u-shape-1 {
  height: 543px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  width: 1106px;
  margin: 88px auto 0;
}

.u-section-4 .u-image-1 {
  width: 917px;
  height: 534px;
  --animation-custom_in-translate_x: -400px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -621px 37px 0 auto;
}

.u-section-4 .u-group-1 {
  min-height: 492px;
  width: 795px;
  height: auto;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.26;
  margin: -286px auto 17px 46px;
}

.u-section-4 .u-container-layout-1 {
  padding: 30px 60px;
}

.u-section-4 .u-text-1 {
  font-weight: 700;
  font-size: 3rem;
  margin: 0;
}

.u-section-4 .u-text-2 {
  font-size: 1.875rem;
  margin: 73px 0 0;
}

.u-section-4 .u-text-3 {
  font-size: 1.5rem;
  margin: -33px 0 0;
}

@media (max-width: 1199px) {
  .u-section-4 .u-shape-1 {
    width: 904px;
    margin-top: 87px;
  }

  .u-section-4 .u-image-1 {
    width: 783px;
    margin-right: 46px;
  }

  .u-section-4 .u-group-1 {
    margin-bottom: 18px;
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 705px;
  }

  .u-section-4 .u-shape-1 {
    height: 478px;
    width: 689px;
    margin-top: 40px;
  }

  .u-section-4 .u-image-1 {
    width: 579px;
    height: 517px;
    margin-top: -497px;
    margin-right: 40px;
  }

  .u-section-4 .u-group-1 {
    width: 646px;
    min-height: 440px;
    margin-top: -293px;
    margin-bottom: 21px;
    margin-left: 15px;
  }

  .u-section-4 .u-container-layout-1 {
    padding: 18px 30px 29px;
  }

  .u-section-4 .u-text-3 {
    width: auto;
  }
}

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

  .u-section-4 .u-shape-1 {
    height: 374px;
    width: 507px;
    margin-right: 11px;
  }

  .u-section-4 .u-image-1 {
    width: 471px;
    height: 374px;
    margin-top: -449px;
    margin-right: 22px;
  }

  .u-section-4 .u-group-1 {
    width: 440px;
    min-height: 306px;
    margin-top: -196px;
    margin-bottom: 39px;
    margin-left: 31px;
  }

  .u-section-4 .u-container-layout-1 {
    padding: 24px 9px;
  }

  .u-section-4 .u-text-1 {
    font-size: 2.25rem;
    width: auto;
    margin-left: 11px;
    margin-right: 11px;
  }

  .u-section-4 .u-text-2 {
    margin-top: 36px;
    margin-left: 11px;
    margin-right: 11px;
  }

  .u-section-4 .u-text-3 {
    font-size: 1rem;
    margin-top: -27px;
    margin-left: 11px;
    margin-right: 11px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 480px;
  }

  .u-section-4 .u-shape-1 {
    height: 353px;
    width: 340px;
    margin-top: 87px;
    margin-right: 0;
  }

  .u-section-4 .u-image-1 {
    width: 330px;
    height: 295px;
    margin-top: -478px;
    margin-right: -46px;
  }

  .u-section-4 .u-group-1 {
    width: 358px;
    min-height: 348px;
    margin-top: -148px;
    margin-bottom: 22px;
    margin-left: -36px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-4 .u-text-1 {
    font-size: 1.875rem;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-4 .u-text-2 {
    width: auto;
    margin-top: 35px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-4 .u-text-3 {
    margin-top: -26px;
    margin-left: 0;
    margin-right: 0;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 11px;
}