Outiref

Code source de l'URL : https://www.calistaweb.com/

<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Thu Oct 09 2025 14:49:05 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.calistaweb.com" data-wf-page="684a925f14e76794342d51e7" data-wf-site="676811c9991c240b3a062e37" lang="fr"><head><meta charset="utf-8"/><title>Calistaweb | Développeuse Webflow Freelance | Intégration sur-mesure</title><link rel="alternate" hreflang="x-default" href="https://www.calistaweb.com/"/><link rel="alternate" hreflang="fr" href="https://www.calistaweb.com/"/><link rel="alternate" hreflang="en-US" href="https://www.calistaweb.com/en"/><meta content="Je transforme ta maquette en site Webflow performant, responsive et bien structuré. Certifiée Experte Client-First, je t’assure un rendu clean et scalable." name="description"/><meta content="Calistaweb | Développeuse Webflow Freelance | Intégration sur-mesure" property="og:title"/><meta content="Je transforme ta maquette en site Webflow performant, responsive et bien structuré. Certifiée Experte Client-First, je t’assure un rendu clean et scalable." property="og:description"/><meta content="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6852c5cb5f0c127bad509f8d_Opengraph%20(1).webp" property="og:image"/><meta content="Calistaweb | Développeuse Webflow Freelance | Intégration sur-mesure" property="twitter:title"/><meta content="Je transforme ta maquette en site Webflow performant, responsive et bien structuré. Certifiée Experte Client-First, je t’assure un rendu clean et scalable." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6852c5cb5f0c127bad509f8d_Opengraph%20(1).webp" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="mqkxVS5z7aEuXfel5F-BzQF-iSSoz4oBW56_AjQEwPE" name="google-site-verification"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/css/new-klsta-2025.webflow.shared.ec458eef0.min.css" rel="stylesheet" type="text/css"/><link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/css/new-klsta-2025.webflow.684a925f14e76794342d51e7-cd5241494.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({  google: {    families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"]  }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6856633f8a7368e7b9ac645a_FAVICON.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68566348e8f31d3a916c54ad_WEBCLIP%20(1).png" rel="apple-touch-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-7NQ3ZC5QQZ"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-7NQ3ZC5QQZ');</script><script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7NQ3ZC5QQZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7NQ3ZC5QQZ');
</script>

<style>

html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}

</style>

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Corporation",
      "@id": "https://www.calistaweb.com/#org",
      "name": "Calistaweb",
      "alternateName": "Coraline Guillevic",
      "url": "https://www.calistaweb.com",
      "logo": "https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68552baba55ada6fbd19c9e6_Logo%20pourpreRVB.png",
      "sameAs": [
        "https://www.linkedin.com/in/coralineguillevic/"
      ]
    },
    {
      "@type": "Product",
      "@id": "https://www.calistaweb.com/offres/landing-page-webflow#product",
      "name": "Développement de Landing Page sur Webflow",
      "inLanguage": "fr",
      "description": "Création d’une landing page performante et orientée conversion sous Webflow. Intégration pixel-perfect, optimisation SEO technique, et mise en place des analytics.",
      "brand": { "@id": "https://www.calistaweb.com/#org" },
      "category": "Webflow Development",
      "image": [
        "https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68ac25ea61a9148a35989960_Image%20-%20Developpement%20Landing%20Page%20avec%20Webflow.webp"
      ],
      "url": "https://www.calistaweb.com/offres/landing-page-webflow",
      "offers": {
        "@type": "AggregateOffer",
        "priceCurrency": "EUR",
        "lowPrice": "900.00",
        "availability": "https://schema.org/InStock",
        "url": "https://www.calistaweb.com/offres/landing-page-webflow"
      },
      "review": [
        {
          "@type": "Review",
          "author": { "@type": "Person", "name": "Evelyne Michel" },
          "reviewBody": "Un grand merci à Coraline pour son écoute, sa créativité et son professionnalisme dans la création de mon site internet. Elle a su traduire mon univers, mes valeurs et mes prestations avec clarté et esthétisme, tout en me guidant à chaque étape avec rigueur et bienveillance. Une collaboration fluide, humaine et efficace que je recommande vivement à tout entrepreneur en quête d’un site à son image.",
          "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }
        },
        {
          "@type": "Review",
          "author": { "@type": "Person", "name": "Calixte des Lauriers" },
          "reviewBody": "J’ai travaillé avec Coraline à la création de deux sites Internet sous Webflow : elle a fait preuve d’un grand professionnalisme sur ces deux projets, et le résultat est à la hauteur de mes attentes. La documentation est également très complète et permet à mes équipes d’être rapidement opérationnelles sur la plateforme pour effectuer les modifications et créer de nouvelles pages lorsque nécessaire. Je la recommande les yeux fermés !",
          "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "reviewCount": "2"
      }
    },
    {
      "@type": "Service",
      "@id": "https://www.calistaweb.com/offres/site-complet-webflow#service",
      "serviceType": "Développement de site complet sur Webflow",
      "provider": { "@id": "https://www.calistaweb.com/#org" },
      "areaServed": "France",
      "category": "Web Design & Development",
      "inLanguage": "fr",
      "description": "Conception et développement d’un site complet sous Webflow : architecture, intégration, animations, SEO technique, performances et tracking. Offre 100% sur-mesure, chiffrage sur devis.",
      "image": [
        "https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68ac25ea63776aa2d750f8d4_Image%20-%20Developpement%20site%20web.webp"
      ],
      "url": "https://www.calistaweb.com/offres/site-complet-webflow",
      "offers": {
        "@type": "Offer",
        "priceCurrency": "EUR",
        "availability": "https://schema.org/InStock",
        "url": "https://www.calistaweb.com/offres/site-complet-webflow"
      },
      "review": [
        {
          "@type": "Review",
          "author": { "@type": "Person", "name": "Evelyne Michel" },
          "reviewBody": "Un grand merci à Coraline pour son écoute, sa créativité et son professionnalisme dans la création de mon site internet. Elle a su traduire mon univers, mes valeurs et mes prestations avec clarté et esthétisme, tout en me guidant à chaque étape avec rigueur et bienveillance. Une collaboration fluide, humaine et efficace que je recommande vivement à tout entrepreneur en quête d’un site à son image.",
          "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }
        },
        {
          "@type": "Review",
          "author": { "@type": "Person", "name": "Calixte des Lauriers" },
          "reviewBody": "J’ai travaillé avec Coraline à la création de deux sites Internet sous Webflow : elle a fait preuve d’un grand professionnalisme sur ces deux projets, et le résultat est à la hauteur de mes attentes. La documentation est également très complète et permet à mes équipes d’être rapidement opérationnelles sur la plateforme pour effectuer les modifications et créer de nouvelles pages lorsque nécessaire. Je la recommande les yeux fermés !",
          "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "reviewCount": "2"
      }
    }
  ]
}
</script><style>
/* Nav Dark BG */
.navigation__dark-bg {
  transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
}

[data-navigation-status="active"] .navigation__dark-bg {
  opacity: 0.9;
  visibility: visible;
}

/* Nav Group BG  */
.hamburger-nav__bg {
  transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
}

[data-navigation-status="active"] .hamburger-nav__bg {
  width: 100%;
  height: 100%;
}

/* Nav Group  */
.hamburger-nav__group {
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1), transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: scale(0.15) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
}

[data-navigation-status="active"] .hamburger-nav__group {
  transform: scale(1) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
}

/* Active Link  */

.hamburger-nav__a[aria-current] .hamburger-nav__p {
  opacity: 0.33;
}

/* Active Indicator  */

.hamburger-nav__dot {
  transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: scale(0) rotate(0.001deg);
  opacity: 0.5;
}

.hamburger-nav__a[aria-current] .hamburger-nav__dot {
  transform: scale(1) rotate(0.001deg);
  opacity: 1;
}

.hamburger-nav:has(.hamburger-nav__a:hover) .hamburger-nav__dot {
  transform: scale(0) rotate(0.001deg);
}

.hamburger-nav .hamburger-nav__a:hover .hamburger-nav__dot {
  transform: scale(1) rotate(0.001deg);
  opacity: 0.25;
}

/* Hamburger Button  */
.hamburger-nav__toggle {
  transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: translate(0em, 0em) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger-nav__toggle {
  transform: translate(-1em, 1em) rotate(0.001deg);
}

.hamburger-nav__toggle .hamburger-nav__toggle-bar {
  transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: translateY(-0.15em) rotate(0.001deg);
}

.hamburger-nav__toggle:hover .hamburger-nav__toggle-bar {
  transform: translateY(0.15em) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger-nav__toggle .hamburger-nav__toggle-bar {
  transform: translateY(0em) rotate(45deg);
}

.hamburger-nav__toggle .hamburger-nav__toggle-bar:nth-child(2) {
  transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: translateY(0.15em) rotate(0.001deg);
}

.hamburger-nav__toggle:hover .hamburger-nav__toggle-bar:nth-child(2) {
  transform: translateY(-0.15em) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger-nav__toggle .hamburger-nav__toggle-bar:nth-child(2) {
  transform: translateY(0em) rotate(-45deg);
}
</style>

<style>
/* Cache Weglot quand class présente */
.wg_wrapper.weglot-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
</style>

<style>
.mouse-trail_wrapper {
  inset: 0;
  pointer-events: none;
}

.mouse-trail_image {
  pointer-events: none;
  transform: translate(-50%, -50%);
}
</style>


<style>
/* Pink highlight ring on bullet point nav for hover + focus states */
.centered-slider-bullet::after {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 100em;
  z-index: -1;
  border: 2px solid #FFF;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
}
.centered-slider-bullet:hover::after,
.centered-slider-bullet.active::after,
.centered-slider-bullet:focus::after {
  inset: -1px;
}

/* Fade non-active slides */
.centered-slider-row:has(.centered-slider-slide.active) .centered-slider-slide:not(.active) {
  opacity: 0.45;
}

/* Corner highlights */
.centered-slider-slide::after {
  --size: 0em;
  --width: 0px;
  --gap: 0rem;
  --color: #fff;
  content: '';
  position: absolute;
  inset: calc(var(--gap) * -1);
  z-index: 1;
  opacity: 0;
  padding: calc(var(--gap) + var(--width));
  outline: var(--width) solid var(--color);
  outline-offset: calc(var(--gap)/-1);
  mask:
    conic-gradient(at var(--size) var(--size),#0000 75%,#000 0)
    0 0/calc(100% - var(--size)) calc(100% - var(--size)),
    linear-gradient(#000 0 0) content-box;
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0, 1);
}
.centered-slider-slide.active::after {
  outline-offset: calc(-1 * var(--width));
  opacity: 1;
}
</style>
</head><body class="body-new"><div class="page-wrapper"><div class="global-styles w-embed w-script"><style>

/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Set color style to inherit */
.inherit-color * {
    color: inherit;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}


/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

</style>

<script>
  const mouseTrail = document.querySelector('.mouse-trail_wrapper');
  const button = document.querySelector('.button.is-lp');

  if (mouseTrail && button) {
    button.addEventListener('mouseenter', () => {
      mouseTrail.style.pointerEvents = 'none';
    });

    button.addEventListener('mouseleave', () => {
      mouseTrail.style.pointerEvents = 'auto';
    });
  }
</script>

<style>

  .button.is-lp {
    background-size: 200%;
    transition: background-position 0.4s ease;
  }

  .button.is-lp:hover,
  .button.is-lp:focus {
    background-position: right;
  }

</style></div><div class="top_banner"><div class="padding-global"><div class="container-large"><div class="div-block-16"><a aria-label="homepage" href="/" aria-current="page" class="link-block-2 w-inline-block w--current"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68552baabfa18c98362f5326_Logo%20cerise%26blancRVB.png" loading="lazy" alt="" class="image-10"/></a><div class="wg_wrapper"><div class="w-locales-list"><div data-hover="true" data-delay="0" class="dropdown w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div>FR</div></div><nav class="dropdown-list w-dropdown-list"><div role="list" class="w-locales-items"><div role="listitem" class="w-locales-item"><a selector="language" hreflang="fr" href="/" aria-current="page" class="link_trad w--current">FR</a></div><div role="listitem" class="w-locales-item"><a selector="language" hreflang="en-US" href="/en" class="link_trad">EN</a></div></div></nav></div></div></div></div></div></div><nav data-navigation-status="not-active" class="navigation"><div data-navigation-toggle="close" class="navigation__dark-bg"></div><div class="hamburger-nav"><div class="hamburger-nav__bg"></div><div class="hamburger-nav__group"><p class="hamburger-nav__menu-p">Menu</p><ul class="hamburger-nav__ul"><div class="hamburger-nav__li"><a href="/#showreel" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Showreel</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#ecueils-a-eviter" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Écueils à éviter</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#process" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Process</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#resultat" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Résultat</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#temoignages" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Témoignages</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#tarif" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Tarifs</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#realisation" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">Réalisations</p><div class="hamburger-nav__dot"></div></a></div><div class="hamburger-nav__li"><a href="/#faq" class="hamburger-nav__a w-inline-block"><p class="hamburger-nav__p">FAQ</p><div class="hamburger-nav__dot"></div></a></div></ul></div><div data-hover="" data-navigation-toggle="toggle" class="hamburger-nav__toggle"><div class="hamburger-nav__toggle-bar"></div><div class="hamburger-nav__toggle-bar"></div></div></div></nav></div><main class="main-wrapper"><header class="section_header75"><div data-trail="wrapper" class="mouse-trail_wrapper"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc58e381a820664629_9a76f90aeb4fa611213b5ee66d4ca8ed_souris.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-01"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc4a8e88cb58c8ca78_5a5d513b4fcb7831bdd417d230fe1bdb_ressort.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-02"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc0e41d945fb01bff9_2dd350a4ddff00cfe2fdb3c2742af637_circle.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-03"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc37d72ae8af988b94_309c25a9ac0c8c0af3498491db924c11_orange.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-04"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003ffe4c8145ac55ac6b6_a357da599fd1cdd6a1775633d8c06c24_etoile.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-05"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fbca08682031664e94_e2cd78e2e19ff5d3cf1dd8a7f90ec595_cerise.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-06"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fcbb0dd78fdcd9281f_71f585d412825b111868bfba820206dd_coeur.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-07"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fb0e41d945fb01bf8c_9430bf33a34745c762f144c6f6610e45_webflow.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-08"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc03db3e6498f670d8_c3d03d63156e76c3c14e35d8d2cff3eb_setting.webp" loading="lazy" data-trail="item" alt="" class="mouse-trail_image is-09"/></div><div class="linear_gradient"></div><div class="z-index"><div class="padding-global"><div class="container-large"><div class="header75_component"><div class="header75_content"><h1 class="heading-style-h1 is-lp">Donne vie à ta<br/>maquette Figma</h1><div class="spacer-1-5"></div><p class="text-header">Designer, CTO ou CMO ? Je transforme ta maquette en site Webflow propre,<br/>rapide, fidèle à ta maquette, et facile à faire évoluer.</p><div class="spacer-1-5"></div><div class="button-group_lp"><div class="div-block-14"><a id="button_hero" data-href-en="https://tidycal.com/calistaweb/appel-decouverte-en" href="https://tidycal.com/calistaweb/appel-decouverte" target="_blank" class="cta_wrapper w-inline-block"><div class="button is-lp hero"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6852c7aa666ea94d730aaac4_f0f361c0499eed94c34523dfabb3686d_coraline%20pic.webp" loading="eager" alt="" class="image-11"/><div>Réserve ton appel</div></div></a></div><p class="text-size-small text-weight-light">C&#x27;est gratuit !</p></div><section class="section_logo6"><div class="logo6_component"><div class="logo6_content"><div class="div-block-11"><div class="div-block-12"></div><p class="paragraph-4">Ils me font confiance</p><div class="div-block-12"></div></div><div class="spacer-medium"></div><div class="div-block-13"><div class="w-layout-grid logo6_list line-01"><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e20b47c8f742fbbb3ba_Calque_1%20(2).svg" alt="" class="logo6_logo line-01"/></div><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e216d16c7cc42c4869c_67471f1c02f2121d8c696f7d_logo_alegria-group_framed_black%201.svg" alt="" class="logo6_logo line-01"/></div><div id="w-node-f365bea7-4396-485f-c7dd-86ae6be39573-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e2090097f7c76ded3bb_Calque_1%20(3).svg" alt="" class="logo6_logo line-01"/></div><div id="w-node-f365bea7-4396-485f-c7dd-86ae6be39575-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e21f8963a37c6255847_Calque_1%20(1).svg" alt="" class="logo6_logo line-01"/></div><div id="w-node-_071beea0-722a-c8f2-3781-dadcff788d44-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-01"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c31cec849e1f3ec9e4064_logo%20ozae%201.svg" alt="" class="logo6_logo line-01"/></div></div><div class="w-layout-grid logo6_list line-02"><div id="w-node-_85dec5ee-aa0b-0f20-4fac-eaeda7828cc8-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e2132987f9198caa441_674d6e2ec808f4282ca4ca31_Logo%201.svg" alt="" class="logo6_logo line-02"/></div><div id="w-node-_85dec5ee-aa0b-0f20-4fac-eaeda7828cca-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c31cee90a7e6993225a57_logo%20neoden%201.svg" alt="" class="logo6_logo line-02"/></div><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c31ceb76492f0998c5849_87de9f5e39846dee41f38695ac7e0689_logo%20ma-pension%201.webp" alt="" class="logo6_logo line-02"/></div><div id="w-node-_85dec5ee-aa0b-0f20-4fac-eaeda7828ccc-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c2e20ececb3ed129ba094_Calque_1.svg" alt="" class="logo6_logo line-02"/></div><div id="w-node-_2d6bd5a4-2e61-521c-6726-281756c4adbb-342d51e7" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="logo6_wrapper line-02"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684c358987e536b206ba49b1_Stroobants_white.svg" alt="" class="logo6_logo line-02"/></div></div></div></div></div></section></div><div id="showreel" class="header75_content-bottom"><div class="radial"></div><div class="showreel_wrapper"><div class="showreel_embed w-embed"><video
  class="showreel_embed"
  src="https://res.cloudinary.com/dr3ccjzbu/video/upload/v1750419653/Calistaweb_Showreel_HQ_1920x1080_kwuqmk.mp4"
  poster="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68554a43641f2407396043a0_Group%201000010695.webp"
  width="100%"
  height="100%"
  autoplay
 muted
 loop
 controls
 playsinline
 title="Showreel, réalisation Webflow 2024/2025 de Coraline Guillevic"
></video></div></div></div><div data-w-id="494d236d-2e1a-b09a-4753-fbff3b12a7e4" class="header75_ix-trigger"></div></div></div></div></div></header><section id="ecueils-a-eviter" class="section_probl-me"><div class="padding-global padding-section-small"><div class="container-large"><div class="layout_component"><div class="heading_compo"><div class="tagline">Stop au sabotage de maquettes</div><h2 class="heading-style-h2 is-lp">Une mauvaise intégration coûte cher</h2><div class="spacer-small"></div><p class="text-intro">Tu soignes ta maquette Figma au pixel près... mais si l’intégration Webflow ne suit pas, tout s’effondre. Même le meilleur design ne suffit pas si ton site est lent ou mal développé.</p></div><div class="spacer-xxlarge"></div><div class="w-layout-grid layout_list"><div blocks-name="event20_item" class="probleme_item is-01"><div blocks-name="event20_image-wrapper" class="probleme_image-wrapper"><img sizes="(max-width: 767px) 100vw, 672.9817504882812px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5977feba1b7c6375f8b_8739de7bccad4eae9329586fbe06d8ae_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%283%29-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5977feba1b7c6375f8b_8739de7bccad4eae9329586fbe06d8ae_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%283%29.webp 673w" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5977feba1b7c6375f8b_8739de7bccad4eae9329586fbe06d8ae_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%283%29.webp" loading="lazy" class="probleme_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="probleme_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xxsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Un rendu dégradé</h3></div><div blocks-name="paragraph-2" class="problem_content">Ta maquette est précise,mais mal intégrée, tout se déforme, et ton design perd en impact.</div></div></div></div><div blocks-name="event20_item" class="probleme_item is-02"><div blocks-name="event20_image-wrapper" class="probleme_image-wrapper"><img sizes="(max-width: 767px) 100vw, 672.9817504882812px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa597fceb3278c4444770_51903eb40a4335ed63a89fbd5a3aee67_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%281%29-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa597fceb3278c4444770_51903eb40a4335ed63a89fbd5a3aee67_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%281%29.webp 673w" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa597fceb3278c4444770_51903eb40a4335ed63a89fbd5a3aee67_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%281%29.webp" loading="lazy" class="probleme_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="probleme_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xxsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Un site qui rame</h3></div><div blocks-name="paragraph-2" class="problem_content">Lent, non responsive, mal animé… une expérience frustrante qui fait fuir tes visiteurs.</div></div></div></div><div blocks-name="event20_item" class="probleme_item is-03"><div blocks-name="event20_image-wrapper" class="probleme_image-wrapper"><img sizes="(max-width: 767px) 100vw, 672.9817504882812px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5972015f847f85f6171_fc9b2adbec094fe5da353c16920b8b77_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%282%29-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5972015f847f85f6171_fc9b2adbec094fe5da353c16920b8b77_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%282%29.webp 673w" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa5972015f847f85f6171_fc9b2adbec094fe5da353c16920b8b77_Capture%20d%E2%80%99e%CC%81cran%202025-06-11%20a%CC%80%2011.53.38%201%20%282%29.webp" loading="lazy" class="probleme_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="probleme_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xxsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Des galères en cascade</h3></div><div blocks-name="paragraph-2" class="problem_content">SEO, accessibilité, mises à jour… quand tout est mal structuré, tu passes ton temps à réparer.</div></div></div></div><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690.webp" loading="lazy" sizes="(max-width: 1919px) 100vw, 1327.981689453125px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690-p-800.png 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690-p-1080.png 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684aa9c9558be3185254235b_4e2175c2f8246c5eb6715fb66a241848_Group%201000010690.webp 1328w" alt="" class="image_cerise"/></div></div></div></div><div class="radial is-probleme"></div></section><section id="process" class="section_process"><div class="padding-global padding-section-medium"><div class="container-large"><div class="process_component"><div class="w-layout-grid processus_content"><div class="process_content-left"><div class="tagline">Mon process</div><div class="spacer-xsmall"></div><h2 class="heading-style-h2 is-lp">Les étapes de la collaboration</h2><div class="spacer-small"></div><p class="text-intro">Chaque projet est unique. En tant qu’experte certifiée Client-First, j’utilise une méthode structurée qui s’adapte à tes besoins.<br/>Résultat : un site pro, clair, livré dans les temps et prêt à évoluer.</p><div class="spacer-medium"></div><div class="button-group is-desktop"><a id="button_base" data-href-en="https://tidycal.com/calistaweb/appel-decouverte-en" href="https://tidycal.com/calistaweb/appel-decouverte" class="cta_wrapper w-inline-block"><div class="button is-lp"><div>Réserve ton appel</div><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685160459038fc02649ab2fb_Arrow-Right-Up.svg" alt="" class="image-9"/></div></a></div><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201.webp" loading="lazy" sizes="(max-width: 1279px) 100vw, 1079.9869384765625px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201-p-800.png 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fdc5c7e4079dc519a315d_Group%201000010690%20(2)%201.webp 1080w" alt="" class="image_cta"/></div><div class="process_content-right"><div class="process_row"><div class="process_item"><div class="process_number is-01">1</div><div class="process_content"><h3 class="h3_process">Rendez-vous<br/>découverte en visio</h3><p class="text_process">On fait le point ensemble : ton projet, tes objectifs, ta maquette s’il y en a. Je t’aide à cadrer les besoins dès le départ.</p></div></div><div class="process_item"><div class="process_number is-02">2</div><div class="process_content"><h3 class="h3_process">Cadrage
&amp; intégration</h3><p class="text_process">Structure, SEO, performances… Tout est pensé dès le début pour une intégration Webflow propre et durable.</p></div></div><div class="process_item"><div class="process_number is-03">3</div><div class="process_content"><h3 class="h3_process">Corrections
&amp; livraison</h3><p class="text_process">Tu fais tes retours, j’ajuste si besoin, puis je livre la version finale dans ton espace Webflow.<br/>Tu repars avec un site propre, optimisé, et une documentation claire pour gérer ton site en toute autonomie.</p></div></div><div class="process_item is-responsive"><div class="button-group is-responsive"><a id="button_base" data-href-en="https://tidycal.com/calistaweb/appel-decouverte-en" href="https://tidycal.com/calistaweb/appel-decouverte" class="cta_wrapper w-inline-block"><div class="button is-lp"><div>Réserve ton appel</div><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685160459038fc02649ab2fb_Arrow-Right-Up.svg" alt="" class="image-9"/></div></a></div></div></div></div></div></div></div></div></section><section id="resultat" class="section_resultat"><div class="padding-global padding-section-medium"><div class="container-large"><div class="layout_component"><div class="heading_compo"><div class="tagline">Plus que juste un site</div><h2 class="heading-style-h2 is-lp">Ce que tu obtiens concrètement</h2></div><div class="spacer-large"></div><div class="w-layout-grid resultat_list"><div blocks-name="event20_item" class="resultat_item is-01"><div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ada5931e0e97d75406030_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%201.webp" alt="" class="resultat_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Un rendu pixel-perfect</h3></div><div blocks-name="paragraph-2" class="problem_content">Ton design est respecté au détail près. Si tu as déjà une maquette, je l’analyse dès le départ.</div></div></div></div><div blocks-name="event20_item" class="resultat_item is-02"><div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ae1714e9c468b3eabf088_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%202.webp" alt="" class="resultat_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Un site rapide
et bien référencé</h3></div><div blocks-name="paragraph-2" class="problem_content">Performances, SEO, responsive… tout est pensé dès le début pour une base solide.</div></div></div></div><div blocks-name="event20_item" class="resultat_item is-01"><div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ae171ed35d19d5e00df34_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%202%20(1).webp" alt="" class="resultat_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Une vraie
collaboration</h3></div><div blocks-name="paragraph-2" class="problem_content">Tu bosses avec une dev qui comprend ton métier (et ton design), et ça change tout.</div></div></div></div><div blocks-name="event20_item" class="resultat_item is-02"><div blocks-name="event20_image-wrapper" class="resultat_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684ae172941130a2450e6f0f_ChatGPT%20Image%2011%20juin%202025%2C%2017_32_56%202%20(2).webp" alt="" class="resultat_image"/></div><div blocks-name="event20_item-content" blocks-slot-children="ST265" class="resultat_item-content"><div blocks-name="event20_item-content-top" blocks-slot-children="ST232" class="probleme_item-content-top"><div class="margin-bottom margin-xsmall"><h3 blocks-non-deletable="true" blocks-name="heading-style-h5" blocks-slot-item-canonical="EL127" class="heading_probleme">Une doc’ claire
pour la suite</h3></div><div blocks-name="paragraph-2" class="problem_content">Une documentation simple (écrite + vidéo) pour faire évoluer ton site en toute autonomie.</div></div></div></div></div></div></div></div><div class="radial is-result"></div></section><section id="temoignages" aria-label="Testimonial Slider" data-centered-slider="wrapper" data-slider-autoplay="true" data-slider-autoplay-duration="4" class="centered-slider-group"><div class="container"><div class="tagline">Témoignages</div><h2 class="heading-style-h2 is-lp">Ils ont choisi de bien s’entourer</h2><div class="centered-slider-content"><ul role="tablist" class="centered-slider-bullet__list"><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc3353e07eb0b2c411_pp_astrid%20noizat.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676aba3da7e2184368cf70c1_pp_florian%20casanova.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68a6c991bd3b64438f33640e_evelyne%20michel.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cca68e7efdff4cf67c_pp_guillaume%20hage.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d69c76dc8a4933e78008_1721317067671.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684becd6f1d05d00fac5fc52_calixte%20yago.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d6f5e9a0914d57a67ab1_1741272261592.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="role" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684bf293e001db50218197cc_photo%20yoni%20heyia%20studio.webp" alt="" class="image-6"/></button></li><li class="centered-slider-bullet__item"><button data-centered-slider="bullet" role="tab" aria-selected="false" class="centered-slider-bullet"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc51b29de753852b10_pp_amaury%20de%20luca.webp" alt="" class="image-6"/></button></li></ul></div></div><div class="centered-slider-row"><div aria-label="slides" data-centered-slider="list" role="group" class="centered-slider-list"><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Coraline se pose toujours les bonnes questions, est très rigoureuse tant dans le développement que dans la documentation de son travail et c’est un réel plaisir de travailler avec elle sur le plan humain.<br/>‍<br/>Elle a su se faire apprécier de toutes l’équipe et structurer nos projets de développement de sites de grande ampleur.<br/>‍<br/>Elle aime les défis et trouver des solutions créatives aux problèmes qu’elle rencontre.</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc3353e07eb0b2c411_pp_astrid%20noizat.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Astrid Noizat<p class="paragraph">CMO @ Alegria.group</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Coraline possède une compréhension profonde de Webflow et de ses possibilités.<br/><br/>Son approche centrée sur l&#x27;utilisateur garantit que les solutions développées ne sont pas seulement efficaces, mais aussi intuitives et faciles à utiliser.<br/><br/>Elle communique clairement, répond rapidement aux feedbacks et est toujours prête à aider ses collègues.<br/></p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676aba3da7e2184368cf70c1_pp_florian%20casanova.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Florian Casanova<p class="paragraph">Senior Creative Digital Director</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Un grand merci à Coraline pour son écoute, sa créativité et son professionnalisme dans la création de mon site internet.<br/><br/>Elle a su traduire mon univers, mes valeurs et mes prestations avec clarté et esthétisme, tout en me guidant à chaque étape avec rigueur et bienveillance.<br/><br/>Une collaboration fluide, humaine et efficace que je recommande vivement à tout entrepreneur en quête d’un site à son image.</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68a6c991bd3b64438f33640e_evelyne%20michel.webp" alt="" class="slide-demo__avatar"/><div><p class="slide-demo__eyebrow">Evelyne Michel</p><p class="paragraph">DRH externalisée @ Maestrya</p></div></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Coraline nous a accompagné avec brio sur un projet d&#x27;intégration de nouvelles pages Tarifs pour LegalPlace.<br/><br/>Surtout, elle a su aller au-delà de la simple intégration en étant force de proposition et capable de relever des incohérences, tout en proposant des pistes d&#x27;amélioration.<br/><br/>Je la recommande vivement !</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cca68e7efdff4cf67c_pp_guillaume%20hage.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Guillaume Hage<p class="paragraph">CMO @ LegalPlace</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Coraline, c’est l’efficacité incarnée ! Elle ne se contente pas de faire de l&#x27;exécution, elle transforme votre projet web pour le rendre encore mieux que ce que vous imaginiez.<br/><br/>En plus, elle est douce, pro, et super agréable à bosser avec. J’ai hâte de retravailler avec toi, Coraline.<br/>Un immense merci pour ton taff incroyable.</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d69c76dc8a4933e78008_1721317067671.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Axelle Heurtevent<p class="paragraph">Brand &amp; Website designer @ Ozae</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">J’ai travaillé avec Coraline à la création de deux sites Internet sous Webflow : elle a fait preuve d’un grand professionnalisme sur ces deux projets, et le résultat est à la hauteur de mes attentes.<br/><br/>La documentation est également très complète et permet à mes équipes d’être rapidement opérationnelles sur la plateforme pour effectuer les modifications et créer de nouvelles pages lorsque nécessaire.<br/><br/>Je la recommande les yeux fermés !</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684becd6f1d05d00fac5fc52_calixte%20yago.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Calixte des Lauriers<p class="paragraph">CMO @ YAGO</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Super recommendation, non seulement Coraline a fait un super travail structuré précis et de qualité, mais nous avons été bluffé par l’efficacité et la communication globale sur le projet.<br/><br/>Merci encore</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/67e3d6f5e9a0914d57a67ab1_1741272261592.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Benoit Morin<p class="paragraph">Co-fondateur @ Kapélan</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">Coraline nous a accompagné avec Noqode pour la construction et mise en ligne de notre site.<br/><br/>Le suivi a été très fluide et vraiment propre. Elle nous a même mis en place une documentation pour que nous soyons totalement autonomes sur les modifications basique du site, et honnêtement c&#x27;était très clair et la prise en main a été faite rapidement de notre côté.<br/><br/>Encore un grand merci à Coraline pour son superbe travail, je la recommande les yeux fermés !</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684bf293e001db50218197cc_photo%20yoni%20heyia%20studio.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Yoni Attlan<p class="paragraph">Co-fondateur @ Heyia Studio</p></span></div></div></div><div data-centered-slider="slide" class="centered-slider-slide"><div class="centered-slider-slide__inner"><p class="slide-demo__description">J&#x27;ai eu l&#x27;occasion de collaborer sur plusieurs projets avec Coraline notamment sur des intégrations de maquettes UI vers Webflow et j&#x27;ai toujours été pleinement satisfait.<br/><br/>Elle travaille rapidement, efficacement et avec une bonne humeur constante. <br/><br/>Je recommande vivement !</p><div class="slide-demo__details"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/676ab6cc51b29de753852b10_pp_amaury%20de%20luca.webp" alt="" class="slide-demo__avatar"/><span class="slide-demo__eyebrow">Amaury de Luca<p class="paragraph">CEO @ Noqode</p></span></div></div></div></div><div class="gradient_slider"></div><div class="gradient_slider is-right"></div></div></section><section id="tarif" class="section_pricing"><div class="padding-global padding-section-medium"><div class="container-large"><div class="pricing_component"><div class="heading_compo"><div class="tagline">Tarifs</div><h2 class="heading-style-h2 is-lp">Des tarifs clairs, pensés pour ton budget</h2><div class="spacer-small"></div><p class="text-intro">Un site bien intégré, c’est un site qui charge vite, qui donne confiance et qui convertit. Tu ne paies pas juste un site : tu investis dans un outil fiable, évolutif et pro.</p></div><div class="spacer-xxlarge"></div><div class="max-width-xlarge align-center"><div class="w-layout-grid pricing_plans"><div class="pricing_plan"><div class="pricing_heading-wrapper"><h3 class="h3_pricing">Ta Landing Page<br/>ou ton One-pager</h3></div><div class="pricing_wrapper"><p class="intro_price">À PARTIR DE</p><p class="intro_price"><span class="price_details">€ 900</span> / HT</p></div><p class="text_pricing-content">Pour lancer ton produit, ton service ou ta campagne avec une page unique bien pensée.<br/>Parfaite si tu veux aller droit au but avec un rendu pro et optimisé.<br/><span class="is--semibold">Ton site sera en ligne avant le </span><span id="date-jplus10" data-wg-notranslate="" class="is--semibold">date</span></p><div class="pricing_cta-wrapper"><a id="button_lp" data-href-en="https://tidycal.com/calistaweb/landing-page-en" href="https://tidycal.com/calistaweb/landing-page" class="cta_wrapper w-inline-block"><div class="button is-lp"><div>Donner vie à ma Landing Page</div></div></a><div class="fomo-content"><div class="svg_fomo w-embed"><svg id="pulse-icon" width="18" height="18" viewbox="0 0 40 40">
  <circle cx="20" cy="20" r="5" fill="#ff9900" />
  <circle cx="20" cy="20" r="5" fill="#ff9900" opacity="0">
    <animate attributename="r" from="5" to="20" dur="1.5s" repeatcount="indefinite" />
    <animate attributename="opacity" from="0.6" to="0" dur="1.5s" repeatcount="indefinite" />
  </circle>
</svg></div><p id="message-dispo-lp" data-wg-notranslate="">2 places seulement en date</p></div></div><div class="divider-pricing"></div><div class="pricing_detail-content"><div class="pricing_feature-list"><p>Inclus : </p><div class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Intégration pixel-perfect à partir de ta maquette Figma</div></div><div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a8a1-342d51e7" class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Page rapide, responsive, et optimisé techniquement pour le SEO</div></div><div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a8a6-342d51e7" class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Documentation pour modifier ton contenu en toute autonomie</div></div><div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a8ab-342d51e7" class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Pages légales (Mentions légales, ...)</div></div></div><p class="text_pricing-option">En option : Custom code (pour des interactions, ou des besoins spécifiques...), Automatisations (Zapier, Make...), Formation Webflow personnalisée pour toi ou ton équipe</p></div></div><div class="pricing_plan"><div class="pricing_heading-wrapper"><h3 class="h3_pricing">Ton site complet</h3></div><div class="pricing_wrapper"><p class="intro_price">  </p><p class="intro_price"><span class="price_details">sur devis</span></p></div><p class="text_pricing-content">Une solution complète et flexible pour donner vie à ton site vitrine, multi-pages ou CMS.<br/>Parfaite pour un projet structuré, évolutif, et pro.<span class="is--semibold"><br/>Ton site sera en ligne avant le </span><span id="date-jplus21" data-wg-notranslate="" class="is--semibold">date</span><span class="is--semibold">‍</span></p><div class="pricing_cta-wrapper"><a id="button_site" href="https://tidycal.com/calistaweb/site" class="cta_wrapper w-node-_940cd098-52c6-a79e-7afb-fc9933f1aa4d-342d51e7 w-inline-block"><div data-href-en="https://tidycal.com/calistaweb/site-en" class="button is-lp"><div>Donner vie à mon site</div></div></a><div class="fomo-content"><div class="svg_fomo w-embed"><svg width="18" height="18" viewbox="0 0 40 40">
  <circle cx="20" cy="20" r="5" fill="#ff0000" />
  <circle cx="20" cy="20" r="5" fill="#ff0000" opacity="0">
    <animate attributename="r" from="5" to="20" dur="1.5s" repeatcount="indefinite" />
    <animate attributename="opacity" from="0.6" to="0" dur="1.5s" repeatcount="indefinite" />
  </circle>
</svg></div><p id="message-dispo-site" data-wg-notranslate="">2 places seulement en date</p></div></div><div class="divider-pricing"></div><div class="pricing_detail-content"><div class="pricing_feature-list"><p>Inclus : </p><div class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Intégration pixel-perfect à partir de ta maquette Figma</div></div><div class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Architecture de ton CMS</div></div><div id="w-node-_5c0f9a2b-9a2e-608d-6087-f54279a6e135-342d51e7" class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Page rapide, responsive, et optimisé techniquement pour le SEO</div></div><div id="w-node-_5c0f9a2b-9a2e-608d-6087-f54279a6e13a-342d51e7" class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Documentation pour modifier ton contenu en toute autonomie</div></div><div id="w-node-_5c0f9a2b-9a2e-608d-6087-f54279a6e13f-342d51e7" class="pricing_feature"><div class="pricing_icon-wrapper"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.20605 14.6899L12.2061 10.6899L8.20605 6.68994" stroke="#500910" stroke-width="1.88" stroke-linecap="round"/>
</svg></div></div><div>Pages légales (Mentions légales, ...)</div></div></div><p class="text_pricing-option">En option : Custom code (pour des interactions, ou des besoins spécifiques...), Automatisations (Zapier, Make...), Formation Webflow personnalisée pour toi ou ton équipe</p></div></div></div></div></div></div></div></section><section id="realisation" data-w-id="d9e22045-cea0-c667-fafe-44f99d64ee08" class="section_realisation"><div class="padding-global padding-section-medium"><div class="container-large"><div class="realisation_component"><div class="heading_compo is-cta"><div class="tagline">Mes projets</div><h2 class="heading-style-h2 is-lp">Un coup d’œil vaut mieux qu’un long discours</h2></div><div class="spacer-xxlarge-7"></div><div class="realisation_content-bottom"><div class="realisation_images-layout"><div class="realisation_image-list-top"><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee1e-342d51e7" class="realisation_image-list"><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee1f-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee20-342d51e7" loading="lazy" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7490259f55b6186baec_6851cf6f05a4045d47f5b21e9ba09830_heyiastudio%20home%20hero.webp" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee21-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee22-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee23-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee24-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp 1920w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee25-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee26-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp 1366w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee27-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee28-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp 1920w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee29-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee2a-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp 1920w" class="realisation_image"/></div></div><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24a-342d51e7" class="realisation_image-list"><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24b-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24c-342d51e7" loading="lazy" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7490259f55b6186baec_6851cf6f05a4045d47f5b21e9ba09830_heyiastudio%20home%20hero.webp" class="realisation_image"/></div><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24d-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24e-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745d7f8d2b9a06aaeab_La%20meilleure%20assurance%20vie%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"/></div><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc24f-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc250-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745b7553409f7750600_image%203.webp 1920w" class="realisation_image"/></div><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc251-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc252-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7423e3dff35fbda9c01_image%2013.webp 1366w" class="realisation_image"/></div><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc253-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc254-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741f1928131d9e88e4a_Blog%20_%20Alegria.group%2C%20leader%20europ%C3%A9en%20des%20technologies%20Nocode%201.webp 1920w" class="realisation_image"/></div><div id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc255-342d51e7" class="realisation_image-wrapper"><img id="w-node-_2d01bef1-0799-20f4-12bf-ae0f616fc256-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd09_Les%20tarifs%20de%20LegalPlace%201.webp 1920w" class="realisation_image"/></div></div></div><div class="realisation_image-list-bottom"><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee39-342d51e7" class="realisation_image-list"><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3a-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3b-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp 1920w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3c-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3d-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp 1920w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3e-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee3f-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp 1366w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee40-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee41-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp 1920w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee42-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee43-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp 1366w" class="realisation_image"/></div><div id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee44-342d51e7" class="realisation_image-wrapper"><img id="w-node-d9e22045-cea0-c667-fafe-44f99d64ee45-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"/></div></div><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde7d-342d51e7" class="realisation_image-list"><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde7e-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde7f-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7466d45566370e5228d_image%208.webp 1920w" class="realisation_image"/></div><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde80-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde81-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe73e0619f168c55e229a_Tarifs%20pour%20une%20cr%C3%A9ation%20de%20soci%C3%A9t%C3%A9%20-%20LegalPlace%201.webp 1920w" class="realisation_image"/></div><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde82-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde83-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741146e6b0f148bc220_image%2014.webp 1366w" class="realisation_image"/></div><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde84-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde85-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745e65b6e12ebebcd4a_image%207.webp 1920w" class="realisation_image"/></div><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde86-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde87-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe7457e7b954e7b367989_image%2010.webp 1366w" class="realisation_image"/></div><div id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde88-342d51e7" class="realisation_image-wrapper"><img id="w-node-adbe4c76-2051-1430-a804-c9b34c0bde89-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe742f1928131d9e88e7d_CPTI%20pour%20ind%C3%A9pendants%20-%20Comparatif%202025%201.webp 1920w" class="realisation_image"/></div></div></div><div class="realisation_image-list-top"><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4bf-342d51e7" class="realisation_image-list"><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c0-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c1-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp 1920w" class="realisation_image"/></div><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c2-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c3-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp 1366w" class="realisation_image"/></div><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c4-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c5-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp 1366w" class="realisation_image"/></div><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c6-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c7-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp 1366w" class="realisation_image"/></div><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c8-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4c9-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp 1920w" class="realisation_image"/></div><div id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4ca-342d51e7" class="realisation_image-wrapper"><img id="w-node-_4ae07aea-a510-cf86-8fd3-70159b4fb4cb-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp 1366w" class="realisation_image"/></div></div><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edaf-342d51e7" class="realisation_image-list"><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb0-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb1-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74587ecbd688ca7acb3_D%C3%A9couvrez%20les%20tarifs%20du%20compte%20pro%20de%20LegalPlace%201.webp 1920w" class="realisation_image"/></div><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb2-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb3-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe745f64d17aeee1c9aae_image%209.webp 1366w" class="realisation_image"/></div><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb4-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb5-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741309c1d7f5947217e_image%2015.webp 1366w" class="realisation_image"/></div><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb6-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb7-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe74134f72bdaf4eec82f_image%2012.webp 1366w" class="realisation_image"/></div><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edb8-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edb9-342d51e7" sizes="(max-width: 1919px) 100vw, 1919.9869384765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741187280f536828474_Trouvez%20le%20bon%20placement%20pour%20votre%20pension%20_%20Ma-pension.be%20(1)%201.webp 1920w" class="realisation_image"/></div><div id="w-node-df459e83-f5ae-7061-9cbc-57964461edba-342d51e7" class="realisation_image-wrapper"><img id="w-node-df459e83-f5ae-7061-9cbc-57964461edbb-342d51e7" sizes="(max-width: 1919px) 100vw, 1365.9765625px" alt="" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016-p-1080.webp 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684fe741774fca94d67d0fe7_image%2016.webp 1366w" class="realisation_image"/></div></div></div></div></div></div></div></div></section><section id="faq" class="section_faq6"><div class="padding-global padding-section-medium"><div class="container-large"><div class="faq6_component"><div class="w-layout-grid faq_content"><div id="w-node-_494d236d-2e1a-b09a-4753-fbff3b12a91b-342d51e7" class="faq_content-left"><h2 class="heading-style-h2 is-lp text-color-cosmos">FAQ&#x27;s</h2><div class="spacer-small-5"></div><p class="text-intro-faq">Qui regroupe les réponses<br/>à vos questions</p><div class="spacer-medium-3"></div><div class="faq_cta desktop"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1080.png 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1600.png 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp 2140w" alt="" class="image-8"/><div class="div-block-9"><p class="paragraph-2">Encore des questions ?</p><div class="spacer-1-5"></div><a id="button_faq" data-href-en="https://tidycal.com/calistaweb/faq-en" href="https://tidycal.com/calistaweb/faq" class="cta_wrapper w-inline-block"><div class="button is-lp"><div>Réserve ton appel</div></div></a></div></div></div><div class="faq6_list"><div class="w-layout-grid faq_list-grid"><div class="faq6_accordion"><div data-w-id="494d236d-2e1a-b09a-4753-fbff3b12a928" class="faq6_question"><h3 class="faq_question-h3">En combien de temps tu livres un site ?</h3><div class="faq6_icon-wrapper"><div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"/>
</svg></div></div></div><div style="width:100%;height:0px" class="faq6_answer"><p>Le temps nécessaire dépend de la complexité de votre projet.<br/>En général, l’intégration d’un one-pager ou d’une landing page peut être réalisée en 1 à 2 jours.<br/>Un site plus complet peut nécessiter entre 1 et 8 semaines. Après un rendez-vous découverte, je pourrai te fournir une estimation précise.</p><div class="spacer-medium"></div></div></div><div class="faq6_accordion"><div data-w-id="c6fcb6d7-b1dc-5969-a9f8-b61e20cf1bb9" class="faq6_question"><h3 class="faq_question-h3">Comment se déroule la collaboration ?</h3><div class="faq6_icon-wrapper"><div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"/>
</svg></div></div></div><div style="width:100%;height:0px" class="faq6_answer"><p>Chaque projet est unique, et ma priorité est d&#x27;assurer une collaboration fluide et personnalisée. Voici les principales étapes de notre travail ensemble :<br/><br/>‍<strong>1. Rendez-vous découverte</strong>: On échange sur ton projet, tes besoins et tes objectifs. Si tu as déjà des maquettes, c’est le moment idéal pour me les présenter.<br/><br/>‍<strong>2. Cadrage et développement</strong>: Une fois le devis validé et l&#x27;acompte versé, je commence l’intégration en respectant tes maquettes, en configurant le design system, et en optimisant les performances SEO.<br/><br/>‍<strong>3. Correction et livraison</strong>: Après une première version, je procède aux ajustements selon tes retours, puis je transfère le projet dans ton espace Webflow.<br/><br/>Une formation rapide est possible pour te rendre autonome dans la gestion de ton site en plus de la documentation.</p><div class="spacer-medium"></div></div></div><div class="faq6_accordion"><div data-w-id="ee6e5687-cb6f-703c-3ab6-2c60f4ccfd6d" class="faq6_question"><h3 class="faq_question-h3">Je n&#x27;ai pas encore de design, peut-on collaborer ?</h3><div class="faq6_icon-wrapper"><div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"/>
</svg></div></div></div><div style="width:100%;height:0px" class="faq6_answer"><p>Oui, bien sûr ! Je travaille en collaboration avec des partenaires spécialisés en design.<br/>Ensemble, nous pouvons concevoir une maquette qui correspond à vos besoins et à votre identité visuelle.<br/>Une fois le design validé, je m’occupe de l’intégration sur Webflow pour créer un site fonctionnel et optimisé.</p><div class="spacer-medium"></div></div></div><div class="faq6_accordion"><div data-w-id="2704f0c3-11f7-4eb5-81c2-c8b98e3d8f34" class="faq6_question"><h3 class="faq_question-h3">Peux-tu intervenir sur un site Webflow déjà existant ?</h3><div class="faq6_icon-wrapper"><div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"/>
</svg></div></div></div><div style="width:100%;height:0px" class="faq6_answer"><p>Oui, bien sûr !<br/>Je peux tout à fait intervenir sur un site Webflow déjà en ligne : pour corriger des bugs, améliorer les performances, optimiser le SEO technique, retravailler le responsive ou encore revoir certaines sections, ajouter de nouvelles pages,...<br/><br/>On commence par un rapide audit pour identifier les priorités, puis je te propose un plan d’action adapté à tes besoins.</p><div class="spacer-medium"></div></div></div><div class="faq6_accordion"><div data-w-id="ab6ffb3e-0fcf-0f10-87bd-be56926d82c4" class="faq6_question"><h3 class="faq_question-h3">Proposes-tu un accompagnement après la mise en ligne ?</h3><div class="faq6_icon-wrapper"><div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.3333 15.667V16.3336C25.3333 16.7018 25.0349 17.0003 24.6667 17.0003H17V24.667C17 25.0351 16.7015 25.3336 16.3333 25.3336H15.6667C15.2985 25.3336 15 25.0351 15 24.667V17.0003H7.3333C6.96511 17.0003 6.66663 16.7018 6.66663 16.3336V15.667C6.66663 15.2988 6.96511 15.0003 7.3333 15.0003H15V7.33365C15 6.96546 15.2985 6.66699 15.6667 6.66699H16.3333C16.7015 6.66699 17 6.96546 17 7.33365V15.0003H24.6667C25.0349 15.0003 25.3333 15.2988 25.3333 15.667Z" fill="currentColor"/>
</svg></div></div></div><div style="width:100%;height:0px" class="faq6_answer"><p>Une fois le site en ligne, je peux t’accompagner de plusieurs façons, selon ton niveau d’autonomie et tes besoins :<br/><br/>- Formation personnalisée : pour toi ou ton équipe, afin d’aller plus loin que la documentation et prendre en main le site en toute confiance.<br/><br/>- Formule de suivi : on définit ensemble un nombre d’heures disponibles sur un mois, avec des créneaux réservés pour les retours, ajustements ou évolutions.<br/><br/>- À la demande : je reste disponible ponctuellement si tu préfères avancer au fil de l’eau, sans engagement fixe.</p><div class="spacer-medium"></div></div></div></div></div><div class="faq_cta is-reponsive"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-500.png 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-800.webp 800w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1080.png 1080w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29-p-1600.png 1600w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/684d2808eb2aa0db5036e81c_124d8b7b73a625e8edfe969aac05c9d1_Group%201000010692%20%281%29.webp 2140w" alt="" class="image-8"/><div class="div-block-9"><p class="paragraph-2">Encore des questions ?</p><div class="spacer-1-5"></div><a href="https://tidycal.com/calistaweb/faq" class="cta_wrapper w-inline-block"><div class="button is-lp"><div>Réserve ton appel</div></div></a></div></div></div></div></div></div><div class="radial is-faq-top"></div></section><section class="section_cta"><div class="padding-global padding-section-small"><div class="container-large"><div class="cta_component"><div class="heading_compo is-cta"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685003fc4a8e88cb58c8ca78_5a5d513b4fcb7831bdd417d230fe1bdb_ressort.webp" loading="lazy" alt="" class="illu_asset"/><div class="tagline">Le partenariat idéal pour tes intégrations</div><h2 class="heading-style-h2 is-lp">Donne vie à tes maquettes dès maintenant</h2><div class="spacer-medium"></div><a id="button_base" data-href-en="https://tidycal.com/calistaweb/appel-decouverte-en" href="https://tidycal.com/calistaweb/appel-decouverte" class="cta_wrapper w-inline-block"><div class="button is-lp"><div>Réserve ton appel</div><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/685160459038fc02649ab2fb_Arrow-Right-Up.svg" alt="" class="image-9"/></div></a></div></div></div></div></section></main><footer class="footer4_component"><div class="padding-global padding-section-small"><div class="container-large"><div class="w-layout-grid footer4_top-wrapper"><div class="div-block-15"><a href="#" id="w-node-_54ee79b3-a45c-aca9-93e8-31bd2761bb25-2761bb20" class="footer4_logo-link w-nav-brand"><img loading="lazy" src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68552baabfa18c98362f5326_Logo%20cerise%26blancRVB.png" alt="" class="footer4_logo"/></a><p>Coraline Guillevic – Développeuse Webflow freelance</p></div><div id="w-node-_54ee79b3-a45c-aca9-93e8-31bd2761bb27-2761bb20" class="w-layout-grid grid"><a href="/#showreel" class="footer4_link">Showreel</a><a href="/#realisation" class="footer4_link">Projets réalisés</a><a href="/#ecueils-a-eviter" class="footer4_link">Les écueils à éviter</a><a href="/#temoignages" class="footer4_link">Témoignages</a><a href="/#resultat" class="footer4_link">Résultat</a><a href="/#tarif" class="footer4_link">Tarifs</a><a href="/#process" class="footer4_link">Mon process</a><a href="/#faq" class="footer4_link">FAQ</a><a href="/mentions-legales" class="footer4_link">Mentions Légales</a></div><div id="w-node-_54ee79b3-a45c-aca9-93e8-31bd2761bb38-2761bb20" class="w-layout-grid footer4_social-list"><div class="div-block-17"><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6853be9ff8bbb65404f703d0_67cf1517e0f5c264957536c9_logo-certification%201.webp" loading="lazy" sizes="(max-width: 767px) 100vw, 707.9817504882812px" srcset="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6853be9ff8bbb65404f703d0_67cf1517e0f5c264957536c9_logo-certification%201-p-500.webp 500w, https://cdn.prod.website-files.com/676811c9991c240b3a062e37/6853be9ff8bbb65404f703d0_67cf1517e0f5c264957536c9_logo-certification%201.webp 708w" alt="" class="image-12"/><img src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/68c15480348fdc64de6c7c0c_a005421a-623c-4e67-8bc6-03616815e3b2.webp" loading="lazy" alt="" class="image-13"/></div><a aria-label="profil linkedin" href="https://www.linkedin.com/in/coralineguillevic/" target="_blank" class="footer4_social-link w-inline-block"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3C3.67157 3 3 3.67157 3 4.5V19.5C3 20.3284 3.67157 21 4.5 21H19.5C20.3284 21 21 20.3284 21 19.5V4.5C21 3.67157 20.3284 3 19.5 3H4.5ZM8.52076 7.00272C8.52639 7.95897 7.81061 8.54819 6.96123 8.54397C6.16107 8.53975 5.46357 7.90272 5.46779 7.00413C5.47201 6.15897 6.13998 5.47975 7.00764 5.49944C7.88795 5.51913 8.52639 6.1646 8.52076 7.00272ZM12.2797 9.76176H9.75971H9.7583V18.3216H12.4217V18.1219C12.4217 17.742 12.4214 17.362 12.4211 16.9819V16.9818V16.9816V16.9815V16.9812C12.4203 15.9674 12.4194 14.9532 12.4246 13.9397C12.426 13.6936 12.4372 13.4377 12.5005 13.2028C12.7381 12.3253 13.5271 11.7586 14.4074 11.8979C14.9727 11.9864 15.3467 12.3141 15.5042 12.8471C15.6013 13.1803 15.6449 13.5389 15.6491 13.8863C15.6605 14.9339 15.6589 15.9815 15.6573 17.0292V17.0294C15.6567 17.3992 15.6561 17.769 15.6561 18.1388V18.3202H18.328V18.1149C18.328 17.6629 18.3278 17.211 18.3275 16.7591V16.759V16.7588C18.327 15.6293 18.3264 14.5001 18.3294 13.3702C18.3308 12.8597 18.276 12.3563 18.1508 11.8627C17.9638 11.1286 17.5771 10.5211 16.9485 10.0824C16.5027 9.77019 16.0133 9.5691 15.4663 9.5466C15.404 9.54401 15.3412 9.54062 15.2781 9.53721L15.2781 9.53721L15.2781 9.53721C14.9984 9.52209 14.7141 9.50673 14.4467 9.56066C13.6817 9.71394 13.0096 10.0641 12.5019 10.6814C12.4429 10.7522 12.3852 10.8241 12.2991 10.9314L12.2991 10.9315L12.2797 10.9557V9.76176ZM5.68164 18.3244H8.33242V9.76733H5.68164V18.3244Z" fill="CurrentColor"/>
</svg></div></a></div></div></div></div></footer></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=676811c9991c240b3a062e37" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/js/webflow.schunk.275ce7cf9ae66995.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/676811c9991c240b3a062e37/js/webflow.3ab51d11.156aa4c7613763c9.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/gsap.min.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/ScrollTrigger.min.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/Draggable.min.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/CustomEase.min.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/gsap/3.13.0/InertiaPlugin.min.js" type="text/javascript"></script><script type="text/javascript">gsap.registerPlugin(ScrollTrigger,Draggable,CustomEase,InertiaPlugin);</script><!--🤙 https://slater.app/11784.js-->

<script src="https://unpkg.com/@studio-freight/lenis@1.0.33/dist/lenis.min.js"></script>
<script>

const lenis = new Lenis({
  // Valeur entre 0 et 1
  // Valeur par défaut : 0,1
  // Plus la valeur est faible, plus le scroll sera fluide
  lerp: 0.05, 
  // Valeur par défaut : 1
  // Plus la valeur est haute, plus le défilement sera rapide 
  wheelMultiplier: 1, 
});

function raf(time) {
  lenis.raf(time);
  requestAnimationFrame(raf);
}
requestAnimationFrame(raf);

</script>


<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-52VTLJ66"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
  var GTMCode = 'GTM-52VTLJ66';
  var GTMLoaded = false;

  function loadGTM() {
    if (!GTMLoaded) {
      GTMLoaded = true;

      (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
          'gtm.start': new Date().getTime(),
          event: 'gtm.js'
        });

        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';

        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', GTMCode);
    }
  }

  $(window).one('scroll touchstart mousemove', loadGTM);
</script>

<script>
(function(){
  const URL = "https://raw.githubusercontent.com/cora-37255/super-octo-barnacle/main/client-test.json?t=";

  function applyControls(cfg){
    const status = (cfg && cfg.status || "").toLowerCase().trim();
    document.documentElement.style.opacity = (status === "notok") ? 0.4 : 1;
  }

  async function loadAndApply(){
    try {
      const r = await fetch(URL + Date.now(), { cache: 'no-store' });
      const data = await r.json();
      applyControls(data);
    } catch (e) {
      console.warn("license fetch failed", e);
    }
  }

  // 1) load immédiatement
  loadAndApply();

  // 2) re-check toutes les 5s (ajuste si tu veux)
  setInterval(loadAndApply, 5000);
})();
</script>
<script>
function initScalingHamburgerNavigation() {
  // Toggle Navigation
  document.querySelectorAll('[data-navigation-toggle="toggle"]').forEach(toggleBtn => {
    toggleBtn.addEventListener('click', () => {
      const navStatusEl = document.querySelector('[data-navigation-status]');
      if (!navStatusEl) return;
      if (navStatusEl.getAttribute('data-navigation-status') === 'not-active') {
        navStatusEl.setAttribute('data-navigation-status', 'active');
        // Si tu utilises Lenis, tu peux le stopper ici : Lenis.stop();
      } else {
        navStatusEl.setAttribute('data-navigation-status', 'not-active');
        // Si tu utilises Lenis, tu peux le redémarrer ici : Lenis.start();
      }
    });
  });

  // Close Navigation (boutons "close")
  document.querySelectorAll('[data-navigation-toggle="close"]').forEach(closeBtn => {
    closeBtn.addEventListener('click', () => {
      const navStatusEl = document.querySelector('[data-navigation-status]');
      if (!navStatusEl) return;
      navStatusEl.setAttribute('data-navigation-status', 'not-active');
      // Si tu utilises Lenis : Lenis.start();
    });
  });

  // Close Navigation with ESC key
  document.addEventListener('keydown', e => {
    if (e.keyCode === 27) {
      const navStatusEl = document.querySelector('[data-navigation-status]');
      if (!navStatusEl) return;
      if (navStatusEl.getAttribute('data-navigation-status') === 'active') {
        navStatusEl.setAttribute('data-navigation-status', 'not-active');
        // Si tu utilises Lenis : Lenis.start();
      }
    }
  });
}

document.addEventListener('DOMContentLoaded', function () {
  initScalingHamburgerNavigation();

  // Fermer le menu si on clique sur un lien d’ancre
  document.querySelectorAll('.hamburger-nav__a[href^="#"]').forEach(link => {
    link.addEventListener('click', () => {
      const navStatusEl = document.querySelector('[data-navigation-status]');
      if (navStatusEl && navStatusEl.getAttribute('data-navigation-status') === 'active') {
        navStatusEl.setAttribute('data-navigation-status', 'not-active');
        // Si tu utilises Lenis : Lenis.start();
      }
    });
  });
});
</script>

<script>
  function initImageTrail(config = {}) {
    const options = {
      minWidth: config.minWidth ?? 992,
      moveDistance: config.moveDistance ?? 15,
      stopDuration: config.stopDuration ?? 300,
      trailLength: config.trailLength ?? 5
    };

    const wrapper = document.querySelector('[data-trail="wrapper"]');
    const targetSection = document.querySelector(".section_header75");

    if (!wrapper || !targetSection || window.innerWidth < options.minWidth) return;

    const state = {
      trailInterval: null,
      globalIndex: 0,
      last: { x: 0, y: 0 },
      trailImageTimestamps: new Map(),
      trailImages: Array.from(document.querySelectorAll('[data-trail="item"]')),
      isActive: false
    };

    const MathUtils = {
      lerp: (a, b, n) => (1 - n) * a + n * b,
      distance: (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1)
    };

    function getRelativeCoordinates(e, rect) {
      return {
        x: e.clientX - rect.left,
        y: e.clientY - rect.top
      };
    }

    function activate(trailImage, x, y) {
      if (!trailImage) return;

      const rect = trailImage.getBoundingClientRect();
      Object.assign(trailImage.style, {
        left: `${x - rect.width / 2}px`,
        top: `${y - rect.height / 2}px`,
        zIndex: state.globalIndex,
        display: 'block'
      });

      state.trailImageTimestamps.set(trailImage, Date.now());
      state.last = { x, y };

      gsap.fromTo(
        trailImage,
        { autoAlpha: 0, scale: 0.8 },
        {
          autoAlpha: 1,
          scale: 1,
          duration: 0.25,
          overwrite: true
        }
      );
    }

    function fadeOutTrailImage(trailImage) {
      if (!trailImage) return;

      gsap.to(trailImage, {
        opacity: 0,
        scale: 0.2,
        duration: 0.8,
        ease: "expo.out",
        onComplete: () => {
          gsap.set(trailImage, { autoAlpha: 0, display: 'none' });
        }
      });
    }

    function handleOnMove(e) {
      if (!state.isActive) return;

      const rectWrapper = wrapper.getBoundingClientRect();
      const { x, y } = getRelativeCoordinates(e, rectWrapper);

      const distanceFromLast = MathUtils.distance(
        x,
        y,
        state.last.x,
        state.last.y
      );

      if (distanceFromLast > window.innerWidth / options.moveDistance) {
        const lead = state.trailImages[state.globalIndex % state.trailImages.length];
        const tail = state.trailImages[(state.globalIndex - options.trailLength + state.trailImages.length) % state.trailImages.length];

        activate(lead, x, y);
        fadeOutTrailImage(tail);

        state.globalIndex++;
      }
    }

    function cleanupTrailImages() {
      const now = Date.now();
      for (const [img, timestamp] of state.trailImageTimestamps.entries()) {
        if (now - timestamp > options.stopDuration) {
          fadeOutTrailImage(img);
          state.trailImageTimestamps.delete(img);
        }
      }
    }

    function startTrail() {
      if (state.isActive) return;
      state.isActive = true;
      targetSection.addEventListener("mousemove", handleOnMove);
      state.trailInterval = setInterval(cleanupTrailImages, 100);
    }

    function stopTrail() {
      if (!state.isActive) return;
      state.isActive = false;
      targetSection.removeEventListener("mousemove", handleOnMove);
      clearInterval(state.trailInterval);
      state.trailInterval = null;

      state.trailImages.forEach(fadeOutTrailImage);
      state.trailImageTimestamps.clear();
    }

    ScrollTrigger.create({
      trigger: targetSection,
      start: "top bottom",
      end: "bottom top",
      onEnter: startTrail,
      onEnterBack: startTrail,
      onLeave: stopTrail,
      onLeaveBack: stopTrail
    });

    const handleResize = () => {
      if (window.innerWidth < options.minWidth && state.isActive) {
        stopTrail();
      } else if (window.innerWidth >= options.minWidth && !state.isActive) {
        startTrail();
      }
    };

    window.addEventListener('resize', handleResize);
    return () => {
      stopTrail();
      window.removeEventListener('resize', handleResize);
    };
  }

  document.addEventListener("DOMContentLoaded", () => {
    initImageTrail({
      minWidth: 992,
      moveDistance: 15,
      stopDuration: 300,
      trailLength: 6
    });
  });
</script>

<script>
gsap.registerPlugin(CustomEase, ScrollTrigger, Draggable, InertiaPlugin)

CustomEase.create("osmo-ease", "0.625, 0.05, 0, 1")

function initSliders() {
  const sliderWrappers = gsap.utils.toArray(document.querySelectorAll('[data-centered-slider="wrapper"]'));

  sliderWrappers.forEach((sliderWrapper) => {
    const slides = gsap.utils.toArray(sliderWrapper.querySelectorAll('[data-centered-slider="slide"]'));
    const bullets = gsap.utils.toArray(sliderWrapper.querySelectorAll('[data-centered-slider="bullet"]'));
    const prevButton = sliderWrapper.querySelector('[data-centered-slider="prev-button"]');
    const nextButton = sliderWrapper.querySelector('[data-centered-slider="next-button"]');

    let activeElement;
    let activeBullet;
    let currentIndex = 0;
    let autoplay;

    // Autoplay is now enabled/disabled via a boolean attribute.
    const autoplayEnabled = sliderWrapper.getAttribute('data-slider-autoplay') === 'true';
    
    // If enabled, get the autoplay duration (in seconds) from the separate attribute.
    const autoplayDuration = autoplayEnabled ? parseFloat(sliderWrapper.getAttribute('data-slider-autoplay-duration')) || 0 : 0;

    // Dynamically assign unique IDs to slides
    slides.forEach((slide, i) => {
      slide.setAttribute("id", `slide-${i}`);
    });
    
    // Set ARIA attributes on bullets if they exist
    if (bullets && bullets.length > 0) {
      bullets.forEach((bullet, i) => {
        bullet.setAttribute("aria-controls", `slide-${i}`);
        bullet.setAttribute("aria-selected", i === currentIndex ? "true" : "false");
      });
    }

    const loop = horizontalLoop(slides, {
      paused: true,
      draggable: true,
      center: true,
      onChange: (element, index) => {
        currentIndex = index;
        
        if (activeElement) activeElement.classList.remove("active");
        element.classList.add("active");
        activeElement = element;

        if (bullets && bullets.length > 0) {
          if (activeBullet) activeBullet.classList.remove("active");
          if (bullets[index]) {
            bullets[index].classList.add("active");
            activeBullet = bullets[index];
          }
          bullets.forEach((bullet, i) => {
            bullet.setAttribute("aria-selected", i === index ? "true" : "false");
          });
        }
        
      }
    });
    
    // On initialization, center the slider
    loop.toIndex(2, { duration: 0.01 });

    function startAutoplay() {
      if (autoplayDuration > 0 && !autoplay) {
        const repeat = () => {
          loop.next({ ease: "osmo-ease", duration: 0.725 });
          autoplay = gsap.delayedCall(autoplayDuration, repeat);
        };
        autoplay = gsap.delayedCall(autoplayDuration, repeat);
      }
    }

    function stopAutoplay() {
      if (autoplay) {
        autoplay.kill();
        autoplay = null;
      }
    }

    // Start/stop autoplay based on viewport visibility via ScrollTrigger
    ScrollTrigger.create({
      trigger: sliderWrapper,
      start: "top bottom",
      end: "bottom top",
      onEnter: startAutoplay,
      onLeave: stopAutoplay,
      onEnterBack: startAutoplay,
      onLeaveBack: stopAutoplay
    });

    // Pause autoplay on mouse hover over the slider
    sliderWrapper.addEventListener("mouseenter", stopAutoplay);
    sliderWrapper.addEventListener("mouseleave", () => {
      if (ScrollTrigger.isInViewport(sliderWrapper)) startAutoplay();
    });

    // Slide click event for direct navigation
    slides.forEach((slide, i) => {
      slide.addEventListener("click", () => {
        loop.toIndex(i, { ease: "osmo-ease", duration: 0.725 });
      });
    });

    // Bullets click event for direct navigation (if available)
    if (bullets && bullets.length > 0) {
      bullets.forEach((bullet, i) => {
        bullet.addEventListener("click", () => {
          loop.toIndex(i, { ease: "osmo-ease", duration: 0.725 });
          if (activeBullet) activeBullet.classList.remove("active");
          bullet.classList.add("active");
          activeBullet = bullet;
          bullets.forEach((b, j) => {
            b.setAttribute("aria-selected", j === i ? "true" : "false");
          });
        });
      });
    }

    // Prev/Next button listeners (if the buttons exist)
    if (prevButton) {
      prevButton.addEventListener("click", () => {
        let newIndex = currentIndex - 1;
        if (newIndex < 0) newIndex = slides.length - 1;
        loop.toIndex(newIndex, { ease: "osmo-ease", duration: 0.725 });
      });
    }

    if (nextButton) {
      nextButton.addEventListener("click", () => {
        let newIndex = currentIndex + 1;
        if (newIndex >= slides.length) newIndex = 0;
        loop.toIndex(newIndex, { ease: "osmo-ease", duration: 0.725 });
      });
    }
    
  });
}

document.addEventListener("DOMContentLoaded", () =>{
  initSliders()
})

// GSAP Helper function to create a looping slider
// Read more: https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop
function horizontalLoop(items, config) {
  let timeline;
  items = gsap.utils.toArray(items);
  config = config || {};
  gsap.context(() => { 
    let onChange = config.onChange,
      lastIndex = 0,
      tl = gsap.timeline({repeat: config.repeat, onUpdate: onChange && function() {
          let i = tl.closestIndex();
          if (lastIndex !== i) {
            lastIndex = i;
            onChange(items[i], i);
          }
        }, paused: config.paused, defaults: {ease: "none"}, onReverseComplete: () => tl.totalTime(tl.rawTime() + tl.duration() * 100)}),
      length = items.length,
      startX = items[0].offsetLeft,
      times = [],
      widths = [],
      spaceBefore = [],
      xPercents = [],
      curIndex = 0,
      indexIsDirty = false,
      center = config.center,
      pixelsPerSecond = (config.speed || 1) * 100,
      snap = config.snap === false ? v => v : gsap.utils.snap(config.snap || 1),
      timeOffset = 0,
      container = center === true ? items[0].parentNode : gsap.utils.toArray(center)[0] || items[0].parentNode,
      totalWidth,
      getTotalWidth = () => items[length-1].offsetLeft + xPercents[length-1] / 100 * widths[length-1] - startX + spaceBefore[0] + items[length-1].offsetWidth * gsap.getProperty(items[length-1], "scaleX") + (parseFloat(config.paddingRight) || 0),
      populateWidths = () => {
        let b1 = container.getBoundingClientRect(), b2;
        items.forEach((el, i) => {
          widths[i] = parseFloat(gsap.getProperty(el, "width", "px"));
          xPercents[i] = snap(parseFloat(gsap.getProperty(el, "x", "px")) / widths[i] * 100 + gsap.getProperty(el, "xPercent"));
          b2 = el.getBoundingClientRect();
          spaceBefore[i] = b2.left - (i ? b1.right : b1.left);
          b1 = b2;
        });
        gsap.set(items, {
          xPercent: i => xPercents[i]
        });
        totalWidth = getTotalWidth();
      },
      timeWrap,
      populateOffsets = () => {
        timeOffset = center ? tl.duration() * (container.offsetWidth / 2) / totalWidth : 0;
        center && times.forEach((t, i) => {
          times[i] = timeWrap(tl.labels["label" + i] + tl.duration() * widths[i] / 2 / totalWidth - timeOffset);
        });
      },
      getClosest = (values, value, wrap) => {
        let i = values.length,
          closest = 1e10,
          index = 0, d;
        while (i--) {
          d = Math.abs(values[i] - value);
          if (d > wrap / 2) {
            d = wrap - d;
          }
          if (d < closest) {
            closest = d;
            index = i;
          }
        }
        return index;
      },
      populateTimeline = () => {
        let i, item, curX, distanceToStart, distanceToLoop;
        tl.clear();
        for (i = 0; i < length; i++) {
          item = items[i];
          curX = xPercents[i] / 100 * widths[i];
          distanceToStart = item.offsetLeft + curX - startX + spaceBefore[0];
          distanceToLoop = distanceToStart + widths[i] * gsap.getProperty(item, "scaleX");
          tl.to(item, {xPercent: snap((curX - distanceToLoop) / widths[i] * 100), duration: distanceToLoop / pixelsPerSecond}, 0)
            .fromTo(item, {xPercent: snap((curX - distanceToLoop + totalWidth) / widths[i] * 100)}, {xPercent: xPercents[i], duration: (curX - distanceToLoop + totalWidth - curX) / pixelsPerSecond, immediateRender: false}, distanceToLoop / pixelsPerSecond)
            .add("label" + i, distanceToStart / pixelsPerSecond);
          times[i] = distanceToStart / pixelsPerSecond;
        }
        timeWrap = gsap.utils.wrap(0, tl.duration());
      },
      refresh = (deep) => {
        let progress = tl.progress();
        tl.progress(0, true);
        populateWidths();
        deep && populateTimeline();
        populateOffsets();
        deep && tl.draggable ? tl.time(times[curIndex], true) : tl.progress(progress, true);
      },
      onResize = () => refresh(true),
      proxy;
    gsap.set(items, {x: 0});
    populateWidths();
    populateTimeline();
    populateOffsets();
    window.addEventListener("resize", onResize);
    function toIndex(index, vars) {
      vars = vars || {};
      (Math.abs(index - curIndex) > length / 2) && (index += index > curIndex ? -length : length); // always go in the shortest direction
      let newIndex = gsap.utils.wrap(0, length, index),
        time = times[newIndex];
      if (time > tl.time() !== index > curIndex && index !== curIndex) { // if we're wrapping the timeline's playhead, make the proper adjustments
        time += tl.duration() * (index > curIndex ? 1 : -1);
      }
      if (time < 0 || time > tl.duration()) {
        vars.modifiers = {time: timeWrap};
      }
      curIndex = newIndex;
      vars.overwrite = true;
      gsap.killTweensOf(proxy);    
      return vars.duration === 0 ? tl.time(timeWrap(time)) : tl.tweenTo(time, vars);
    }
    tl.toIndex = (index, vars) => toIndex(index, vars);
    tl.closestIndex = setCurrent => {
      let index = getClosest(times, tl.time(), tl.duration());
      if (setCurrent) {
        curIndex = index;
        indexIsDirty = false;
      }
      return index;
    };
    tl.current = () => indexIsDirty ? tl.closestIndex(true) : curIndex;
    tl.next = vars => toIndex(tl.current()+1, vars);
    tl.previous = vars => toIndex(tl.current()-1, vars);
    tl.times = times;
    tl.progress(1, true).progress(0, true); // pre-render for performance
    if (config.reversed) {
      tl.vars.onReverseComplete();
      tl.reverse();
    }
    if (config.draggable && typeof(Draggable) === "function") {
      proxy = document.createElement("div")
      let wrap = gsap.utils.wrap(0, 1),
        ratio, startProgress, draggable, dragSnap, lastSnap, initChangeX, wasPlaying,
        align = () => tl.progress(wrap(startProgress + (draggable.startX - draggable.x) * ratio)),
        syncIndex = () => tl.closestIndex(true);
      typeof(InertiaPlugin) === "undefined" && console.warn("InertiaPlugin required for momentum-based scrolling and snapping. https://greensock.com/club");
      draggable = Draggable.create(proxy, {
        trigger: items[0].parentNode,
        type: "x",
        onPressInit() {
          let x = this.x;
          gsap.killTweensOf(tl);
          wasPlaying = !tl.paused();
          tl.pause();
          startProgress = tl.progress();
          refresh();
          ratio = 1 / totalWidth;
          initChangeX = (startProgress / -ratio) - x;
          gsap.set(proxy, {x: startProgress / -ratio});
        },
        onDrag: align,
        onThrowUpdate: align,
        overshootTolerance: 0,
        inertia: true,
        snap(value) {
          if (Math.abs(startProgress / -ratio - this.x) < 10) {
            return lastSnap + initChangeX
          }
          let time = -(value * ratio) * tl.duration(),
            wrappedTime = timeWrap(time),
            snapTime = times[getClosest(times, wrappedTime, tl.duration())],
            dif = snapTime - wrappedTime;
          Math.abs(dif) > tl.duration() / 2 && (dif += dif < 0 ? tl.duration() : -tl.duration());
          lastSnap = (time + dif) / tl.duration() / -ratio;
          return lastSnap;
        },
        onRelease() {
          syncIndex();
          draggable.isThrowing && (indexIsDirty = true);
        },
        onThrowComplete: () => {
          syncIndex();
          wasPlaying && tl.play();
        }
      })[0];
      tl.draggable = draggable;
    }
    tl.closestIndex(true);
    lastIndex = curIndex;
    onChange && onChange(items[curIndex], curIndex);
    timeline = tl;
    return () => window.removeEventListener("resize", onResize); 
  });
  return timeline;
  
}
</script>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const today = new Date();
    const day = today.getDate();

    const pulseIcon = document.getElementById("pulse-icon");
    if (pulseIcon) {
      const circles = pulseIcon.querySelectorAll("circle");
      const newColor = (day >= 15 && day <= 25) ? "#ff0000" : "#ff9900";

      circles.forEach(circle => {
        circle.setAttribute("fill", newColor);
      });
    }
  });
</script>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const nav = document.querySelector('[data-navigation-status]');
    const wgWrapper = document.querySelector('.wg_wrapper');

    if (!nav || !wgWrapper) return;

    // Observe le changement de l'attribut data-navigation-status
    const observer = new MutationObserver(() => {
      const isMenuOpen = nav.getAttribute('data-navigation-status') === 'active';
      wgWrapper.classList.toggle('weglot-hidden', isMenuOpen);
    });

    observer.observe(nav, { attributes: true, attributeFilter: ['data-navigation-status'] });

    // Applique la bonne classe à l'init
    const isInitiallyOpen = nav.getAttribute('data-navigation-status') === 'active';
    if (isInitiallyOpen) {
      wgWrapper.classList.add('weglot-hidden');
    }
  });
</script>

<!-- === CIBLES DYNAMIQUES (ajoute l'attribut sur tes éléments) === -->
<!-- Pense aussi à mettre data-wg-notranslate sur #message-dispo-lp et #message-dispo-site dans ta structure existante -->
<span id="date-jplus10" data-wg-notranslate></span>
<span id="date-jplus21" data-wg-notranslate></span>

<!-- === TEMPLATES CACHÉS (Weglot les traduit, ton JS remplacera %%MONTH%%) === -->
<div id="wg-templates" style="display:none" aria-hidden="true">
  <span data-key="lp-current">1 seule place disponible en %%MONTH%%</span>
  <span data-key="lp-next">2 places seulement en %%MONTH%%</span>
  <span data-key="site-current">1 seule place disponible en %%MONTH%%</span>
  <span data-key="site-next">1 seule place disponible en %%MONTH%%</span>
</div>

<script>
  /* ----------------------------
     Jours fériés FR 2025 (MM-DD)
     ---------------------------- */
  const FERIERS_2025 = new Set([
    "01-01","04-21","05-01","05-08","05-29","06-09","07-14","08-15","11-01","11-11","12-25"
  ]);
  const isHoliday = (date) => FERIERS_2025.has(date.toISOString().slice(5,10));

  function addBusinessDays(startDate, daysToAdd) {
    let d = new Date(startDate), added = 0;
    while (added < daysToAdd) {
      d.setDate(d.getDate() + 1);
      const wd = d.getDay(); // 0=dim, 6=sam
      if (wd !== 0 && wd !== 6 && !isHoliday(d)) added++;
    }
    return d;
  }

  /* ----------------------------
     Locale actuelle (Weglot -> Intl)
     ---------------------------- */
  function currentLocale() {
    let lang =
      (window.Weglot && typeof Weglot.getCurrentLang === "function" && Weglot.getCurrentLang()) ||
      document.documentElement.lang || "fr";
    if (lang.startsWith("fr")) return "fr-FR";
    if (lang.startsWith("en")) return "en";
    if (lang.startsWith("de")) return "de-DE";
    if (lang.startsWith("es")) return "es-ES";
    if (lang.startsWith("it")) return "it-IT";
    return lang;
  }

  /* ----------------------------
     Helpers de formatage
     ---------------------------- */
  function monthName(date, locale) {
    return new Intl.DateTimeFormat(locale, { month: "long" }).format(date);
  }
  function formatDayMonth(date, locale) {
    return new Intl.DateTimeFormat(locale, { day: "numeric", month: "long" }).format(date);
  }
  function tpl(key) {
    const el = document.querySelector('#wg-templates [data-key="'+key+'"]');
    return el ? el.textContent : "";
  }

  /* ----------------------------
     Mise à jour des contenus
     ---------------------------- */
  function updateDynamicContent() {
    const locale = currentLocale();
    const today = new Date();
    const day = today.getDate();

    // Dates J+10 / J+21 (jours ouvrés)
    const span10 = document.getElementById("date-jplus10");
    if (span10) span10.textContent = formatDayMonth(addBusinessDays(today, 10), locale);

    const span21 = document.getElementById("date-jplus21");
    if (span21) span21.textContent = formatDayMonth(addBusinessDays(today, 21), locale);

    // Messages "place(s) disponible(s)"
    const thisMonthName = monthName(today, locale);
    const nextMonthDate = new Date(today.getFullYear(), today.getMonth() + 1, 1);
    const nextMonthName = monthName(nextMonthDate, locale);

    const elLP = document.getElementById("message-dispo-lp");
    if (elLP) {
      const base = (day >= 16 && day <= 25)
        ? (tpl("lp-current") || "1 seule place disponible en %%MONTH%%")
        : (tpl("lp-next")    || "2 places seulement en %%MONTH%%");
      elLP.textContent = base.replace("%%MONTH%%", (day >= 16 && day <= 25) ? thisMonthName : nextMonthName);
    }

    const elSite = document.getElementById("message-dispo-site");
    if (elSite) {
      const base = (day >= 16 && day <= 25)
        ? (tpl("site-current") || "1 seule place disponible en %%MONTH%%")
        : (tpl("site-next")    || "1 seule place disponible en %%MONTH%%");
      elSite.textContent = base.replace("%%MONTH%%", (day >= 16 && day <= 25) ? thisMonthName : nextMonthName);
    }
  }

  // 1) Au chargement DOM
  document.addEventListener("DOMContentLoaded", updateDynamicContent);

  // 2) Avec Weglot : réappliquer quand la langue change / à l'init
  (function wireWeglot() {
    if (!window.Weglot || typeof Weglot.on !== "function") return;
    Weglot.on("initialized", updateDynamicContent);
    Weglot.on("languageChanged", updateDynamicContent);
    if (Weglot.initialized) updateDynamicContent();
  })();
</script>

<script>
document.addEventListener("DOMContentLoaded", function () {
  // 1) Mapping des URLs par langue
  const CTA_LINKS = {
    fr: {
      button_hero: "https://tidycal.com/calistaweb/appel-decouverte",
      button_base: "https://tidycal.com/calistaweb/appel-decouverte",
      button_lp:   "https://tidycal.com/calistaweb/landing-page",
      button_faq:  "https://tidycal.com/calistaweb/faq"
    },
    en: {
      button_hero: "https://tidycal.com/calistaweb/appel-decouverte-en",
      button_base: "https://tidycal.com/calistaweb/appel-decouverte-en",
      button_lp:   "https://tidycal.com/calistaweb/landing-page-en",
      button_faq:  "https://tidycal.com/calistaweb/faq-en"
    }
  };

  // 2) Détection de la langue (Webflow ajoute <html lang="...">)
  const htmlLang = (document.documentElement.lang || "fr").toLowerCase();
  const langKey = htmlLang.startsWith("en") ? "en" : "fr";

  // 3) Application des liens selon la langue
  Object.entries(CTA_LINKS[langKey]).forEach(([id, url]) => {
    const el = document.getElementById(id);
    if (!el) return;

    if (el.tagName === "A") {
      el.setAttribute("href", url);
    } else {
      el.addEventListener("click", () => {
        window.location.href = url;
      });
    }
  });
});
</script>
</body></html>