.elementor-3287 .elementor-element.elementor-element-1620487{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3287 .elementor-element.elementor-element-c58ee34 > .elementor-widget-container{margin:20px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-3287 .elementor-element.elementor-element-c58ee34.elementor-element{--align-self:center;}.elementor-3287 .elementor-element.elementor-element-c58ee34 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:69px;font-weight:700;line-height:0px;letter-spacing:-1.1px;word-spacing:2px;}.elementor-3287 .elementor-element.elementor-element-0991132 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3287 .elementor-element.elementor-element-0991132{text-align:center;font-family:"Poppins", Sans-serif;font-size:4px;font-weight:900;color:#02010185;}.elementor-3287 .elementor-element.elementor-element-0991132 p{margin-block-end:0px;}.elementor-3287 .elementor-element.elementor-element-ac44989{--grid-columns:5;}.elementor-3287 .elementor-element.elementor-element-ac44989 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-3287 .elementor-element.elementor-element-1b27433 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-3287 .elementor-element.elementor-element-1b27433 > .elementor-widget-container{margin:50px 50px 50px 50px;}.elementor-3287 .elementor-element.elementor-element-1b27433 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3287 .elementor-element.elementor-element-1b27433 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3287 .elementor-element.elementor-element-1b27433 .elementor-button{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:500;}.elementor-3287 .elementor-element.elementor-element-bed3d35{--display:flex;--min-height:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3287 .elementor-element.elementor-element-eca7649 > .elementor-widget-container{margin:20px 20px 06px 20px;padding:0px 0px 0px 0px;}.elementor-3287 .elementor-element.elementor-element-eca7649.elementor-element{--align-self:center;}.elementor-3287 .elementor-element.elementor-element-eca7649 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:69px;font-weight:700;line-height:0px;letter-spacing:-1.1px;word-spacing:2px;}.elementor-3287 .elementor-element.elementor-element-21e3a7f{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-3287 .elementor-element.elementor-element-21e3a7f > .elementor-widget-container{margin:50px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-3287 .elementor-element.elementor-element-0aac20a{--grid-columns:1;--grid-column-gap:0px;}.elementor-3287 .elementor-element.elementor-element-0aac20a .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3287 .elementor-element.elementor-element-0aac20a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3287 .elementor-element.elementor-element-0aac20a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3287 .elementor-element.elementor-element-0aac20a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3287 .elementor-element.elementor-element-0aac20a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3287 .elementor-element.elementor-element-ac44989{--grid-columns:2;}.elementor-3287 .elementor-element.elementor-element-0aac20a{--grid-columns:2;}}@media(max-width:767px){.elementor-3287 .elementor-element.elementor-element-ac44989{--grid-columns:1;}.elementor-3287 .elementor-element.elementor-element-0aac20a{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-c58ee34 */.elementor-3287 .elementor-element.elementor-element-c58ee34 .elementor-heading-title{
  position:relative;
  display:inline-block;
}
.elementor-3287 .elementor-element.elementor-element-c58ee34 .elementor-heading-title::before{
  content:"À LA UNE !";
  position:absolute;
  top:0; left:0;
  width:100%;
  white-space:nowrap;
  color:#F7926C;
  transform:translate(2px, 1.5px);
  opacity:.5;
  z-index:-1;
  pointer-events:none;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ac44989 */.vibes-featured-stack{
  /* largeur d'une carte selon l'écran : 5 cartes dépliées tiennent toujours (max 400px) */
  --card-w: clamp(160px, calc((100vw - 120px) / 5.6), 400px);
  --card-h: calc(var(--card-w) * 1.25);
  --gap: clamp(12px, 1.3vw, 20px);
  padding-top: 34px;
}
.vibes-featured-stack .elementor-loop-container{
  position: relative;
  min-height: calc(var(--card-h) + 56px);
}

/* L'EMPLACEMENT : le wrapper qu'Elementor ajoute automatiquement autour de chaque carte de boucle
   (il porte déjà la classe e-loop-item tout seul — ne la remets pas sur ton Conteneur). On cible
   uniquement les enfants DIRECTS du conteneur de boucle avec ">", jamais un e-loop-item imbriqué
   plus profond (ton Conteneur, lui, ne doit porter QUE la classe vibes-article-card). */
.vibes-featured-stack .elementor-loop-container > .e-loop-item{
  position: absolute; top: 0; left: 50%;
  width: var(--card-w); height: var(--card-h);
  transform: translate(calc(-50% + var(--tx)), var(--ty)) rotate(var(--rot));
  transition: transform .6s cubic-bezier(.16,1,.3,1);
  transition-delay: calc(var(--i) * 45ms);
  cursor: pointer;
}
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(1 of .e-loop-item){ --i:0; --rot:-7deg; --tx:0px;   --ty:0px;  --fty:0px;  z-index:25; }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(2 of .e-loop-item){ --i:1; --rot:6deg;  --tx:16px;  --ty:12px; --fty:14px; z-index:24; }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(3 of .e-loop-item){ --i:2; --rot:-5deg; --tx:-14px; --ty:24px; --fty:0px;  z-index:23; }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(4 of .e-loop-item){ --i:3; --rot:8deg;  --tx:22px;  --ty:8px;  --fty:14px; z-index:22; }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(5 of .e-loop-item){ --i:4; --rot:-6deg; --tx:-18px; --ty:18px; --fty:0px;  z-index:21; }

/* Position dans l'éventail centré (--slot de -2 à 2). Calculée avec nth-child + nth-last-child :
   ça détecte le nombre RÉEL de cartes (3, 4 ou 5) et centre automatiquement — 2 à gauche / 2 à droite
   pour 4 cartes, une carte pile au centre pour 3 ou 5. Aucun réglage à faire selon le nombre choisi. */
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(1 of .e-loop-item):nth-last-child(3 of .e-loop-item){ --slot:-1;   }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(2 of .e-loop-item):nth-last-child(2 of .e-loop-item){ --slot:0;    }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(3 of .e-loop-item):nth-last-child(1 of .e-loop-item){ --slot:1;    }

.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(1 of .e-loop-item):nth-last-child(4 of .e-loop-item){ --slot:-1.5; }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(2 of .e-loop-item):nth-last-child(3 of .e-loop-item){ --slot:-0.5; }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(3 of .e-loop-item):nth-last-child(2 of .e-loop-item){ --slot:0.5;  }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(4 of .e-loop-item):nth-last-child(1 of .e-loop-item){ --slot:1.5;  }

.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(1 of .e-loop-item):nth-last-child(5 of .e-loop-item){ --slot:-2;   }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(2 of .e-loop-item):nth-last-child(4 of .e-loop-item){ --slot:-1;   }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(3 of .e-loop-item):nth-last-child(3 of .e-loop-item){ --slot:0;    }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(4 of .e-loop-item):nth-last-child(2 of .e-loop-item){ --slot:1;    }
.vibes-featured-stack .elementor-loop-container > .e-loop-item:nth-child(5 of .e-loop-item):nth-last-child(1 of .e-loop-item){ --slot:2;    }

/* déplié au survol du conteneur (ou focus clavier) */
.vibes-featured-stack:hover .elementor-loop-container > .e-loop-item,
.vibes-featured-stack:focus-within .elementor-loop-container > .e-loop-item{
  transform: translate(calc(-50% + var(--slot) * (var(--card-w) + var(--gap))), var(--fty))
             rotate(calc(var(--slot) * -2deg));
}

/* la carte survolée individuellement passe devant et se stabilise (pas de rotation) */
.vibes-featured-stack:hover .elementor-loop-container > .e-loop-item:hover,
.vibes-featured-stack:focus-within .elementor-loop-container > .e-loop-item:focus-within{
  transform: translate(calc(-50% + var(--slot) * (var(--card-w) + var(--gap))), -14px) rotate(0deg);
  z-index: 50;
  transition-delay: 0ms;
}

/* LA CARTE : ton Conteneur (classe vibes-article-card) remplit simplement l'emplacement ci-dessus */
.vibes-featured-stack .vibes-article-card{
  position: absolute; inset: 0;
  border-radius: 18px; overflow: hidden;
  box-shadow: 0 10px 22px -14px rgba(34,31,21,.55);
  transition: box-shadow .35s ease;
}
.vibes-featured-stack .elementor-loop-container > .e-loop-item:hover .vibes-article-card,
.vibes-featured-stack .elementor-loop-container > .e-loop-item:focus-within .vibes-article-card{
  box-shadow: 0 26px 36px -16px rgba(34,31,21,.6);
}

/* repli propre sur tactile : pas de hover, donc pile toujours à plat et scrollable */
@media (hover:none), (pointer:coarse){
  .vibes-featured-stack .elementor-loop-container{
    display: flex; gap: var(--gap); overflow-x: auto;
    scroll-snap-type: x mandatory; min-height: auto;
  }
  .vibes-featured-stack .elementor-loop-container > .e-loop-item{ position: static; transform: none; scroll-snap-align: start; }
  .vibes-featured-stack .vibes-article-card{ position: relative; inset: auto; width: 100%; height: 100%; }
}

@media (prefers-reduced-motion: reduce){
  .vibes-featured-stack .elementor-loop-container > .e-loop-item{ transition: none; }
}

/* Flottement au repos (pile non survolée) */

@keyframes vibes-float{
  0%,100%{ translate: 0 0; rotate: 0deg; }
  50%{ translate: 0 -10px; rotate: 1deg; }
}
.vibes-featured-stack .elementor-loop-container > .e-loop-item{
  transition: transform .6s cubic-bezier(.16,1,.3,1), translate .5s ease, rotate .5s ease;
  animation: vibes-float calc(5.5s + var(--i) * .7s) ease-in-out infinite;
  animation-delay: calc(var(--i) * -1.1s);
}
.vibes-featured-stack:hover .elementor-loop-container > .e-loop-item,
.vibes-featured-stack:focus-within .elementor-loop-container > .e-loop-item{
  animation: none; translate: 0 0; rotate: 0deg;
}
@media (hover:none), (pointer:coarse){
  .vibes-featured-stack .elementor-loop-container > .e-loop-item{ animation: none; }
}
@media (prefers-reduced-motion: reduce){
  .vibes-featured-stack .elementor-loop-container > .e-loop-item{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b27433 */.elementor-3287 .elementor-element.elementor-element-1b27433 a{
  display: inline-flex; align-items: center; gap: 8px;
  background: #F7926C; color: #2A150C;
  font: 600 .88rem/1 'Poppins', sans-serif;
  padding: 13px 20px; border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 10px 20px -12px color-mix(in srgb, #F7926C 70%, transparent);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.elementor-3287 .elementor-element.elementor-element-1b27433 a svg{ width: 15px; height: 15px; transition: transform .25s ease; }
.elementor-3287 .elementor-element.elementor-element-1b27433 a:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 26px -12px color-mix(in srgb, #F7926C 80%, transparent);
  background: #FDD062;
}
.elementor-3287 .elementor-element.elementor-element-1b27433 a:hover svg{ transform: translateX(3px); }

@keyframes vibes-cta-pulse{
  0%, 20%, 100% { scale: 1; }
  5%, 15%       { scale: 1.09; }
  10%           { scale: 1; }
}
.elementor-3287 .elementor-element.elementor-element-1b27433 a{
  animation: vibes-cta-pulse 4.5s ease-in-out infinite;
}
.elementor-3287 .elementor-element.elementor-element-1b27433 a:hover{
  animation: none; scale: 1;
}
@media (prefers-reduced-motion: reduce){
  .elementor-3287 .elementor-element.elementor-element-1b27433 a{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eca7649 */.elementor-3287 .elementor-element.elementor-element-eca7649 .elementor-heading-title {
    position: relative;
    display: inline-block;
}

.elementor-3287 .elementor-element.elementor-element-eca7649 .elementor-heading-title::before {
    content: "TOUS NOS ARTICLES !";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #6E6154;
    transform: translate(2px, 1.5px);
    opacity: 0.5;
    z-index: -1;
}

.elementor-3287 .elementor-element.elementor-element-eca7649 .elementor-heading-title {
    position: relative;
    display: inline-block;
}

.elementor-3287 .elementor-element.elementor-element-eca7649 .elementor-heading-title::before {
    content: "TOUS NOS ARTICLES !";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #F7926C;
    transform: translate(2px, 1.5px);
    opacity: 0.5;
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c33a2b5 */.elementor-3287 .elementor-element.elementor-element-c33a2b5 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6E6154;
    margin-top: -4px;
    margin-bottom: 28px;
}

.elementor-3287 .elementor-element.elementor-element-c33a2b5::before,
.elementor-3287 .elementor-element.elementor-element-c33a2b5::after {
    content: "";
    width: 32px;
    height: 1px;
    background: rgba(34, 31, 21, 0.25);
}

.elementor-3287 .elementor-element.elementor-element-c33a2b5 .vibes-count-number {
    color: #F7926C;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-21e3a7f */.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item {
    position: relative;
    overflow: hidden;
    font-family: 'Arimo', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.03em;
    padding: 9px 20px;
    border-radius: 999px;
    background: transparent;
    color: #9A9BA1;
    border: 1px solid rgba(233, 212, 194, 0.18);
    cursor: pointer;
    transition: all 0.3s ease;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    mix-blend-mode: overlay;
    transition: opacity 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[aria-pressed="true"] {
    border-color: transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 3px 10px rgba(0,0,0,0.35);
    transform: translateY(-1px);
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[aria-pressed="true"]::before {
    opacity: 0.15;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[data-filter="musique"][aria-pressed="true"] {
    background: #1D1E23;
    color: #E9D4C2;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[data-filter="societe"][aria-pressed="true"] {
    background: #E9D4C2;
    color: #221F15;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[data-filter="sport"][aria-pressed="true"] {
    background: #6BAEA9;
    color: #FFFFFF;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[data-filter="art"][aria-pressed="true"] {
    background: #FDC480;
    color: #221F15;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[data-filter="evenements"][aria-pressed="true"] {
    background: #E8837C;
    color: #FFFFFF;
}

.elementor-3287 .elementor-element.elementor-element-21e3a7f .e-filter-item[data-filter="__all"][aria-pressed="true"] {
    background: #FFFFFF;
    color: #221F15;
}/* End custom CSS */