#second_section{
  padding-bottom: 0;
}

@media (max-width: 600px) { 
  .grid_testi, .resp{
    display: none;
  }
}
@media (max-width: 500px) { 
  .marg{
    margin-top: 5%!important;
  }
  .resp{
    display: none;
  }
  .is_marg_mob{
    margin-top: 15%!important;
  }
}

ul{
  padding: 0;
  text-decoration: none;
  list-style: none;
}
#div_in{
  padding: 3% 1% 3% 1%!important;
  z-index: 2;
}
#container_grd{
  margin-top: 7%;
}
.grid_icone{
  display: grid;
  grid-template-columns: repeat(4, 1fr);  gap: 30px 2%;
  width: 100%;
  margin: 0 auto;
  align-items: start;
  height: auto;
  align-content: start;

  padding-bottom: 5%;
}
.container_ic{
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 6px;
}
.container_btn_center{
  width: 40%;
  margin: 0 auto;

}
.section_sejour{
  width: 98%;
  margin-top: 1%;
}
.icone{
  width: clamp(20px, 2.5vw, 60px);
  aspect-ratio: 1 / 1;
}

#info_resp{
  display: none;
  padding: 2%;
}
#scrollContainer{
  width: 100%;
  margin-left: 0;
  padding: 0;
  height: clmap(350px, 45vh, 500px);
  padding-bottom: 50px;
}
.item_pict{
  height: 100%;
}
.item_scroll{
  padding-bottom: 5%;
}
.plus_sec{
  justify-content: start;
}
@media (max-width: 1024px) { 
  #info_resp{
    display: block;
  }
  #scrollContainer{
    width: 90%;
    margin-left: 5%;
  }
}

@media (max-width: 800px) { 
  #partir{
    width: 80%;
  }

}

@media (max-width: 650px) { 
  #partir{
    width: 85%;
  }
}
@media (max-width: 500px) { 
  #partir{
    width: 100%;
    text-align: center;
    padding-bottom: 12%;
  }
  .plus_sec{
    text-align: center;
  }
  .container_btn_center{
    width: 100%;
  }
}


@media (max-width: 600px) { 
  .item_pict{
    height: 260px;
  }
}

@media (max-width: 400px) { 
  .grid_icone{
    grid-template-columns: repeat(3, 1fr);
  }
}




#container_travel{
  overflow: hidden;
}
.section_travel{
  display: flex;
  width: 400vw; /* 4 sections */
  transition: transform 0.6s ease;
  align-items: flex-start!important;

}
.sec {
  width: 100vw;
  flex-shrink: 0;
  height: fit-content
}
#div_reserver{
  position: fixed;
  bottom: 2%;
  right: 2%;
  width: 50%;
  text-align: right;
  overflow: hidden;
  z-index: 3;
}
#btn_resa{
  transition: transform 1s ease;
  transform: translatey(100%);
}
.reservation{
  transform: translatey(0)!important;
}


@media (max-width: 500px) { 
  #div_reserver{
    width: 100%;
  }
}














/* */
#circle_traval{
  height: auto;
  padding-top: clamp(30px, 10vh, 60px);
}
.circle_travel{
  width: 95%;
  margin-left: 2.5%;
  display: grid;
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;
  justify-content: center;
  align-items: start;
  row-gap: 30px;
}
.container_circle_day{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap:20px;
}
.circle_day{
  width: clamp(30px, 2.6vw, 50px);
  height: clamp(30px, 2.6vw, 50px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: 2px solid #39653a88;
}
@media (max-width: 500px) { 
  .circle_travel{
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}














/* */
#btn_container{
  display: flex;
  gap:1%;
  align-items: center;
  justify-content: start;
}
.no_left{
  margin-left: 0!important;
}

.first_sec{
  padding: 4% 2% 8% 2%;
}
#info_top{
  width: 85%;
  margin-left: 7.5%;
}
.open_text{
  height: auto!important;
  opacity: 1!important;
}
.titre_savoir_plus{
  text-align: center;
  width: 100%;
}
#container_all_text{
  width: 100%;
  max-height:200px;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, transparent);
  mask-image: linear-gradient(to bottom, rgb(255, 251, 251) 0%, transparent);
  
  transition: max-height 1s ease,
  mask-image 0.4s ease;
}
#container_all_text.open {
  -webkit-mask-image: none;
  mask-image: none;
}
.no_ul_dis{
  margin-top: 0;
  list-style: none;
  padding: 0;
  width: 60%;
  margin: 0 auto;
}
.are_left{
  text-align: center;
  padding: 2%;
}


@media (max-width: 1024px) { 
  #info_top{
    width: 90%;
    margin-left: 5%;
  }
}

@media (max-width: 800px) { 
  #info_top, .no_ul_dis{
    width: 90%;
    margin-left: 5%;
  }
}


@media (max-width: 500px) { 
  #btn_container{
    justify-content: center;
  }
  #info_top, .no_ul_dis{
    width: 100%;
    margin-left: 0;
  }
  .first_sec{
    margin-top: 10%;
  }
}

















#container_for_voyage{
  width: 100%;
  display: flex;
  overflow: hidden;
  height: clamp(400px, 50vh, 600px);
}
#filter_info{
  display: flex;
  gap:1.5%;
  align-items: center;
  justify-content: center;
  margin-top: 5%;
}
.is_filter{
  cursor: pointer;
}

@media (max-width: 500px) { 
  #filter_info{
    display: grid;
    grid-template-columns: repeat(3, 1fr);  
    gap: 30px 2%;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    height: auto;
    gap: 20px;
    display: none;
  }
}












/* */
.section_info{
  height: auto;
  display: flex;
  width: 95%;
  margin: 0 auto;
  padding: 4% 2% 8% 2%;
}
.section_step{
  position: relative;
  margin-top: 5%;
}
.info_left .info_1{
  width: 54%;
}
.info_left .info_2{
  width: 43%;
  position: relative;
  padding: 2% 0% 2% 2%;
}
.info_right .info_1{
  width: 54%;
  padding: 2% 0% 2% 2%;
}
.info_right .info_2{
  width: 44%;
  position: relative;
  padding: 2% 0% 2% 2%;
}
.end_section{
  width: 100%;
  height: 10vh;
  min-height: 100px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
}


@media (max-width: 850px) { 
  .info_left .info_1{
    width: 100%;
  }
  .info_left .info_2{
    width: 100%;
    height: 320px;
    padding: 0;
  }
  .info_right .info_2{
    width: 100%;
    height: 320px;
    padding: 0;
  }
  .info_right .info_1{
    width: 100%;
  }
  .info_left{
    flex-direction: column-reverse;
    gap:10px;
  }
  .info_right{
    flex-direction: column;
    gap:10px;
  }
  .in_content_form{
    flex-direction: column;
  }
  .end_section{
    display: none;
  }
  #content_form{
    display: none;
  }
}

@media (max-width: 500px) { 
  .info_left .info_1{
    padding: 10% 2%;
  }
  .section_step{
    margin-top: 15%;
  }
}






#section_photo{
  width: 95%;
  margin: 0 auto;
}
.item_gal{
  padding: 0;
}














/* */
#content_form{
  height: 75vh;
  min-height: 450px;
  width: 95%;
  margin-left: 2.5%;
}
.in_content_form{
  display: flex;
  height: 100%;
  width: 100%;
  gap:2%;
}
#content_form_travel{
  width: 63%;
  height: 100%;
  position: relative;
}
#form_travel{
  width: 35%;
  height:100%;
  padding: 2.5% 2%;
}
.are_flex{
  display: flex;
  gap:2%;
  justify-content: center;
  width: 100%;
}
.img_pub{
  filter: brightness(0.8);
}
#titre_form{
  position: absolute;
  top:8%;
  left:4%;
  color:white;
  width: 60%;
}
.input_2{
  width: 49%;
}
.input_1{
  width: 100%;
}















.container_travel_titre{
  width: 100%;
  height: auto;
  display: flex;
  gap:3%;
  justify-content: start;
  align-items: center;
}
.circle_picture{
  width: 3%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  gap:1%;
  padding-bottom: 2.5%;
}
.circle_btn{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.cirle_day{
  width: clamp(45px, 4.5vw, 150px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 0;
}

.info_bib{
  display: flex;
  width: 100%;
  gap:2%;
  align-items: center;
  flex-wrap: wrap;
}


@media (max-width: 850px) { 
  .container_travel_titre{
    margin-top: 4%;
  }
}














/* */
.overlay_info{
  width: 70%;
  height: 100vh;
  z-index: 1;
  background-color: #39653a;
  position: fixed;
  right: 0;
  top:0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 1s ease-in-out;
  transform: translateX(100%);
  z-index: 4;
}
.open_over_info{
  transform: translateX(0%)!important;
}

.container_info_over{
  margin-top: 10%;
  width: 95%;
  height: 78%;
  overflow-y: scroll;
  padding-right: 2%;
  padding-bottom: 3%;
}

#container_info_over::-webkit-scrollbar {
  width: 4px;
}
#container_info_over::-webkit-scrollbar-track {
  background: transparent;
}
#container_info_over::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 10px;
}

/* Firefox */
#container_info_over {
  scrollbar-width: thin;
  scrollbar-color: #ffffff transparent;
}

#close_info{
  position: absolute;
  top:10%;
  right:5%;
  cursor: pointer;
  pointer-events: auto!important;
  width: clamp(25px, 2.5vw, 40px);
}
.img_info{
  width: 100%;
  height:40vh;
  min-height: 300px;
  border-radius: 30px;
  overflow: hidden;
}


@media (max-width: 1440px) { 
  #overlay_info{
    width: 50%;
  }
}

@media (max-width: 1024px) {
  #overlay_info{
    width: 90%;
  }
}
@media (max-width: 800px) {
  .overlay_info{
    width: 100%;
  }
  .marg_resp{
    margin-top: 50px!important;
  }
}
































/* */
#other_travel{
  width: 95%;
  margin-left: 2.5%;
}
@media (max-width: 1200px) { 
  #section_pel{
    height: 400px;
  }
}
@media (max-width: 800px) {
  #other_travel{
    width: 90%;
    margin-left: 5%;
  }
}
@media (max-width: 500px) { 
  #other_travel{
    width: 95%;
    margin-left: 2.5%;
  }
}




























/* */
#overlay_carrou{
  width: 100%;
  height: 100vh;
  z-index: 1;
  inset: 0;
  position: fixed;
  right: 0;
  top:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 1s ease-in-out,
  opacity 1s ease;
  transform: translate(-50%, -70%);
  top:50%;
  left:50%;
  z-index: 5;
  opacity: 0;
  display: none;
}
.open_over_carou{
  transform: translate(-50%, -50%)!important;
  opacity: 1!important;
}
#clos_over_carou{
  position: absolute;
  right: 1.5%;
}

.carousel {
  display: flex;
  align-items: start;
  justify-content: start;
  width: 95%;
  height: 90%;
  margin-left: 2.5%;
}

.carousel-container {
  width: 90%;
  height: 90%;
  overflow: hidden;
  display: flex;
  margin: 0 auto;
}

.carousel-track {
  display: flex;
}

.carousel img {
  min-width: 100%; /* 🔥 clé ici */
  height: 95%;
  margin-right: 20px;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  object-position: top;
}


.contianer_btn_carou{
  position: absolute;
  width: 100%;
  top:50%;
  transform: translateY(-50%);
  display: flex;
  z-index: 10;
}
.prev{
  position: absolute;
  left:2%;
}
.next{
  position: absolute;
  right: 2%;
}
.btn_carou{
  cursor: pointer;
  color:white;
  width: clamp(30px, 2.5vw, 50px);
  opacity: 1;
}

#titre_carou{
  position: relative;
  width: 95%;
  text-align: center;
  top:0;
  left:2.5%;
  height: 10%;
  min-height: 30px;
  display: flex;
  justify-content: end;
  align-items: end;
  margin-top: 50px;
}

@media (max-width: 600px) {
  .carousel-container{
    width: 80%;
  }
  .prev{
    left:5px;
  }
  .next{
    right: 5px;
  }
}