.elementor-4398 .elementor-element.elementor-element-558e55b{--display:flex;}.elementor-4398 .elementor-element.elementor-element-558e55b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4398 .elementor-element.elementor-element-558e55b .wcf-image-hover{background-image:url( https://ventouxvan.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-4398 .elementor-element.elementor-element-9fb23fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:170px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;}.elementor-4398 .elementor-element.elementor-element-9fb23fa:not(.elementor-motion-effects-element-type-background), .elementor-4398 .elementor-element.elementor-element-9fb23fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F65;background-image:url("http://ventouxvan.com/wp-content/uploads/2024/07/FAQ_bg.png");}.elementor-4398 .elementor-element.elementor-element-9fb23fa .wcf-image-hover{background-image:url( https://ventouxvan.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-4398 .elementor-element.elementor-element-8f91e98{width:var( --container-widget-width, 798px );max-width:798px;--container-widget-width:798px;--container-widget-flex-grow:0;text-align:center;}.elementor-4398 .elementor-element.elementor-element-8f91e98.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4398 .elementor-element.elementor-element-8f91e98 .wcf--title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:1em;}.elementor-4398 .elementor-element.elementor-element-8f91e98 .wcf--title .highlight{color:#F3A121;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a:not(.wcf-btn-mask, .wcf-btn-ellipse), .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-mask:after, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-ellipse:before{background-color:#FFFFFF;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a:not(.wcf-btn-mask, .btn-item, .btn-parallal-border, .btn-rollover-cross, .wcf-btn-ellipse):after, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-mask, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn .btn-hover-bgchange span, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn .btn-rollover-cross:hover, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn .btn-parallal-border:hover, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-ellipse:hover:before,.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.btn-hover-none:hover{background-color:#0F0F0F;}.elementor-4398 .elementor-element.elementor-element-1c8fa21{text-align:center;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a{font-family:"Euclid Circular B", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;fill:#0F0F0F;color:#0F0F0F;padding:25px 35px 25px 35px;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-underline:after{background-color:#0F0F0F;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-mask:after{color:#0F0F0F;padding:25px 35px 25px 35px;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a:hover, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.wcf-btn-underline:hover:after{background-color:#FFFFFF;}.elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.btn-parallal-border:before, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.btn-parallal-border:after, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.btn-rollover-cross:before, .elementor-4398 .elementor-element.elementor-element-1c8fa21 .wcf__btn a.btn-rollover-cross:after{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}@media(min-width:768px){.elementor-4398 .elementor-element.elementor-element-558e55b{--width:98.691%;}.elementor-4398 .elementor-element.elementor-element-9fb23fa{--content-width:1920px;}}@media(max-width:1366px){.elementor-4398 .elementor-element.elementor-element-9fb23fa{--padding-top:110px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-4398 .elementor-element.elementor-element-9fb23fa{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4398 .elementor-element.elementor-element-8f91e98 .wcf--title{font-size:50px;}}@media(max-width:880px){.elementor-4398 .elementor-element.elementor-element-9fb23fa{--gap:35px 0px;--row-gap:35px;--column-gap:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:020px;--padding-right:20px;}.elementor-4398 .elementor-element.elementor-element-8f91e98 .wcf--title{font-size:40px;}}@media(max-width:767px){.elementor-4398 .elementor-element.elementor-element-9fb23fa{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:060px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-4398 .elementor-element.elementor-element-8f91e98 .wcf--title{font-size:36px;}}/* Start custom CSS for html, class: .elementor-element-15da908 *//* Tokens */
:root{
  --vv-black:#0F0F0F;
  --vv-green:#2B4D43;  /* bordure carte 1 */
  --vv-yellow:#F6A509; /* bordure carte 2 */
  --vv-text:#525252;
  --vv-muted:#E9E9E9;
  --vv-bg:#FFFFFF;

  --title-font:"Space Grotesk", system-ui, sans-serif;
  --text-font:"Inter", system-ui, sans-serif;

  --radius-xl:16px;
}

/* Helpers */
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.center{text-align:center;}

/* === BUTTONS (nouveau style Elementor/WCF) === */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:25px 35px;
  border:1px solid var(--vv-black);
  background-color: var(--vv-black);
  color:#FFFFFF;

  text-decoration:none;
  text-transform:uppercase;
  font:500 14px/1 "Euclid Circular B", var(--text-font), system-ui, sans-serif;

  border-radius:999px;
  box-shadow:none;
  transition:all .3s;
}
.btn:hover{
  background-color: transparent;
  color: var(--vv-black);
}

.btn-secondary{
  background-color: transparent;
  color: var(--vv-black);
  border:1px solid var(--vv-black);
}
.btn-secondary:hover{
  background-color: var(--vv-black);
  color:#FFFFFF;
}

.btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(15,15,15,.2), 0 0 0 6px rgba(15,15,15,.12);
}

/* HERO */
.vv-hero{padding:32px 0 0;}
.vv-hero__title{
  display:flex;align-items:center;gap:20px;
  font:400 clamp(28px,4vw,44px)/1 var(--title-font);
  text-transform:uppercase;color:var(--vv-black);
}
.vv-hero__logo{width:min(25%,180px);height:auto;}

/* INTRO */
.vv-intro{position:relative;padding:12px 0;}
.vv-intro--tight{padding-top:0;}
.vv-intro__title{
  text-align:center;
  font:600 clamp(22px,3.2vw,34px)/1.1 var(--title-font);
  text-transform:uppercase;color:var(--vv-black);
}

/* OFFERS */
.vv-offers{padding:12px 0 48px;}
.offers{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
@media (max-width: 900px){ .offers{grid-template-columns:1fr;} }

.offer{
  background:var(--vv-bg);
  border:5px solid var(--vv-green);
  border-radius:var(--radius-xl);
  overflow:hidden;
  display:flex;flex-direction:column;height:100%;
}
.offer--accent{ border-color:var(--vv-yellow); }

.offer__media{aspect-ratio:16/9;overflow:hidden;background:#f5f5f5;}
.offer__img{width:100%;height:100%;object-fit:cover;display:block;}

.offer__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px;text-align:center;}
.offer__title{
  font:700 clamp(20px,2.6vw,28px)/1 var(--title-font);
  text-transform:uppercase;color:var(--vv-black);
  margin:6px 0 0;
}
.offer__price{
  font:600 clamp(18px,2.2vw,24px)/1.2 var(--title-font);
  margin:0;color:var(--vv-black);
}
.offer__badge{width:110px;height:auto;margin:0 auto 6px;display:block;}

.offer__list{
  list-style:none;margin:8px 0 0;padding:0;
  display:grid;gap:10px;
  color:var(--vv-text);font:400 16px/1.45 var(--text-font);
  text-align:left;
}
.offer__list li{
  display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:flex-start;
}
.offer__list li::before{
  content:"";
  width:22px;height:22px;display:block;flex:0 0 22px;
  border-radius:50%;border:2px solid var(--vv-black);
  background:
    radial-gradient(circle at 50% 50%, transparent 9px, transparent 9px),
    conic-gradient(var(--vv-black) 0 0);
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M9.5 16.2 4.8 11.5l1.4-1.4 3.3 3.3 7.4-7.4 1.4 1.4z"/></svg>') center/16px 16px no-repeat;
  background-color:var(--vv-black);
}

/* CTA blocs */
.vv-cta{padding:12px 0 24px;}

/* SERVICES */
.vv-services{padding:12px 0;}
.features{
  list-style:none;margin:0;padding:0;
  display:grid;gap:24px;
  grid-template-columns:repeat(6,1fr);
}
@media (max-width:1100px){ .features{grid-template-columns:repeat(3,1fr);} }
@media (max-width:640px){ .features{grid-template-columns:repeat(2,1fr);} }

.feature{
  text-align:center;border:1px solid var(--vv-muted);
  border-radius:12px;padding:22px; background:#fff;
}
.feature__icon{
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;margin:0 auto 10px;
  background:#f6f6f6;border:1px solid var(--vv-muted);
}
.feature__icon svg{width:28px;height:28px;fill:var(--vv-black);}
.feature__title{
  font:700 16px/1.1 var(--title-font);
  text-transform:uppercase;margin:8px 0 6px;color:var(--vv-black);
}
.feature__text{
  font:400 15px/1.45 var(--text-font);color:var(--vv-text);margin:0;
}

/* LOGOS */
.vv-logos{padding:8px 0 32px;}
.logos{
  list-style:none;margin:8px 0 0;padding:0;
  display:grid;gap:24px;grid-template-columns:repeat(5,1fr);align-items:center;
}
@media (max-width:1100px){ .logos{grid-template-columns:repeat(3,1fr);} }
@media (max-width:640px){ .logos{grid-template-columns:repeat(2,1fr);} }
.logos li{display:flex;justify-content:center;align-items:center;opacity:.9}
.logos img{max-width:180px;width:100%;height:auto;filter:grayscale(10%);transition:.2s}
.logos img:hover{filter:none;opacity:1}


/* === BUTTONS compacts et carrés === */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:12px 22px;          /* réduit par rapport à 25x35 */
  border:1px solid var(--vv-black);
  background-color: var(--vv-black);
  color:#FFFFFF;

  text-decoration:none;
  text-transform:uppercase;
  font:500 13px/1 "Euclid Circular B", var(--text-font), system-ui, sans-serif;

  border-radius:0;            /* carré */
  box-shadow:none;
  transition:all .3s;
}
.btn:hover{
  background-color: transparent;
  color: var(--vv-black);
}

.btn-secondary{
  background-color: transparent;
  color: var(--vv-black);
  border:1px solid var(--vv-black);
  border-radius:0;
  padding:12px 22px;          /* même padding que le bouton principal */
}
.btn-secondary:hover{
  background-color: var(--vv-black);
  color:#FFFFFF;
}

.btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(15,15,15,.2), 0 0 0 6px rgba(15,15,15,.12);
}

/* Chaque offre prend la même hauteur */
.offers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch; /* toutes les cartes à la même hauteur */
}

.offer{
  display:flex;
  flex-direction:column;
}

/* Le body remplit l’espace */
.offer__body{
  display:flex;
  flex-direction:column;
  flex:1; /* occupe toute la hauteur dispo */
}

/* Bouton collé en bas */
.offer__cta{
  margin-top:auto; /* pousse le CTA en bas */
  text-align:center;
}

.vv-hero{
  padding:80px 0 60px; /* haut 80px, bas 60px */
}

.vv-hero__title{
  display:block;
  text-align:center;
  font:400 clamp(32px,5vw,52px)/1.2 var(--title-font);
  text-transform:uppercase;
  color:var(--vv-black);
  margin-bottom:30px; /* espace sous le titre */
}

/* OFFERS (responsive & hauteurs égales) */
.vv-offers{padding:12px 0 48px;}

.offers{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:24px;
  align-items:stretch;         /* cartes à même hauteur */
}

@media (max-width:900px){
  .offers{
    grid-template-columns:1fr; /* empile en mobile */
  }
}

.offer{
  background:var(--vv-bg);
  border:5px solid var(--vv-green);
  border-radius:var(--radius-xl);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;             /* sécurité pour l’égalité de hauteur */
}
.offer--accent{ border-color:var(--vv-yellow); }

.offer__media{aspect-ratio:16/9;overflow:hidden;background:#f5f5f5;}
.offer__img{width:100%;height:100%;object-fit:cover;display:block;}

.offer__body{
  padding:20px 20px 22px;
  display:flex;
  flex-direction:column;
  gap:14px;
  text-align:center;
  flex:1;                      /* remplit la carte */
}

.offer__cta{
  margin-top:auto;             /* bouton collé en bas */
  text-align:center;
}

@media (max-width:640px){
  .offer__body{ padding:16px; }
  .offer__title{ font-size:22px; }
  .offer__price{ font-size:18px; }
  .offer__list{ font-size:15px; }
}/* End custom CSS */