.elementor-836 .elementor-element.elementor-element-2fefd61{--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;--overlay-opacity:0.72;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:170px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-836 .elementor-element.elementor-element-2fefd61:not(.elementor-motion-effects-element-type-background), .elementor-836 .elementor-element.elementor-element-2fefd61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.villasambar.com/wp-content/uploads/2026/01/Chenxen-51-scaled.jpg");background-position:center center;background-size:cover;}.elementor-836 .elementor-element.elementor-element-2fefd61::before, .elementor-836 .elementor-element.elementor-element-2fefd61 > .elementor-background-video-container::before, .elementor-836 .elementor-element.elementor-element-2fefd61 > .e-con-inner > .elementor-background-video-container::before, .elementor-836 .elementor-element.elementor-element-2fefd61 > .elementor-background-slideshow::before, .elementor-836 .elementor-element.elementor-element-2fefd61 > .e-con-inner > .elementor-background-slideshow::before, .elementor-836 .elementor-element.elementor-element-2fefd61 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F0F0E;--background-overlay:'';}.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 );color:var( --e-global-color-primary );}.elementor-836 .elementor-element.elementor-element-59a5da0{text-align:center;}.elementor-836 .elementor-element.elementor-element-59a5da0 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:200;letter-spacing:5.6px;color:#EFEBE2A8;}.elementor-836 .elementor-element.elementor-element-6e7e5c5 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-6e7e5c5{text-align:center;}.elementor-836 .elementor-element.elementor-element-6e7e5c5 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:37px;font-weight:400;letter-spacing:0.6px;color:#EFEBE2;}.elementor-836 .elementor-element.elementor-element-e230f8c{width:var( --container-widget-width, 640px );max-width:640px;--container-widget-width:640px;--container-widget-flex-grow:0;text-align:center;}.elementor-836 .elementor-element.elementor-element-e230f8c > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-e230f8c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:300;line-height:30px;color:#EFEBE2;}.elementor-836 .elementor-element.elementor-element-b6bbfe8{--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:stretch;--padding-top:64px;--padding-bottom:88px;--padding-left:0px;--padding-right:0px;}.elementor-836 .elementor-element.elementor-element-b6bbfe8:not(.elementor-motion-effects-element-type-background), .elementor-836 .elementor-element.elementor-element-b6bbfe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-836 .elementor-element.elementor-element-7f5d41a{--divider-border-style:solid;--divider-color:#383F37;--divider-border-width:1px;}.elementor-836 .elementor-element.elementor-element-7f5d41a .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-836 .elementor-element.elementor-element-7f5d41a .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-836 .elementor-element.elementor-element-64613de{width:initial;max-width:initial;text-align:center;}.elementor-836 .elementor-element.elementor-element-64613de > .elementor-widget-container{background-color:#FFFFFF;margin:-44px 0px 0px 0px;padding:0px 18px 0px 18px;}.elementor-836 .elementor-element.elementor-element-64613de.elementor-element{--align-self:center;}.elementor-836 .elementor-element.elementor-element-64613de .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:15px;font-weight:400;letter-spacing:1.4px;color:#383F37;}.elementor-836 .elementor-element.elementor-element-8cf126b > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-8cf126b{text-align:center;}.elementor-836 .elementor-element.elementor-element-8cf126b .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:30px;font-weight:600;color:#383F37;}.elementor-widget-posts .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 );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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 );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-836 .elementor-element.elementor-element-db9f6f8{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-836 .elementor-element.elementor-element-db9f6f8 > .elementor-widget-container{margin:36px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-836 .elementor-element.elementor-element-db9f6f8:after{content:"0.66";}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-post__thumbnail__link{width:100%;}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-post__meta-data span + span:before{content:"•";}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-post__text{margin-top:20px;}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-post__badge{right:0;}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-836 .elementor-element.elementor-element-b6bbfe8{--content-width:1160px;}}@media(max-width:1024px){.elementor-836 .elementor-element.elementor-element-2fefd61{--padding-top:130px;--padding-bottom:84px;--padding-left:20px;--padding-right:20px;}.elementor-836 .elementor-element.elementor-element-6e7e5c5 .elementor-heading-title{font-size:30px;}.elementor-836 .elementor-element.elementor-element-b6bbfe8{--padding-top:56px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-836 .elementor-element.elementor-element-7f5d41a .elementor-divider-separator{width:45%;}.elementor-836 .elementor-element.elementor-element-8cf126b > .elementor-widget-container{margin:-31px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-8cf126b .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-836 .elementor-element.elementor-element-2fefd61{--padding-top:112px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-836 .elementor-element.elementor-element-59a5da0 .elementor-heading-title{letter-spacing:3.3px;}.elementor-836 .elementor-element.elementor-element-6e7e5c5 .elementor-heading-title{font-size:24px;line-height:1.4em;}.elementor-836 .elementor-element.elementor-element-e230f8c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-836 .elementor-element.elementor-element-e230f8c .elementor-heading-title{font-size:16px;line-height:1.7em;}.elementor-836 .elementor-element.elementor-element-b6bbfe8{--padding-top:40px;--padding-bottom:52px;--padding-left:20px;--padding-right:20px;}.elementor-836 .elementor-element.elementor-element-7f5d41a .elementor-divider-separator{width:100%;}.elementor-836 .elementor-element.elementor-element-8cf126b .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-836 .elementor-element.elementor-element-db9f6f8:after{content:"0.6";}.elementor-836 .elementor-element.elementor-element-db9f6f8 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* ============================================================
   Blog index 836 - hero + grille de cartes
   Meme vocabulaire que la page 738 : ombres teintees encre/olive,
   easing ease-out-quint, aucune propriete de layout animee.
   ============================================================ */
.elementor-836{
  --va-ease:cubic-bezier(.22,1,.36,1);
  --va-sh-sm:0 2px 10px rgba(30,34,29,.07);
  --va-sh-md:0 12px 30px rgba(30,34,29,.11);
  --va-sh-lg:0 22px 48px rgba(30,34,29,.19);
}

/* --- HERO : degrade vertical au lieu d'un voile plat -------- */
.elementor-836 .elementor-element.elementor-element-2fefd61::before{
  background-color:transparent !important;
  opacity:1 !important;
  background-image:linear-gradient(180deg,
    rgba(11,13,10,.88) 0%,
    rgba(11,13,10,.54) 26%,
    rgba(11,13,10,.46) 54%,
    rgba(11,13,10,.90) 100%) !important;
}
.elementor-836 .elementor-element-6e7e5c5 .elementor-heading-title,
.elementor-836 .elementor-element-e230f8c .elementor-heading-title{
  text-shadow:0 2px 28px rgba(8,10,7,.55);
}

/* --- Grille : gouttieres ------------------------------------ */
.elementor-836 .elementor-element-db9f6f8 .elementor-posts-container{
  --grid-column-gap:34px;
  --grid-row-gap:34px;
}
@media (max-width:767px){
  .elementor-836 .elementor-element-db9f6f8 .elementor-posts-container{
    --grid-column-gap:26px;
    --grid-row-gap:26px;
  }
}

/* --- Carte : hauteur egale, ordre editorial -----------------
   La skin Cards rend .elementor-post__meta-data en DERNIER,
   apres le CTA. On le remonte sous l'image : image > date >
   titre > extrait > CTA.                                      */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card{
  display:flex;
  flex-direction:column;
  background:#FFFFFF;
  border:1px solid rgba(56,63,55,.14);
  border-radius:0;
  overflow:hidden;
  box-shadow:var(--va-sh-sm);
  transition:transform .45s var(--va-ease),
             box-shadow .45s var(--va-ease),
             border-color .45s var(--va-ease);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover{
  transform:translateY(-6px);
  box-shadow:var(--va-sh-lg);
  border-color:rgba(56,63,55,.26);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__thumbnail__link{order:1;}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__meta-data{order:2;}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__text{order:3;}

/* --- Image : voile qui se leve ------------------------------
   L'image ne bouge JAMAIS. Un voile sombre la couvre au repos
   et s'estompe au survol. Un seul mouvement a l'ecran (la
   levitation de la carte), et aucun flou de mise a l'echelle.
   Ne pas remettre de transform sur l'image.                   */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__thumbnail__link{
  display:block;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__thumbnail{
  position:relative;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__thumbnail::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(11,13,10,.22);
  opacity:1;
  pointer-events:none;
  transition:opacity .5s var(--va-ease);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover .elementor-post__thumbnail::after{
  opacity:0;
}

/* --- Badge de categorie -------------------------------------
   z-index obligatoire : en flexbox l'ordre de peinture suit
   l'ordre MODIFIE par `order`. Le lien image passe en order:1
   se peignait par-dessus le badge. Retirer ce z-index fait
   disparaitre les badges.                                     */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card .elementor-post__badge{
  z-index:2;
  background-color:#383F37;
  color:#EFEBE2;
  font-family:"Outfit",sans-serif;
  font-size:11px;
  font-weight:400;
  letter-spacing:1.6px;
  text-transform:uppercase;
  border-radius:0;
  margin:14px;
  padding:6px 12px;
}

/* --- Date : sous l'image ------------------------------------ */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card .elementor-post__meta-data{
  font-family:"Outfit",sans-serif;
  font-size:12px;
  font-weight:400;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:#8A8F88;
  margin:0;
  padding:20px 22px 0;
  border:0;
}

/* --- Bloc de texte ------------------------------------------ */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__text{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:9px 22px 24px;
  margin-top:0;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__title{
  margin:0 0 10px;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__title a{
  font-family:"Merriweather",serif;
  font-size:19px;
  font-weight:600;
  line-height:1.45;
  color:#383F37;
  transition:color .35s var(--va-ease);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover .elementor-post__title a{
  color:#1F241E;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__excerpt p{
  font-family:"Outfit",sans-serif;
  font-size:15px;
  font-weight:300;
  line-height:1.72;
  color:#4A4A4A;
  margin:0 0 18px;
}
/* Elementor tronque a N mots sans rien ajouter : on rend la
   coupure lisible. */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__excerpt p::after{
  content:"\2026";
}

/* --- CTA : filet et fleche qui avance ----------------------- */
.elementor-836 .elementor-element-db9f6f8 .elementor-post__read-more{
  margin-top:auto;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:"Outfit",sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#383F37;
  border-bottom:1px solid rgba(56,63,55,.3);
  padding-bottom:3px;
  transition:color .35s var(--va-ease), border-color .35s var(--va-ease);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__read-more::after{
  content:"\2192";
  font-size:14px;
  line-height:1;
  transition:transform .35s var(--va-ease);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover .elementor-post__read-more{
  border-color:#383F37;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover .elementor-post__read-more::after{
  transform:translateX(4px);
}

/* --- Pagination --------------------------------------------- */
.elementor-836 .elementor-element-db9f6f8 .elementor-pagination{
  margin-top:44px;
  font-family:"Outfit",sans-serif;
  font-size:14px;
  letter-spacing:1px;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-pagination .page-numbers{
  color:#383F37;
  padding:7px 13px;
  transition:color .3s var(--va-ease), background-color .3s var(--va-ease);
}
.elementor-836 .elementor-element-db9f6f8 .elementor-pagination .page-numbers.current{
  background:#383F37;
  color:#EFEBE2;
}
.elementor-836 .elementor-element-db9f6f8 .elementor-pagination a.page-numbers:hover{
  background:rgba(56,63,55,.10);
}

/* --- Respect de prefers-reduced-motion ---------------------- */
@media (prefers-reduced-motion:reduce){
  .elementor-836 *,
  .elementor-836 *::before,
  .elementor-836 *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
  .elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover{transform:none;}
  .elementor-836 .elementor-element-db9f6f8 .elementor-post__card:hover .elementor-post__read-more::after{transform:none;}
}/* End custom CSS */