.elementor-5599 .elementor-element.elementor-element-95239f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-63px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5599 .elementor-element.elementor-element-95239f1:not(.elementor-motion-effects-element-type-background), .elementor-5599 .elementor-element.elementor-element-95239f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-5599 .elementor-element.elementor-element-c1d1305{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5599 .elementor-element.elementor-element-8e749b6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:87px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-5599 .elementor-element.elementor-element-d6015fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.14;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-5599 .elementor-element.elementor-element-d6015fc::before, .elementor-5599 .elementor-element.elementor-element-d6015fc > .elementor-background-video-container::before, .elementor-5599 .elementor-element.elementor-element-d6015fc > .e-con-inner > .elementor-background-video-container::before, .elementor-5599 .elementor-element.elementor-element-d6015fc > .elementor-background-slideshow::before, .elementor-5599 .elementor-element.elementor-element-d6015fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-5599 .elementor-element.elementor-element-d6015fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-5599 .elementor-element.elementor-element-d6015fc:not(.elementor-motion-effects-element-type-background), .elementor-5599 .elementor-element.elementor-element-d6015fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://lesmoustachusenvadrouille.fr/wp-content/uploads/2022/03/les-moustachus-en-vadrouille-photos00014.jpg") 50% 50%;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-5599 .elementor-element.elementor-element-f39a094{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-5599 .elementor-element.elementor-element-f39a094.elementor-element{--align-self:center;}.elementor-5599 .elementor-element.elementor-element-f39a094 .elementor-heading-title{font-family:"EUROPA", Sans-serif;font-size:29px;font-weight:700;text-transform:capitalize;font-style:normal;line-height:1.3em;letter-spacing:6px;color:#FFFFFF;}.elementor-5599 .elementor-element.elementor-element-323b4b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-5599 .elementor-element.elementor-element-323b4b9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;font-style:normal;line-height:2em;letter-spacing:6px;color:#FFFFFF;}.elementor-5599 .elementor-element.elementor-element-fabd9d8{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5599 .elementor-element.elementor-element-393e24b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5599 .elementor-element.elementor-element-58225e2{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;}.elementor-5599 .elementor-element.elementor-element-58225e2.elementor-element{--align-self:center;}.elementor-5599 .elementor-element.elementor-element-58225e2 .elementor-heading-title{font-family:"Clash display", Sans-serif;font-size:32px;font-weight:600;text-transform:none;line-height:49px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5599 .elementor-element.elementor-element-243d6c8{text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-5599 .elementor-element.elementor-element-38835f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5599 .elementor-element.elementor-element-a6a046d{--grid-columns:3;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--grid-column-gap:5px;}@media(max-width:1024px){.elementor-5599 .elementor-element.elementor-element-d6015fc{--min-height:100vh;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5599 .elementor-element.elementor-element-f39a094 .elementor-heading-title{line-height:1.6em;}.elementor-5599 .elementor-element.elementor-element-323b4b9 .elementor-heading-title{font-size:15px;line-height:1.6em;}.elementor-5599 .elementor-element.elementor-element-a6a046d{--grid-columns:2;}}@media(max-width:736px){.elementor-5599 .elementor-element.elementor-element-95239f1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5599 .elementor-element.elementor-element-c1d1305{--padding-top:88px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5599 .elementor-element.elementor-element-d6015fc{--min-height:100vh;--margin-top:-50%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5599 .elementor-element.elementor-element-f39a094{padding:0px 0px 0px 0px;}.elementor-5599 .elementor-element.elementor-element-f39a094 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-5599 .elementor-element.elementor-element-323b4b9 .elementor-heading-title{font-size:12px;line-height:1.4em;}.elementor-5599 .elementor-element.elementor-element-fabd9d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5599 .elementor-element.elementor-element-243d6c8{padding:0px 20px 0px 20px;}.elementor-5599 .elementor-element.elementor-element-a6a046d{--grid-columns:1;}}@media(min-width:737px){.elementor-5599 .elementor-element.elementor-element-8e749b6{--width:1100px;}.elementor-5599 .elementor-element.elementor-element-393e24b{--width:85%;}}/* Start custom CSS for heading, class: .elementor-element-f39a094 */.elementor-5599 .elementor-element.elementor-element-f39a094 .elementor-heading-title:hover {
  
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-323b4b9 */.elementor-5599 .elementor-element.elementor-element-323b4b9 .elementor-heading-title:hover {
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6015fc */.elementor-5599 .elementor-element.elementor-element-d6015fc {
    aspect-ratio: 16/9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95239f1 *//* =======================================
   1. VARIABLES & STYLES GLOBALES (Mettez ça dans votre <style> ou CSS)
   ======================================= */




.hero-container {
    position: relative; 
    background-color: ; /* Fond noir */
    overflow: hidden;
    min-height: 0vh;
    z-index: 10;
    padding: 00px 0;
    /* Définition des couleurs Blue / Cyan Vif */
    --color1: 65, 105, 225;  /* Bleu Royal */
    --color2: 100, 149, 237; /* Bleu Clair Subtil */
    --color3: 135, 206, 250; /* Cyan / Bleu Ciel */
    --color4: 173, 216, 230; /* Bleu Pâle (Lumière) */
    --color5: 65, 105, 225;  /* Répétition du Bleu Royal */
    
    /* Mode de fusion adapté aux fonds SOMBRES */
    --blending: soft-light;    
    --circle-size: 60vw; 
}
/* =======================================
   2. KEYFRAMES (Animations de Mouvement)
   ======================================= */
@keyframes moveInCircle {
  0% {
    transform: rotate(0deg)
  }
  50% {
    transform: rotate(180deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%)
  }
  50% {
    transform: translateY(50%)
  }
  to {
    transform: translateY(-50%)
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%)
  }
  50% {
    transform: translateX(50%) translateY(10%)
  }
  to {
    transform: translateX(-50%) translateY(-10%)
  }
}

/* =======================================
   3. STRUCTURE ET STYLES DE L'ANIMATION
   ======================================= */


.gradient-bg {
  width: 100%;
  height: 100%;
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 1;
  min-height: inherit; /* Hérite de la hauteur du parent */
}

.gradient-bg .gradients-container {
  filter: url(#goo) blur(40px);
  width: 100%;
  height: 100%; /* Important */
  min-height: inherit; /* Important aussi */
  position: relative; /* Ajout */
}

.gradient-bg svg {
  display: none;
}

.gradient-bg .g1,
.gradient-bg .g2,
.gradient-bg .g3,
.gradient-bg .g4,
.gradient-bg .g5 {
  position: absolute;
  mix-blend-mode: var(--blending);
  opacity: 1;
}
/* Styles spécifiques aux blobs (g1 à g5) - Positionnés sur les côtés */
.gradient-bg .g1 {
  background: radial-gradient(circle at center, rgba(var(--color1), .8) 0, rgba(var(--color1), 0) 50%) no-repeat;
  width: var(--circle-size);
  height: var(--circle-size);
  top: 10%; /* En haut à gauche */
  left: -20%;
  transform-origin: center center;
  animation: moveVertical 30s ease infinite;
}
.gradient-bg .g2 {
  background: radial-gradient(circle at center, rgba(var(--color2), .8) 0, rgba(var(--color2), 0) 50%) no-repeat;
  width: var(--circle-size);
  height: var(--circle-size);
  top: 20%; /* En haut à droite */
  right: -20%;
  left: auto;
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 20s infinite reverse;
}
.gradient-bg .g3 {
  background: radial-gradient(circle at center, rgba(var(--color3), .8) 0, rgba(var(--color3), 0) 50%) no-repeat;
  width: var(--circle-size);
  height: var(--circle-size);
  bottom: -10%; /* En bas à gauche */
  left: -15%;
  top: auto;
  transform-origin: calc(50% + 400px);
  animation: moveInCircle 40s linear infinite;
}
.gradient-bg .g4 {
  background: radial-gradient(circle at center, rgba(var(--color4), .8) 0, rgba(var(--color4), 0) 50%) no-repeat;
  width: var(--circle-size);
  height: var(--circle-size);
  bottom: -5%; /* En bas à droite */
  right: -15%;
  top: auto;
  left: auto;
  transform-origin: calc(50% - 200px);
  animation: moveHorizontal 40s ease infinite;
  opacity: .7;
}
.gradient-bg .g5 {
  background: radial-gradient(circle at center, rgba(var(--color5), .8) 0, rgba(var(--color5), 0) 50%) no-repeat;
  width: calc(var(--circle-size) * 1.5); /* Un peu plus petit */
  height: calc(var(--circle-size) * 1.5);
  bottom: 15%; /* Bas gauche */
  left: -25%;
  top: auto;
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  animation: moveInCircle 20s ease infinite;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'EUROPA';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lesmoustachusenvadrouille.fr/wp-content/uploads/2026/01/EuropaGroteskSH-MedEx.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash display';
	font-display: auto;
	src: url('https://lesmoustachusenvadrouille.fr/wp-content/uploads/2025/12/ClashDisplay-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */