.u-section-1 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/panneaux/IMG-20250713-WA0055.jpg');
  background-position: 50% 50%;
}

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

.u-section-1 .u-text-1 {
  font-size: 4.5rem;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 91px 0 0;
}

.justified-text {
  text-align: justify;
}

.u-section-1 .u-text-2 {
  width: 826px;
  --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: 1;
  margin: 40px auto 60px;
}

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

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

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

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

  .u-section-1 .u-text-1 {
    font-size: 3rem;
    width: auto;
    margin-top: 39px;
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 39px;
  }
}

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

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

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

  .u-section-1 .u-text-2 {
    font-size: 1.25rem;
    margin-top: 24px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 120px;
}

.u-section-2 .u-text-1 {
  font-weight: 700;
  line-height: 1.3;
  font-size: 3rem;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 38px auto 20px;
}

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

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

@media (max-width: 767px) {
  .u-section-2 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-text-1 {
    font-size: 1.875rem;
  }
} .u-section-3 {
  background-image: none;
  min-height: 875px;
}

.u-section-3 .u-shape-1 {
  height: 415px;
  --bottom-right-radius: 50px;
  --bottom-left-radius: 50px;
  margin: 0;
}

.u-section-3 .u-layout-wrap-1 {
  pointer-events: auto;
  width: 1140px;
  margin: -335px auto 60px;
}

.u-section-3 .u-image-1 {
  min-height: 704px;
  pointer-events: auto;
  background-image: url("images/panneaux/rond-point vip.jpg");
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-position: 50% 50%;
  --top-left-radius: 100px;
  --bottom-right-radius: 100px;
}

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

.u-section-3 .u-layout-cell-2 {
  min-height: 769px;
  pointer-events: auto;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  --top-left-radius: 100px;
  --top-right-radius: 100px;
  --bottom-left-radius: 100px;
}

.u-section-3 .u-container-layout-2 {
  padding: 55px 17px;
}

.u-section-3 .u-text-1 {
  font-size: 1.5rem;
  line-height: 2;
  margin: 0;
}

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

  .u-section-3 .u-shape-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 940px;
  }

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

  .u-section-3 .u-layout-cell-2 {
    --radius: 100px;
    min-height: 634px;
  }
}

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

  .u-section-3 .u-layout-wrap-1 {
    width: 720px;
  }

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

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

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

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

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

  .u-section-3 .u-layout-wrap-1 {
    width: 540px;
  }

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

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

  .u-section-3 .u-text-1 {
    font-size: 1.3333333333333333rem;
  }
}

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

  .u-section-3 .u-shape-1 {
    height: 339px;
    margin-right: initial;
    margin-left: initial;
  }

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

  .u-section-3 .u-image-1 {
    min-height: 420px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 88px;
}

.u-section-4 .u-text-1 {
  font-weight: 700;
  line-height: 1.3;
  font-size: 3rem;
  margin: 13px 67px;
}

@media (max-width: 1199px) {
  .u-section-4 .u-text-1 {
    margin-left: 89px;
    margin-right: 89px;
  }
}

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

  .u-section-4 .u-text-1 {
    font-size: 1.875rem;
    width: auto;
    margin: 18px 52px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-text-1 {
    margin-left: 89px;
    margin-right: 89px;
  }
}

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

  .u-section-4 .u-text-1 {
    margin-right: 0;
    margin-left: 12px;
  }
} .u-section-5 {
  background-image: none;
}

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

.u-section-5 .u-list-1 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-section-5 .u-repeater-1 {
  min-height: 317px;
  grid-template-columns: repeat(3, calc(33.3333% - 21.3333px));
  grid-auto-columns: calc(33.3333% - 21.3333px);
  --gap: 32px;
}

.u-section-5 .u-list-item-1 {
  box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.4);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  transition-duration: 0.5s;
  --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: 1;
  --radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-section-5 .u-container-layout-1 {
  padding: 15px 20px 23px;
}

.u-section-5 .u-icon-1 {
  width: 64px;
  height: 64px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 10px auto 0 120px;
}

.u-section-5 .u-text-1 {
  box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  font-weight: 700;
  font-size: 1.875rem;
  margin: 0;
}

.u-section-5 .u-text-2 {
  font-weight: 400;
  font-style: normal;
  box-shadow: 0px 0px 0px  rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  margin: 27px 0 0;
}

.u-section-5 .u-list-item-2 {
  box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.4);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  transition-duration: 0.5s;
  --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: 1;
  --radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-section-5 .u-container-layout-2 {
  padding: 15px 20px 23px;
}

.u-section-5 .u-icon-2 {
  width: 64px;
  height: 64px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 10px auto 0 120px;
}

.u-section-5 .u-text-3 {
  box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  font-weight: 700;
  font-size: 1.875rem;
  margin: 0;
}

.u-section-5 .u-text-4 {
  font-weight: 400;
  font-style: normal;
  box-shadow: 0px 0px 0px  rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  margin: 27px 0 0;
}

.u-section-5 .u-list-item-3 {
  box-shadow: 0px 0px 20px 0px rgba(128,128,128,0.4);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  transition-duration: 0.5s;
  --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: 1;
  --radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-section-5 .u-container-layout-3 {
  padding: 15px 20px 23px;
}

.u-section-5 .u-icon-3 {
  width: 64px;
  height: 64px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 10px auto 0 120px;
}

.u-section-5 .u-text-5 {
  box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  font-weight: 700;
  font-size: 1.875rem;
  margin: 0;
}

.u-section-5 .u-text-6 {
  font-weight: 400;
  font-style: normal;
  box-shadow: 0px 0px 0px  rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  margin: 27px 0 0;
}

@media (max-width: 1199px) {
  .u-section-5 .u-repeater-1 {
    min-height: 261px;
    grid-template-columns: repeat(3, calc(33.333333333333336% - 21.3333px));
    grid-auto-columns: calc(33.333333333333336% - 21.3333px);
    grid-gap: 32px;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-repeater-1 {
    min-height: 600px;
    grid-template-columns: repeat(2, calc(50% - 15.999975000000001px));
    grid-auto-columns: calc(50% - 15.999975000000001px);
  }
}

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

  .u-section-5 .u-list-1 {
    margin-bottom: 14px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-5 .u-icon-1 {
    margin-top: 0;
    margin-left: auto;
  }

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

  .u-section-5 .u-text-2 {
    width: auto;
    margin-top: 14px;
    margin-right: 44px;
    margin-left: 60px;
  }

  .u-section-5 .u-icon-2 {
    margin-top: 0;
    margin-left: auto;
  }

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

  .u-section-5 .u-text-4 {
    width: auto;
    margin-top: 14px;
    margin-right: 44px;
    margin-left: 60px;
  }

  .u-section-5 .u-icon-3 {
    margin-top: 0;
    margin-left: auto;
  }

  .u-section-5 .u-text-5 {
    margin-top: 10px;
  }

  .u-section-5 .u-text-6 {
    width: auto;
    margin-top: 14px;
    margin-right: 44px;
    margin-left: 60px;
  }
}

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

  .u-section-5 .u-repeater-1 {
    min-height: 810px;
    grid-auto-columns: 100%;
  }

  .u-section-5 .u-text-1 {
    font-size: 1.5rem;
  }

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

  .u-section-5 .u-text-3 {
    font-size: 1.5rem;
  }

  .u-section-5 .u-text-4 {
    margin-top: 17px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-5 .u-text-5 {
    font-size: 1.5rem;
  }

  .u-section-5 .u-text-6 {
    margin-top: 17px;
    margin-left: 0;
    margin-right: 0;
  }
}

.u-section-5 .u-list-item-1,
.u-section-5 .u-list-item-1:before,
.u-section-5 .u-list-item-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-5 .u-list-item-2,
.u-section-5 .u-list-item-2:before,
.u-section-5 .u-list-item-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-5 .u-list-item-3,
.u-section-5 .u-list-item-3:before,
.u-section-5 .u-list-item-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-6 .u-sheet-1 {
  min-height: 668px;
}

.u-section-6 .u-shape-1 {
  width: 982px;
  height: 195px;
  --top-left-radius: 120px;
  --top-right-radius: 120px;
  margin: 20px auto 0;
}

.u-section-6 .u-layout-wrap-1 {
  margin-top: -82px;
  margin-bottom: 20px;
}

.u-section-6 .u-layout-cell-1 {
  min-height: 515px;
  --top-right-radius: 80px;
  --bottom-left-radius: 80px;
  --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;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, rgba(111, 241, 192, 1), rgba(111, 241, 192, 1));
  background-size: cover;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}

.u-section-6 .u-container-layout-1 {
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  padding: 60px 17px 108px;
}

.u-section-6 .u-text-1 {
  font-size: 2.25rem;
  font-weight: 500;
  margin: 55px 1px 0;
}

.u-section-6 .u-text-2 {
  font-weight: 500;
  font-size: 1.125rem;
  margin: 53px 1px 0;
}

.u-section-6 .u-layout-cell-2 {
  min-height: 515px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  --top-right-radius: 50px;
  --bottom-left-radius: 50px;
}

.u-section-6 .u-image-1 {
  background-position: 50% 50%;
  background-image: url("images/panneaux/IMG-20250713-WA0055.jpg");
  background-size: cover;
  transition-duration: 0.5s;
}

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

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

  .u-section-6 .u-shape-1 {
    width: 940px;
    margin-top: 21px;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-bottom: 21px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 425px;
  }

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

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

  .u-section-6 .u-layout-cell-2 {
    min-height: 425px;
    background-position: 50% 50%;
    --top-left-radius: 80px;
    --top-right-radius: 80px;
    --bottom-right-radius: 80px;
  }
}

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

  .u-section-6 .u-shape-1 {
    margin-top: 22px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-top: -138px;
    margin-bottom: 22px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 499px;
  }

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

  .u-section-6 .u-text-1 {
    width: auto;
    margin-top: 5px;
    margin-right: 4px;
  }

  .u-section-6 .u-text-2 {
    width: auto;
    font-size: 1.5rem;
    margin-top: 37px;
    margin-right: 16px;
    margin-left: 12px;
  }

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

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

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

  .u-section-6 .u-shape-1 {
    margin-top: 27px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-bottom: 27px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .u-section-6 .u-text-2 {
    font-size: 1.3333333333333333rem;
  }

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

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

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

  .u-section-6 .u-layout-wrap-1 {
    margin-bottom: 36px;
  }

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

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

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

.u-section-6 .u-layout-cell-1,
.u-section-6 .u-layout-cell-1:before,
.u-section-6 .u-layout-cell-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-6 .u-layout-cell-1.u-layout-cell-1.u-layout-cell-1:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-6 .u-layout-cell-1.u-layout-cell-1.u-layout-cell-1.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}.u-section-7 .u-sheet-1 {
  min-height: 692px;
}

.u-section-7 .u-layout-wrap-1 {
  margin: 60px auto 60px 0;
}

.u-section-7 .u-layout-cell-1 {
  min-height: 572px;
  --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;
  --top-left-radius: 60px;
  --bottom-right-radius: 60px;
}

.u-section-7 .u-image-1 {
  background-position: 50% 50%, 50% 50%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/panneaux/IMG-20250713-WA0009.jpg');
  background-size: cover;
}

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

.u-section-7 .u-layout-cell-2 {
  min-height: 572px;
  --top-right-radius: 60px;
  --bottom-left-radius: 60px;
  --bottom-right-radius: 60px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}

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

.u-section-7 .u-text-1 {
  font-size: 3rem;
  margin: 69px 0 0;
}

.u-section-7 .u-text-2 {
  font-size: 1.125rem;
  margin: 43px 15px 0;
}

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

  .u-section-7 .u-layout-wrap-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 472px;
    background-position: 50% 50%;
  }

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

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

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

  .u-section-7 .u-layout-wrap-1 {
    width: 748px;
    margin-right: auto;
    margin-bottom: 3px;
    margin-left: -28px;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 676px;
  }

  .u-section-7 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .u-section-7 .u-container-layout-2 {
    padding-right: 18px;
  }

  .u-section-7 .u-text-1 {
    width: auto;
    font-size: 1.875rem;
    margin-top: 36px;
  }

  .u-section-7 .u-text-2 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 37px;
    margin-left: 6px;
    margin-right: 6px;
  }
}

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

  .u-section-7 .u-layout-wrap-1 {
    width: 540px;
    margin-left: 0;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 861px;
  }

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

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

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

  .u-section-7 .u-text-2 {
    font-size: 1.1111111111111112rem;
  }
}

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

  .u-section-7 .u-layout-wrap-1 {
    width: 340px;
    margin-top: 35px;
    margin-right: 0;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 542px;
  }

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

.u-section-7 .u-layout-cell-2,
.u-section-7 .u-layout-cell-2:before,
.u-section-7 .u-layout-cell-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-7 .u-layout-cell-2.u-layout-cell-2.u-layout-cell-2:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-7 .u-layout-cell-2.u-layout-cell-2.u-layout-cell-2.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}.u-section-8 .u-sheet-1 {
  min-height: 538px;
}

.u-section-8 .u-text-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 22px 37px 0;
}

.u-section-8 .u-gallery-1 {
  height: 423px;
  grid-gap: 17px;
  margin: 18px 0 22px;
}

.u-section-8 .u-gallery-inner-1 {
  grid-template-columns: repeat(3, auto);
  --gap: 17px;
}

.u-section-8 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  transition-duration: 0.5s;
  padding: 20px;
}

.u-section-8 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  transition-duration: 0.5s;
  padding: 20px;
}

.u-section-8 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  transition-duration: 0.5s;
  padding: 20px;
}

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

  .u-section-8 .u-text-1 {
    font-size: 3rem;
    width: auto;
    margin-top: 10px;
    margin-left: 53px;
    margin-right: 53px;
  }

  .u-section-8 .u-gallery-1 {
    height: 347px;
    margin-top: 10px;
    margin-bottom: 9px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-8 .u-gallery-inner-1 {
    grid-gap: 17px;
  }
}

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

  .u-section-8 .u-text-1 {
    font-size: 1.875rem;
    margin-top: 15px;
    margin-right: auto;
  }

  .u-section-8 .u-gallery-1 {
    height: 825px;
    margin-top: 16px;
    margin-bottom: 15px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-8 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }
}

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

  .u-section-8 .u-text-1 {
    margin-top: 21px;
    margin-right: 12px;
    margin-left: 41px;
  }

  .u-section-8 .u-gallery-1 {
    height: 1896px;
    margin-top: 13px;
    margin-bottom: 21px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-8 .u-gallery-inner-1 {
    grid-template-columns: repeat(1, auto);
  }
}

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

  .u-section-8 .u-text-1 {
    margin-top: 26px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-8 .u-gallery-1 {
    height: 1206px;
    margin-top: 25px;
    margin-bottom: 9px;
    margin-right: initial;
    margin-left: initial;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 95px;
}

.u-section-9 .u-text-1 {
  font-weight: 700;
  line-height: 1.3;
  --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: 1;
  width: 829px;
  font-size: 3rem;
  margin: 9px auto 24px;
}

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

  .u-section-9 .u-text-1 {
    width: 720px;
    font-size: 2.25rem;
    margin-top: 17px;
    margin-bottom: 17px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-text-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-text-1 {
    width: 340px;
    font-size: 1.875rem;
  }
} .u-section-10 {
  background-image: none;
}

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

.u-section-10 .u-layout-wrap-1 {
  margin: 60px auto 60px 0;
}

.u-section-10 .u-layout-cell-1 {
  min-height: 531px;
  --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;
  --radius: 50px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}

.u-section-10 .u-container-layout-1 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  padding: 30px 23px 30px 32px;
}

.u-section-10 .u-text-1 {
  font-weight: 500;
  font-size: 1.5rem;
  margin: 19px 0 0;
}

.u-section-10 .u-image-1 {
  min-height: 431px;
  background-image: url("images/panneaux/IMG-20250713-WA0063.jpg");
  background-position: 50% 50%;
  background-size: cover;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  --top-right-radius: 60px;
  --bottom-left-radius: 60px;
}

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

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

  .u-section-10 .u-layout-wrap-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 438px;
  }

  .u-section-10 .u-image-1 {
    min-height: 355px;
  }
}

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

  .u-section-10 .u-layout-cell-1 {
    min-height: 100px;
  }

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

  .u-section-10 .u-image-1 {
    min-height: 272px;
  }

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

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

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

  .u-section-10 .u-text-1 {
    font-size: 1.3333333333333333rem;
  }

  .u-section-10 .u-image-1 {
    min-height: 408px;
  }

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

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

  .u-section-10 .u-image-1 {
    min-height: 257px;
  }
}

.u-section-10 .u-image-1,
.u-section-10 .u-image-1:before,
.u-section-10 .u-image-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-10 .u-image-1.u-image-1.u-image-1:hover {
  transform: scale(1.05) translateX(0px) translateY(0px) !important;
}

.u-section-10 .u-image-1.u-image-1.u-image-1.hover {
  transform: scale(1.05) translateX(0px) translateY(0px) !important;
}

.u-section-10 .u-layout-cell-1,
.u-section-10 .u-layout-cell-1:before,
.u-section-10 .u-layout-cell-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-10 .u-layout-cell-1.u-layout-cell-1.u-layout-cell-1:hover {
  transform: translateX(0px) translateY(-5px) !important;
}

.u-section-10 .u-layout-cell-1.u-layout-cell-1.u-layout-cell-1.hover {
  transform: translateX(0px) translateY(-5px) !important;
}.u-section-11 .u-sheet-1 {
  min-height: 123px;
}

.u-section-11 .u-text-1 {
  font-weight: 900;
  font-size: 3rem;
  margin: 36px 80px;
}

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

  .u-section-11 .u-text-1 {
    font-size: 1.875rem;
    width: auto;
    font-weight: 400;
    margin: 18px 50px;
  }
}

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

  .u-section-11 .u-text-1 {
    width: 380px;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .u-section-11 .u-text-1 {
    font-size: 1.5rem;
    width: 340px;
    font-weight: 700;
    margin-left: 12px;
    margin-right: 12px;
  }
}.u-section-12 .u-sheet-1 {
  min-height: 694px;
}

.u-section-12 .u-list-1 {
  width: 699px;
  grid-template-rows: repeat(3, auto);
  margin: 50px auto;
}

.u-section-12 .u-repeater-1 {
  grid-auto-columns: 100%;
  grid-template-columns: repeat(1, 100%);
  min-height: 594px;
  --gap: 10px;
}

.u-section-12 .u-list-item-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, rgba(43, 151, 180, 1), rgba(43, 151, 180, 1));
  background-size: cover;
  --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;
}

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

.u-section-12 .u-icon-1 {
  height: 65px;
  width: 65px;
  background-image: none;
  margin: 4px auto 0 0;
  padding: 15px;
}

.u-section-12 .u-text-1 {
  font-weight: 700;
  font-size: 1.875rem;
  margin: -65px auto 0 87px;
}

.u-section-12 .u-text-2 {
  font-size: 1.5rem;
  margin: 14px 2px 0 85px;
}

.u-section-12 .u-list-item-2 {
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

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

.u-section-12 .u-icon-2 {
  height: 65px;
  width: 65px;
  background-image: none;
  margin: 4px auto 0 0;
  padding: 15px;
}

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

.u-section-12 .u-text-4 {
  font-size: 1.5rem;
  margin: 14px 2px 0 85px;
}

.u-section-12 .u-list-item-3 {
  --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: 1;
}

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

.u-section-12 .u-icon-3 {
  height: 65px;
  width: 65px;
  background-image: none;
  margin: 4px auto 0 0;
  padding: 15px;
}

.u-section-12 .u-text-5 {
  font-weight: 700;
  font-size: 1.875rem;
  margin: -65px auto 0 87px;
}

.u-section-12 .u-text-6 {
  font-size: 1.5rem;
  margin: 14px 2px 0 85px;
}

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

  .u-section-12 .u-list-1 {
    height: auto;
  }

  .u-section-12 .u-repeater-1 {
    grid-gap: 10px;
  }
}

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

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

  .u-section-12 .u-list-1 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-12 .u-repeater-1 {
    min-height: 564px;
  }

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

  .u-section-12 .u-icon-1 {
    margin-top: 1px;
  }

  .u-section-12 .u-text-1 {
    margin-left: 80px;
  }

  .u-section-12 .u-text-2 {
    width: auto;
    margin-right: 0;
    margin-left: 80px;
    font-size: 1.3333333333333333rem;
  }

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

  .u-section-12 .u-icon-2 {
    margin-top: 1px;
  }

  .u-section-12 .u-text-3 {
    margin-left: 80px;
  }

  .u-section-12 .u-text-4 {
    width: auto;
    margin-right: 0;
    margin-left: 80px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-12 .u-container-layout-3 {
    padding-top: 9px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-icon-3 {
    margin-top: 1px;
  }

  .u-section-12 .u-text-5 {
    margin-left: 80px;
  }

  .u-section-12 .u-text-6 {
    width: auto;
    margin-right: 0;
    margin-left: 80px;
    font-size: 1.3333333333333333rem;
  }
}

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

  .u-section-12 .u-list-1 {
    margin-top: 7px;
    margin-bottom: 50px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-12 .u-text-1 {
    width: auto;
    margin-right: 0;
    margin-left: 84px;
  }

  .u-section-12 .u-text-2 {
    margin-left: 84px;
  }

  .u-section-12 .u-text-3 {
    width: auto;
    margin-right: 0;
    margin-left: 84px;
  }

  .u-section-12 .u-text-4 {
    margin-left: 84px;
  }

  .u-section-12 .u-text-5 {
    width: auto;
    margin-right: 0;
    margin-left: 84px;
  }

  .u-section-12 .u-text-6 {
    margin-left: 84px;
  }
} .u-section-13 {
  background-image: none;
}

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

.u-section-13 .u-text-1 {
  font-size: 4.5rem;
  font-weight: 700;
  margin: 75px auto 0;
}

.u-section-13 .u-text-2 {
  font-size: 1.875rem;
  font-weight: 300;
  width: 780px;
  margin: 20px auto 0;
}

.u-section-13 .u-btn-1 {
  background-image: none;
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 2px;
  --top-right-radius: 30px;
  --bottom-left-radius: 30px;
  border-style: solid;
  margin: 31px auto 48px;
  padding: 21px 61px 22px;
}

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

  .u-section-13 .u-text-1 {
    width: auto;
    margin-top: 31px;
    margin-left: 0;
    margin-right: 0;
  }

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

  .u-section-13 .u-btn-1 {
    margin-top: 56px;
  }
}

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

  .u-section-13 .u-text-1 {
    font-size: 3rem;
    margin-top: 67px;
    margin-left: 19px;
    margin-right: 19px;
  }

  .u-section-13 .u-text-2 {
    font-size: 1rem;
    margin-top: 32px;
  }

  .u-section-13 .u-btn-1 {
    margin-top: 19px;
    margin-bottom: 46px;
  }
}

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

  .u-section-13 .u-text-1 {
    font-size: 2.5rem;
    margin-top: 23px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-13 .u-btn-1 {
    margin-bottom: 23px;
  }
}




/* LES CSS POUR LES PUB GOMA ET BUKAVU  */






/* Fichier: publicite.css */
/* Styles spécifiques pour les pages de publicité et de détails de panneaux */

/* Styles communs pour les sections d'en-tête et de pied de page */
.header-section {
    background: linear-gradient(135deg, #0c8558, #1a9a6b);
    color: white;
    padding: 80px 0;
    text-align: center;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.header-section h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.header-section p {
    font-size: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
    opacity: 0.9;
}
.footer-section {
    background-color: #212529;
    color: white;
    padding: 40px 0;
    text-align: center;
    margin-top: 60px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.footer-section p {
    margin-bottom: 0;
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Styles pour les cartes de panneaux (utilisés dans les listes Goma/Bukavu) */
.billboard-card {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}
.billboard-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.billboard-card img {
    width: 100%;
    height: 250px; /* Hauteur fixe pour les images */
    object-fit: cover; /* Assure que l'image couvre la zone */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.billboard-body {
    padding: 25px;
}
.billboard-title {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a9a6b; /* Couleur verte pour les titres */
    margin-bottom: 15px;
}
.billboard-details p {
    margin-bottom: 8px;
    font-size: 1rem;
    color: #555;
}
.billboard-details strong {
    color: #333;
    font-weight: 500;
}
.availability-tag {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    margin-top: 15px;
}
.availability-tag.available {
    background-color: #d4edda;
    color: #28a745;
    border: 1px solid #28a745;
}
.availability-tag.unavailable {
    background-color: #f8d7da;
    color: #dc3545;
    border: 1px solid #dc3545;
}
.btn-details {
    background-color: #0c8558;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 25px;
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 100%;
    margin-top: 20px;
}
.btn-details:hover {
    background-color: #1a9a6b;
    transform: translateY(-2px);
    color: white;
}

/* Styles pour la page de détails des panneaux */
.details-card {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid #e0e0e0;
}
.main-image-container {
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative;
}
.main-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.main-image-container img:hover {
    transform: scale(1.05);
}
.image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    margin-top: 20px;
}
.image-gallery img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.image-gallery img:hover, .image-gallery img.active {
    border-color: #0c8558;
    transform: scale(1.05);
}
.details-body {
    padding: 30px;
}
.details-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a9a6b;
    margin-bottom: 20px;
}
.details-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 1.1rem;
    color: #555;
}
.details-item i {
    color: #0c8558;
    margin-right: 15px;
    font-size: 1.4rem;
    width: 30px; /* Fix icon width */
    text-align: center;
}
.description-section {
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding-top: 30px;
}
.description-section h4 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}
.availability-tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.availability-tag.available {
    background-color: #d4edda;
    color: #28a745;
    border: 1px solid #28a745;
}
.availability-tag.unavailable {
    background-color: #f8d7da;
    color: #dc3545;
    border: 1px solid #dc3545;
}
.btn-back {
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 25px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}
.btn-back:hover {
    background-color: #5a6268;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-section h1 {
        font-size: 2.2rem;
    }
    .header-section p {
        font-size: 0.9rem;
    }
    .billboard-title {
        font-size: 1.5rem;
    }
    .main-image-container {
        height: 300px;
    }
    .details-title {
        font-size: 1.8rem;
    }
    .details-item {
        font-size: 1rem;
    }
    .details-item i {
        font-size: 1.2rem;
    }
    .image-gallery {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    }
}




/* POUR LES BOUTONS GOMA ET BUKAVU DANS PUB  */

/* Styles personnalisés pour la section existante */
.u-section-1 {
    position: relative;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/panneaux/IMG-20250713-WA0055.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.u-section-1 .u-sheet-1 {
    min-height: 408px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
}

.u-section-1 .u-text-1 {
    font-size: 4.5rem;
    color: white;
    margin: 91px 0 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.u-section-1 .u-text-2 {
    width: 826px;
    color: white;
    margin: 40px auto 60px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Styles pour les conteneurs de boutons */
.button-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.button-container.left {
    left: 1rem; /* Equivalent de Tailwind 'left-4' (16px) */
}

.button-container.right {
    right: 1rem; /* Equivalent de Tailwind 'right-4' (16px) */
}

/* Styles pour les boutons de navigation */
.nav-button {
    font-weight: 700; /* bold */
    padding: 0.5rem 1rem; /* py-2 px-4 */
    border-radius: 9999px; /* rounded-full */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
    transition: all 0.3s ease-in-out; /* transition-all duration-300 ease-in-out */
    transform: scale(1); /* transform */
    outline: none; /* focus:outline-none */
    border: none; /* Pas de bordure par défaut */
    cursor: pointer;
}

.nav-button:hover {
    transform: scale(1.05); /* hover:scale-105 */
}

.nav-button:focus {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.5); /* focus:ring-2 focus:ring-green-500 focus:ring-opacity-50 */
}

/* Styles spécifiques pour les boutons verts */
.green-button {
    background-color: #10B981; /* bg-green-600 */
    color: #064E3B; /* text-green-900 */
}

.green-button:hover {
    background-color: #FFFFFF; /* hover:bg-white */
    color: #064E3B; /* hover:text-green-900 */
}


/* Media queries pour la responsivité des textes */
@media (max-width: 1199px) {
    .u-section-1 .u-sheet-1 {
        min-height: 300px;
    }
    .u-section-1 .u-text-1 {
        font-size: 3.5rem;
    }
    .u-section-1 .u-text-2 {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .u-section-1 .u-text-1 {
        font-size: 2.5rem;
    }
    .u-section-1 .u-text-2 {
        font-size: 1.1rem;
    }
    .nav-button {
        padding: 0.5rem 0.75rem; /* Ajustement du padding pour les petits écrans */
        font-size: 0.875rem;
    }
}

@media (max-width: 575px) {
    .u-section-1 .u-text-1 {
        font-size: 2rem;
    }
    .u-section-1 .u-text-2 {
        font-size: 1rem;
    }
}