.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d8d495e:#61CE70;--e-global-color-1263259:#1C5DAB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   VIDÉO : zoom lent, couleurs et vague du bas
   ========================================= */
.elementor-background-video-container {
  animation: zoom-lent 20s ease-in-out infinite alternate;
}

.elementor-background-video-container video {
  filter: saturate(1.15) contrast(1.05);
}

@keyframes zoom-lent {
  from { transform: scale(1); }
  to   { transform: scale(1.08); }
}

@keyframes vague-bas {
  0%, 100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 93.75% 93.5%, 87.5% 92.2%, 81.25% 91.3%, 75% 91%, 68.75% 91.3%, 62.5% 92.2%, 56.25% 93.5%, 50% 95%, 43.75% 96.5%, 37.5% 97.8%, 31.25% 98.7%, 25% 99%, 18.75% 98.7%, 12.5% 97.8%, 6.25% 96.5%, 0% 95%);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 93.75% 96.5%, 87.5% 97.8%, 81.25% 98.7%, 75% 99%, 68.75% 98.7%, 62.5% 97.8%, 56.25% 96.5%, 50% 95%, 43.75% 93.5%, 37.5% 92.2%, 31.25% 91.3%, 25% 91%, 18.75% 91.3%, 12.5% 92.2%, 6.25% 93.5%, 0% 95%);
  }
}

/* =========================================
   ANNONCE DE LA DATE (bleu #1e4fa3, jaune #f8c315)
   Polices : Lilita One (titres), Poppins (texte)
   ========================================= */
.annonce-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 10px 20px;
  animation: annonce-apparition 1.4s ease both;
}

.annonce-date__label {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #f8c315;
}

.annonce-date__ligne {
  width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #f8c315, transparent);
  animation: annonce-ligne 3s ease-in-out infinite;
}

.annonce-date__date {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.annonce-date__jour {
  font-family: 'Lilita One', 'Poppins', sans-serif;
  font-size: 110px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
  color: #f8c315;
  text-shadow: 0 6px 30px rgba(248, 195, 21, 0.45);
}

.annonce-date__mois {
  font-family: 'Poppins', sans-serif;
  font-size: 34px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #ffffff;
}

/* Pont d'Avignon, dessiné au chargement */
.annonce-date__pont {
  display: block;
  width: 200px;
  height: auto;
  margin-top: 8px;
  overflow: visible;
}

.annonce-date__pont path {
  fill: none;
  stroke: #f8c315;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: pont-dessin 2.6s ease forwards 0.4s;
}

.annonce-date__pont .annonce-date__eau {
  opacity: 0.35;
}

/* Nom de la ville */
.annonce-date__ville {
  display: inline-block;
  margin-top: 4px;
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 14px;
  padding-left: 14px;
  color: #ffffff;
}

.annonce-date__sous-titre {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding-left: 5px;
  color: #f8c315;
}

@keyframes annonce-apparition {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes annonce-ligne {
  0%, 100% { opacity: 0.4; width: 90px; }
  50%      { opacity: 1; width: 160px; }
}

@keyframes pont-dessin {
  to { stroke-dashoffset: 0; }
}

/* =========================================
   MOBILE
   ========================================= */
@media (max-width: 767px) {
  .annonce-date__label { font-size: 11px; letter-spacing: 5px; }
  .annonce-date__jour { font-size: 56px; }
  .annonce-date__mois { font-size: 20px; letter-spacing: 3px; }
  .annonce-date__pont { width: 140px; }
  .annonce-date__ville { font-size: 18px; letter-spacing: 8px; padding-left: 8px; }
  .annonce-date__sous-titre { font-size: 10px; letter-spacing: 3px; padding-left: 3px; }
}/* End custom CSS */