/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2025 | 02:21:59 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 
/* === SOLUTION GLOBALE POUR TOUTES LES SECTIONS === */

/* Limiter la hauteur de la colonne principale à 560px */
.col_1 {
  max-height: 560px !important;
  overflow: hidden;
}

.col_1 .elementor-widget-wrap {
  max-height: 560px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 20px 0;
}

/* Titre de la section */
.col_title {
  flex-shrink: 0;
  margin-bottom: 10px !important;
}

.col_title h4 {
  margin: 0;
  padding: 0;
}

/* Carousel d'images */
.caroussel {
  max-height: 280px !important;
  flex-shrink: 0;
  margin-bottom: 15px !important;
}

.caroussel .swiper-wrapper {
  max-height: 280px !important;
}

.caroussel .swiper-slide {
  max-height: 280px !important;
}

.caroussel .swiper-slide-inner {
  max-height: 280px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.caroussel .swiper-slide-image {
  max-height: 280px !important;
  width: auto !important;
  object-fit: contain;
}

/* Vidéo YouTube en ratio 16/9 */
.col_video {
  max-height: 230px !important;
  flex-shrink: 0;
}

.col_video iframe,
.ratio16-2 {
  max-height: 230px !important;
  width: calc(230px * 16 / 9) !important;
  aspect-ratio: 16/9 !important;
  margin: 0 auto;
  display: block;
}

.col_1 .e-swiper-container{
	flex-direction: inherit!important;
}
/* Responsive */
@media (max-width: 768px) {
  .col_1 {
    max-height: none !important;
  }
  
  .caroussel {
    max-height: 250px !important;
  }
  
  .col_video {
    max-height: 200px !important;
  }
}
.ratio9-16 .elementor-column,.ratio9-16 .elementor-widget-wrap{
	margin-top : 0px !important;
}

.nonreservable .am-ec__actions-btn .am-button {
	display: none !important;
}
.ratio9-16 .plyr__video-wrapper--fixed-ratio{
	aspect-ratio: 9/16 !important;
}

/* Approche globale pour toute la section */
.ratio9-16 .elementor-widget-wrap,
.ratio9-16 .elementor-widget-wrap {
  max-height: 560px !important;
  overflow: hidden;
}

/* Vidéo Plyr - format vertical 9:16 */
..ratio9-16 .plyr {
  max-height: 560px !important;
  width: calc(560px * 9 / 16) !important; /* Calcul automatique de la largeur */
}

/* Vidéo YouTube - format horizontal 16:9 */
.ratio9-16 iframe {
  max-height: 400px !important; /* Légèrement plus petit pour l'équilibre */
  /*width: calc(400px * 9 / 16) !important;*/
}