{"id":2914,"date":"2026-06-29T17:49:41","date_gmt":"2026-06-29T15:49:41","guid":{"rendered":"https:\/\/alol.fr\/?page_id=2914"},"modified":"2026-07-01T11:12:51","modified_gmt":"2026-07-01T09:12:51","slug":"temoignages","status":"publish","type":"page","link":"https:\/\/alol.fr\/en\/temoignages\/","title":{"rendered":"T\u00e9moignages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2914\" class=\"elementor elementor-2914\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc8815 e-con-full e-flex e-con e-parent\" data-id=\"5fc8815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-863cf94 elementor-widget elementor-widget-html\" data-id=\"863cf94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n   ALOL \u2014 Design tokens (charte respect\u00e9e : jaune smiley + bleu confiance + blanc clinique)\n   ============================================================ *\/\n:root{\n  \/* Brand *\/\n  --yellow:        #FFD21E;   \/* jaune smiley ALOL (align\u00e9 logo officiel) *\/\n  --yellow-deep:   #B8860B;   \/* jaune fonc\u00e9 lisible sur blanc *\/\n  --blue:          #1B6FB3;   \/* bleu confiance *\/\n  --blue-deep:     #0F4C81;   \/* bleu profond (titres, fonds) *\/\n  --blue-tint:     #EAF3FB;   \/* bleu tr\u00e8s clair (fonds doux) *\/\n  --green:         #2E9E6B;   \/* r\u00e9sultat positif *\/\n  --green-tint:    #E7F5EE;\n\n  \/* Neutres cliniques *\/\n  --ink:           #14233A;   \/* texte principal *\/\n  --ink-soft:      #4A5B73;   \/* texte secondaire *\/\n  --line:          #E3E8EF;\n  --bg:            #FFFFFF;\n  --bg-soft:       #F6F8FB;   \/* gris clinique *\/\n  --cream:         #FBF7EC;   \/* cr\u00e8me chaude (r\u00e9chauffe le m\u00e9dical) *\/\n\n  \/* Syst\u00e8me *\/\n  --radius:        18px;\n  --radius-lg:     28px;\n  --radius-pill:   999px;\n  --shadow-sm:     0 1px 2px rgba(20,35,58,.06), 0 2px 8px rgba(20,35,58,.05);\n  --shadow-md:     0 6px 18px rgba(20,35,58,.08), 0 12px 40px rgba(20,35,58,.06);\n  --shadow-yellow: 0 10px 30px rgba(232,164,0,.35);\n  --maxw:          1120px;\n  --ease:          cubic-bezier(.2,.7,.2,1);\n}\n\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n  margin:0; background:var(--bg); color:var(--ink);\n  font-family:\"Inter\",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;\n}\nh1,h2,h3{font-family:\"Bricolage Grotesque\",\"Inter\",sans-serif; line-height:1.08; letter-spacing:-.02em; margin:0; color:var(--ink)}\nh1{font-size:clamp(2.1rem,5.2vw,3.6rem); font-weight:800}\nh2{font-size:clamp(1.7rem,3.6vw,2.6rem); font-weight:700}\nh3{font-size:clamp(1.15rem,2vw,1.4rem); font-weight:700}\np{margin:0 0 1rem}\na{color:var(--blue); text-decoration:none}\nimg{max-width:100%; display:block}\n.wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}\nsection{padding:clamp(56px,8vw,104px) 0}\n.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:\"Bricolage Grotesque\";font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-tint);padding:7px 14px;border-radius:var(--radius-pill)}\n.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--ink-soft);max-width:60ch}\n.center{text-align:center}\n.center .lead{margin-left:auto;margin-right:auto}\n\n\/* Buttons *\/\n.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:var(--radius-pill);font-family:\"Bricolage Grotesque\";font-weight:700;font-size:1.05rem;cursor:pointer;border:0;transition:transform .18s var(--ease),box-shadow .18s var(--ease),color .3s var(--ease),background .18s}\n.btn:active{transform:scale(.97)}\n\/* Effet OriginButton \u2014 remplissage radial depuis le curseur (vanilla) *\/\n.btn::before{content:\"\";position:absolute;z-index:-1;left:var(--mx,50%);top:var(--my,50%);width:var(--d,320px);height:var(--d,320px);border-radius:50%;background:var(--blue-deep);transform:translate(-50%,-50%) scale(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}\n.btn:hover::before,.btn:focus-visible::before{transform:translate(-50%,-50%) scale(1)}\n.btn-primary:hover,.btn-primary:focus-visible,.btn-ghost:hover,.btn-ghost:focus-visible{color:#fff}\n.btn-ghost:hover,.btn-ghost:focus-visible{border-color:transparent}\n.btn-primary{background:var(--yellow);color:#3A2A00;box-shadow:var(--shadow-yellow)}\n.btn-primary:hover{background:var(--yellow-deep);transform:translateY(-2px)}\n.btn-ghost{background:#fff;color:var(--blue-deep);border:1.5px solid var(--line);box-shadow:var(--shadow-sm)}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n.btn-block{width:100%}\n.price-note{font-weight:500;font-size:.95rem;opacity:.85}\n\n\/* Reassurance row *\/\n.assur{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}\n.assur span{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--ink-soft)}\n.assur svg{color:var(--green);flex:none}\n\n\/* ======================= HEADER ======================= *\/\nheader.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}\n.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}\n.brand{display:flex;align-items:center;gap:11px;font-family:\"Bricolage Grotesque\";font-weight:800;font-size:1.35rem;color:var(--ink)}\n.brand .smiley{width:34px;height:34px;flex:none;object-fit:contain}\n.nav-links{display:flex;gap:26px;font-weight:600;font-size:.95rem}\n.nav-links a{color:var(--ink-soft)}\n.nav-links a:hover{color:var(--blue)}\n.nav .btn{min-height:44px;padding:0 20px;font-size:.95rem}\n@media(max-width:860px){.nav-links{display:none}}\n\n\/* ======================= 01 HERO ======================= *\/\n.hero{background:\n   radial-gradient(120% 120% at 85% -10%, var(--cream) 0%, transparent 55%),\n   linear-gradient(180deg,#fff 0%, var(--bg-soft) 100%);\n   overflow:hidden}\n.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}\n.hero-copy{max-width:470px}\n.hero-copy .lead{max-width:44ch}\n.hero h1 .hl{color:var(--blue-deep);background:linear-gradient(transparent 62%, rgba(255,210,30,.5) 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}\n.hero .lead{margin-top:18px}\n.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 22px}\n.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}\n.hero-stats .stat{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px 13px;box-shadow:var(--shadow-sm);overflow:hidden}\n.hero-stats .stat::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green)}\n.hero-stats .stat.up::before{background:var(--blue)}\n.hero-stats .stat b{display:flex;align-items:center;gap:4px;font-family:\"Bricolage Grotesque\";font-size:1.75rem;line-height:1;color:var(--green);font-feature-settings:\"tnum\"}\n.hero-stats .stat.up b{color:var(--blue-deep)}\n.hero-stats .stat b svg{width:16px;height:16px}\n.hero-stats .stat small{display:block;color:var(--ink-soft);font-weight:600;margin-top:6px;font-size:.82rem}\n\/* Hero \u2014 arriv\u00e9e progressive (stagger) *\/\n.hero-copy>*{animation:rise .65s var(--ease) both}\n.hero-copy>*:nth-child(1){animation-delay:.05s}\n.hero-copy>*:nth-child(2){animation-delay:.12s}\n.hero-copy>*:nth-child(3){animation-delay:.19s}\n.hero-copy>*:nth-child(4){animation-delay:.26s}\n.hero-copy>*:nth-child(5){animation-delay:.33s}\n.hero-copy>*:nth-child(6){animation-delay:.40s}\n.hero-visual{animation:rise .8s .22s both}\n.hero .badge-clin{animation:rise .6s .55s both}\n.hero .badge-tv{animation:rise .6s .68s both}\n.hero .prod-chip{animation:rise .6s .82s both}\n\/* hero visual *\/\n.hero-visual{position:relative;width:clamp(380px,42vw,520px);max-width:100%;justify-self:end;margin-left:auto}\n.device{aspect-ratio:4\/5.2;border-radius:var(--radius-lg);background:#fff;\n   box-shadow:var(--shadow-md);display:grid;place-items:center;position:relative;overflow:hidden}\n.device::before{content:\"\";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;\n   background:radial-gradient(circle, rgba(255,210,30,.32) 0%, rgba(255,210,30,.12) 45%, transparent 70%);\n   filter:blur(4px)}\n.device .pack{position:relative;width:min(58%,210px);height:auto;image-rendering:auto;\n   filter:drop-shadow(0 16px 28px rgba(20,35,58,.16))}\n.device.photo{background:#0b3a64}\n.device .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.prod-chip{position:absolute;left:-16px;bottom:20px;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:9px 14px 9px 10px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:.86rem;color:var(--blue-deep);z-index:3}\n.prod-chip img{width:40px;height:40px;object-fit:contain;flex:none}\n.prod-chip small{display:block;color:var(--ink-soft);font-weight:600;font-size:.72rem}\n@media(max-width:860px){.prod-chip{left:8px}}\n.img-tag{position:absolute;left:14px;bottom:14px;background:rgba(20,35,58,.72);color:#fff;font-size:.72rem;padding:5px 10px;border-radius:8px;font-weight:600;letter-spacing:.02em}\n.badge-float{position:absolute;background:#fff;box-shadow:var(--shadow-md);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:.92rem}\n.badge-float svg{flex:none}\n.badge-clin{top:18px;left:-18px;color:var(--green)}\n.badge-clin svg{color:var(--green)}\n.badge-tv{bottom:26px;right:-16px;color:var(--blue-deep)}\n@media(max-width:860px){\n  .hero-grid{grid-template-columns:1fr;gap:34px}\n  .hero-visual{order:-1;max-width:360px;margin:0 auto}\n  .badge-clin{left:6px}.badge-tv{right:6px}\n}\n\n\/* ======================= 02 PROBLEM ======================= *\/\n.prob{background:var(--bg-soft);color:var(--ink);padding-top:clamp(44px,6vw,68px);padding-bottom:clamp(44px,6vw,68px)}\n.prob .eyebrow{color:var(--blue);background:var(--blue-tint)}\n.prob h2{color:var(--ink);max-width:24ch;font-size:clamp(1.35rem,2.6vw,1.85rem)}\n.prob .lead{color:var(--ink-soft);font-size:1rem}\n.prob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}\n.prob-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}\n.prob-card .num{font-family:\"Bricolage Grotesque\";font-size:1.8rem;font-weight:800;color:var(--blue-deep);font-feature-settings:\"tnum\"}\n.prob-card p{margin:4px 0 0;color:var(--ink-soft);font-size:.88rem}\n.prob-card .ic{width:26px;height:26px;color:var(--blue);margin-bottom:10px}\n@media(max-width:820px){.prob-grid{grid-template-columns:1fr 1fr}}\n\n\/* ======================= 03 SOLUTION ======================= *\/\n.sol-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}\n.video{aspect-ratio:16\/10;border-radius:var(--radius-lg);background:#0b3a64 center\/cover no-repeat;position:relative;display:grid;place-items:center;box-shadow:var(--shadow-md);overflow:hidden;width:100%;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}\n.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}\n.video::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,42,74,.18),rgba(11,42,74,.5));z-index:1}\n.video .ring,.video .play,.video small{z-index:2}\n.video .ring{position:absolute;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.28);animation:pulse 2.4s var(--ease) infinite}\n@keyframes pulse{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}\n.video .play{width:78px;height:78px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;z-index:2;box-shadow:var(--shadow-yellow);cursor:pointer;transition:transform .2s var(--ease)}\n.video .play:hover{transform:scale(1.06)}\n.video .play svg{color:#3A2A00;margin-left:4px}\n.video small{position:absolute;bottom:14px;color:rgba(255,255,255,.85);font-weight:600;font-size:.85rem;letter-spacing:.02em}\n.steps{display:flex;flex-direction:column;gap:6px;margin-top:24px}\n.step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}\n.step:last-child{border-bottom:0}\n.step .n{flex:none;width:42px;height:42px;border-radius:14px;background:var(--blue-tint);color:var(--blue-deep);font-family:\"Bricolage Grotesque\";font-weight:800;display:grid;place-items:center}\n.step h3{margin-bottom:3px}\n.step p{margin:0;color:var(--ink-soft);font-size:.98rem}\n.molecules{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}\n.mol{font-size:.82rem;font-weight:600;color:var(--blue-deep);background:var(--blue-tint);padding:6px 13px;border-radius:var(--radius-pill)}\n@media(max-width:860px){.sol-grid{grid-template-columns:1fr;gap:30px}}\n\n\/* ======================= 04 CLINICAL PROOF ======================= *\/\n.clin{background:var(--bg-soft)}\n.clin-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}\n.study{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);position:relative}\n.study .quote{font-size:2.6rem;line-height:1;color:var(--yellow);font-family:\"Bricolage Grotesque\";font-weight:800}\n.study blockquote{margin:6px 0 22px;font-size:1.12rem;line-height:1.5;color:var(--ink)}\n.study .who{display:flex;align-items:center;gap:14px}\n.study .who .av{width:52px;height:52px;border-radius:50%;background:var(--blue-tint);display:grid;place-items:center;color:var(--blue-deep);font-family:\"Bricolage Grotesque\";font-weight:800;flex:none;overflow:hidden}\n.study .who .av img{width:100%;height:100%;object-fit:cover;display:block}\n.study .who b{display:block;font-family:\"Bricolage Grotesque\"}\n.study .who span{color:var(--ink-soft);font-size:.9rem}\n.study .tag{position:absolute;top:24px;right:24px;font-size:.74rem;font-weight:700;color:var(--green);background:var(--green-tint);padding:6px 12px;border-radius:var(--radius-pill);display:inline-flex;gap:6px;align-items:center}\n@media(max-width:820px){.clin-grid{grid-template-columns:1fr}}\n\n\/* ======================= 05 RESULTS (data-viz) ======================= *\/\n.res .lead{margin-bottom:8px}\n.bars{display:flex;flex-direction:column;gap:22px;margin-top:42px;max-width:760px;margin-left:auto;margin-right:auto}\n.bar-row{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:18px}\n.bar-row .lbl{font-weight:600;color:var(--ink)}\n.bar-track{height:34px;background:var(--bg-soft);border-radius:var(--radius-pill);overflow:hidden;position:relative;border:1px solid var(--line)}\n.bar-fill{height:100%;border-radius:var(--radius-pill);width:0;transition:width 1.1s var(--ease);display:flex;align-items:center}\n.bar-fill.good{background:linear-gradient(90deg,var(--green),#37b97e)}\n.bar-fill.up{background:linear-gradient(90deg,var(--blue),#2f9bd6)}\n.bar-row .val{font-family:\"Bricolage Grotesque\";font-weight:800;font-size:1.25rem;min-width:78px;text-align:right;font-feature-settings:\"tnum\";display:inline-flex;align-items:center;gap:5px;justify-content:flex-end}\n.bar-row .val.green{color:var(--green)}\n.bar-row .val.blue{color:var(--blue-deep)}\n.res-foot{margin-top:30px;font-size:.85rem;color:var(--ink-soft);text-align:center}\n@media(max-width:680px){.bar-row{grid-template-columns:1fr auto;gap:6px 12px}.bar-track{grid-column:1\/-1;order:3}}\n\n\/* ======================= MOMENT (humain) ======================= *\/\n.moment{background:var(--blue-tint)}\n.moment-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}\n.moment-photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:1}\n.moment-photo img{width:100%;height:100%;object-fit:cover;display:block}\n.moment h2{max-width:16ch}\n@media(max-width:860px){.moment-grid{grid-template-columns:1fr;gap:28px}.moment-photo{max-width:420px;margin:0 auto}}\n\n\/* ======================= 06 PRESS ======================= *\/\n.press{background:var(--cream);text-align:center}\n.press p.k{font-family:\"Bricolage Grotesque\";font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;color:var(--ink-soft);margin-bottom:26px}\n.logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}\n.logo-slot{height:64px;min-width:150px;padding:0 26px;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;font-family:\"Bricolage Grotesque\";font-weight:800;font-size:1.05rem;color:var(--blue-deep);box-shadow:var(--shadow-sm);position:relative}\n.logo-slot small{position:absolute;bottom:4px;right:8px;font-size:.55rem;color:#B9C2D0;font-weight:600}\n\/* Marquee logos \u2014 auto-scroll infini (port vanilla de Logos3) *\/\n.marquee{position:relative;overflow:hidden;margin-top:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}\n.marquee-track{display:flex;width:max-content;gap:18px;animation:marquee 30s linear infinite;will-change:transform}\n.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}\n@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}\n.logo-card{flex:none;height:84px;display:grid;place-items:center;padding:0 32px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}\n.logo-card img{height:38px;width:auto;display:block}\n.logo-card.text{font-family:\"Bricolage Grotesque\";font-weight:800;color:var(--blue-deep);font-size:1.2rem;letter-spacing:-.01em;line-height:1;text-align:center}\na.logo-card{text-decoration:none;color:var(--blue-deep);transition:border-color .2s}\na.logo-card:hover{border-color:var(--blue)}\n.logo-card.text small{display:block;font-size:.58rem;color:#9aa6b5;font-weight:600;letter-spacing:.08em;margin-top:3px}\n\n\/* ======================= 07 TESTIMONIALS ======================= *\/\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}\n.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}\n.stars{display:flex;gap:3px;color:var(--yellow-deep)}\n.tcard p{margin:0;font-size:1.02rem;color:var(--ink)}\n.tcard .who{display:flex;align-items:center;gap:12px;margin-top:auto}\n.tcard .av{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:\"Bricolage Grotesque\";font-weight:700;color:#fff;font-size:1.05rem}\n.tcard .who b{font-family:\"Bricolage Grotesque\";display:block;font-size:.98rem}\n.tcard .who span{font-size:.82rem;color:var(--green);font-weight:600;display:inline-flex;gap:5px;align-items:center}\n@media(max-width:880px){.testi-grid{grid-template-columns:1fr}}\n\n\/* ======================= 08 FAQ ======================= *\/\n.faq{background:var(--bg-soft)}\n.faq-list{max-width:780px;margin:42px auto 0;display:flex;flex-direction:column;gap:12px}\n.qa{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}\n.qa summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:\"Bricolage Grotesque\";font-weight:700;font-size:1.08rem}\n.qa summary::-webkit-details-marker{display:none}\n.qa summary .chev{flex:none;transition:transform .25s var(--ease);color:var(--blue)}\n.qa[open] summary .chev{transform:rotate(180deg)}\n.qa .ans{padding:0 24px 22px;color:var(--ink-soft)}\n.qa .ans p{margin:0}\n\n\/* ======================= 09 FINAL ORDER ======================= *\/\n.order{background:linear-gradient(165deg,var(--blue-deep),#0b3a64);color:#fff}\n.order-card{background:#fff;color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;max-width:920px;margin:0 auto}\n.order-visual{background:#f6edd6;padding:0;position:relative;min-height:340px;overflow:hidden}\n.order-visual .packshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}\n.order-visual .pill{position:absolute;top:20px;left:20px;z-index:2;background:rgba(20,35,58,.78);color:#fff;font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:var(--radius-pill)}\n.order-body{padding:clamp(28px,4vw,44px)}\n.order-body h2{font-size:clamp(1.5rem,3vw,2rem)}\n.order-price{display:flex;align-items:baseline;gap:10px;margin:14px 0}\n.order-price .big{font-family:\"Bricolage Grotesque\";font-weight:800;font-size:3rem;color:var(--blue-deep)}\n.order-price .ship{color:var(--green);font-weight:700}\n.order-list{list-style:none;padding:0;margin:18px 0 24px;display:flex;flex-direction:column;gap:11px}\n.order-list li{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;color:var(--ink)}\n.order-list svg{color:var(--green);flex:none;margin-top:2px}\n.order-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:.82rem;color:var(--ink-soft);font-weight:600}\n.order-trust span{display:inline-flex;gap:6px;align-items:center}\n@media(max-width:760px){.order-card{grid-template-columns:1fr}.order-visual{padding:30px;min-height:200px}}\n\n\/* ======================= FOOTER ======================= *\/\nfooter{background:var(--ink);color:rgba(255,255,255,.72);padding:48px 0 36px;font-size:.9rem}\n.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}\nfooter a{color:rgba(255,255,255,.72)}\nfooter a:hover{color:#fff}\n.foot-links{display:flex;flex-wrap:wrap;gap:18px}\n.foot-note{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;color:rgba(255,255,255,.5);max-width:70ch}\n\n\/* ======================= STICKY MOBILE CTA ======================= *\/\n.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -6px 24px rgba(20,35,58,.08)}\n.sticky-cta .p b{font-family:\"Bricolage Grotesque\";font-size:1.3rem;color:var(--blue-deep)}\n.sticky-cta .p small{display:block;color:var(--ink-soft);font-size:.78rem}\n.sticky-cta .btn{min-height:48px;padding:0 22px}\n@media(max-width:860px){.sticky-cta{display:flex}body{padding-bottom:78px}}\n\n\/* ======================= 10 EXIT-INTENT POPUP ======================= *\/\n.modal-scrim{position:fixed;inset:0;background:rgba(11,26,44,.55);backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}\n.modal-scrim.show{display:flex;animation:fade .25s ease}\n@keyframes fade{from{opacity:0}to{opacity:1}}\n.modal{background:#fff;border-radius:var(--radius-lg);max-width:480px;width:100%;box-shadow:var(--shadow-md);overflow:hidden;animation:rise .3s var(--ease)}\n@keyframes rise{from{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}\n.modal-top{background:var(--cream);padding:30px 32px 22px;position:relative;text-align:center}\n.modal-top .badge{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#3A2A00;font-family:\"Bricolage Grotesque\";font-weight:800;font-size:.85rem;padding:7px 16px;border-radius:var(--radius-pill);margin-bottom:14px}\n.modal-top h3{font-size:1.5rem}\n.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(20,35,58,.08);color:var(--ink);cursor:pointer;display:grid;place-items:center}\n.modal-close:hover{background:rgba(20,35,58,.16)}\n.modal-body{padding:24px 32px 32px}\n.modal-body p{color:var(--ink-soft);text-align:center;font-size:.98rem}\n.modal-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}\n.modal-form label{font-weight:600;font-size:.85rem}\n.modal-form input{height:52px;border:1.5px solid var(--line);border-radius:14px;padding:0 16px;font-size:1rem;font-family:inherit}\n.modal-form input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}\n.modal-fine{font-size:.74rem;color:var(--ink-soft);text-align:center;margin-top:4px}\n\n\/* ======================= PAIEMENT (ic\u00f4nes r\u00e9assurance) ======================= *\/\n.pay-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}\n.pay-row .ic{height:32px;min-width:46px;padding:0 9px;background:#fff;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}\n.pay-row .ic svg{height:20px;width:auto;display:block}\n\n\/* ======================= R\u00c9SEAUX SOCIAUX ======================= *\/\n.social{display:flex;gap:12px;align-items:center}\n.social a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}\n.social a svg{width:22px;height:22px;position:relative;z-index:1}\n.social a::before{content:\"\";position:absolute;inset:0;opacity:0;transition:opacity .25s}\n.social a:hover,.social a:focus-visible{transform:translateY(-3px) scale(1.06)}\n.social a.ig{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}\n.social a.ig:hover{box-shadow:0 10px 22px rgba(220,39,67,.5)}\n.social a.li{background:#0a66c2}\n.social a.li:hover{box-shadow:0 10px 22px rgba(10,102,194,.5)}\n.social-label{display:flex;flex-direction:column;gap:10px}\n.social-label b{font-family:\"Bricolage Grotesque\";color:#fff;font-size:.95rem}\n\n\/* ======================= REPORTAGES (galerie vid\u00e9o hover-expand) ======================= *\/\n.reportages{background:var(--cream)}\n.frames{display:flex;gap:14px;height:min(44vw,360px);margin-top:38px}\n.frame{position:relative;flex:1 1 0;min-width:0;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:0;padding:0;background:#0b3a64 center\/cover no-repeat;box-shadow:var(--shadow-md);transition:flex-grow .45s var(--ease)}\n.frames:hover .frame{flex-grow:.62}\n.frames .frame:hover,.frames .frame:focus-visible{flex-grow:2.3}\n.frame .thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}\n.frame:hover .thumb{transform:scale(1.05)}\n.frame::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,42,74,.1) 0%,rgba(11,42,74,.62) 100%);transition:opacity .3s}\n.frame .badge{position:absolute;top:14px;left:14px;z-index:2;background:#fff;color:var(--blue-deep);font-family:\"Bricolage Grotesque\";font-weight:800;font-size:.72rem;letter-spacing:.02em;padding:5px 12px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}\n.frame .cap{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff;font-family:\"Bricolage Grotesque\";font-weight:700;font-size:1rem;line-height:1.2;text-shadow:0 2px 10px rgba(11,26,44,.5)}\n.frame .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:62px;height:62px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;box-shadow:var(--shadow-yellow);transition:transform .2s var(--ease)}\n.frame:hover .vplay{transform:translate(-50%,-50%) scale(1.08)}\n.frame .vplay svg{color:#3A2A00;margin-left:3px}\n.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}\n@media(max-width:760px){.frames{flex-direction:column;height:auto;gap:12px}.frame{height:210px;flex:none}.frames:hover .frame,.frames .frame:hover{flex-grow:0}}\n\n\/* Espace resserr\u00e9 entre presse et reportages *\/\n.press{padding-bottom:34px}\n.reportages{padding-top:28px}\n\n\/* R\u00e9sultats fusionn\u00e9s dans la preuve clinique *\/\n.results-block{margin-top:44px}\n.results-block h3{text-align:center;color:var(--ink);font-size:1.2rem;margin-bottom:8px}\n\n\/* ======================= T\u00c9MOIGNAGES \u2014 REEL ======================= *\/\n.reel{position:relative;display:flex;flex-direction:column;gap:10px;max-width:860px;margin:34px auto 0;border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;outline:none}\n.reel:focus-visible{box-shadow:0 0 0 3px var(--blue-tint)}\n.reel-stage{position:relative;width:100%;height:172px;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;\n  -webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);\n  mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);\n  -webkit-mask-composite:source-in;mask-composite:intersect}\n.reel-col{display:flex;flex-direction:column;gap:8px;flex:none;transition:transform .8s cubic-bezier(.65,0,.35,1);will-change:transform}\n.reel-cell{width:72px;height:72px;border-radius:13px;flex:none;background:linear-gradient(180deg,#eef1f6,#fff);border:1px solid var(--line);filter:blur(1px)}\n.reel-feat{width:72px;height:72px;border-radius:13px;flex:none;display:grid;place-items:center;color:#fff;font-family:\"Bricolage Grotesque\";font-weight:800;font-size:1.35rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}\n.reel-feat::after{content:\"\";position:absolute;inset:0;background:linear-gradient(220deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%)}\n.reel-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:26px 28px 22px;min-width:0}\n.reel-quote-mark{width:42px;height:42px;color:var(--line);flex:none}\n.reel-text{margin-top:8px}\n.reel-quote{font-family:\"Bricolage Grotesque\";font-weight:600;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.35;color:var(--ink);margin:0 0 12px;max-width:48ch}\n.reel-author{color:var(--ink-soft);font-weight:700;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}\n.reel-author .vf{color:var(--green);display:inline-flex;gap:4px;align-items:center;font-size:.82rem;font-weight:600}\n.reel-char{display:inline-block;opacity:0;transform:translateY(10px);animation:charRise .42s cubic-bezier(.2,.7,.2,1) forwards}\n.reel-fade{transition:opacity .22s ease,transform .22s ease}\n.reel-fade.out{opacity:0;transform:translateY(-10px)}\n.reel-ctrl{display:flex;gap:10px;margin-top:18px}\n.reel-ctrl button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .2s var(--ease),border-color .2s}\n.reel-ctrl button:hover:not(:disabled){transform:scale(1.08);border-color:var(--blue)}\n.reel-ctrl button:disabled{opacity:.4;cursor:default}\n@keyframes charRise{to{opacity:1;transform:translateY(0)}}\n@media(min-width:768px){.reel{flex-direction:row;min-height:280px}.reel-stage{width:300px;height:280px}.reel-content{padding:24px 28px}}\n\n\/* ======================= H\u00c9RO \u2014 ANIMATION GRADIENT (gooey blobs, charte ALOL) ======================= *\/\n.hero{position:relative}\n.hero .wrap{position:relative;z-index:2}\n.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}\n.hero-blobs{position:absolute;inset:0;filter:url(#alol-goo) blur(36px);opacity:.55}\n.hero-blobs .blob{position:absolute;width:46%;aspect-ratio:1;top:calc(50% - 23%);left:calc(50% - 23%);border-radius:50%;mix-blend-mode:multiply;transform-origin:center}\n.blob.b1{background:radial-gradient(circle at center, rgba(255,210,30,.9) 0, rgba(255,210,30,0) 52%);animation:bMoveV 26s ease infinite}\n.blob.b2{background:radial-gradient(circle at center, rgba(27,111,179,.7) 0, rgba(27,111,179,0) 52%);transform-origin:calc(50% - 380px);animation:bCircle 22s reverse infinite}\n.blob.b3{background:radial-gradient(circle at center, rgba(47,155,214,.7) 0, rgba(47,155,214,0) 52%);transform-origin:calc(50% + 380px);animation:bCircle 38s linear infinite}\n.blob.b4{background:radial-gradient(circle at center, rgba(255,232,166,.85) 0, rgba(255,232,166,0) 52%);transform-origin:calc(50% - 200px);animation:bMoveH 36s ease infinite;opacity:.7}\n.blob.b5{background:radial-gradient(circle at center, rgba(15,76,129,.55) 0, rgba(15,76,129,0) 52%);transform-origin:calc(50% - 760px) calc(50% + 760px);animation:bCircle 20s ease infinite}\n.blob.bp{width:60%;aspect-ratio:1;top:-30%;left:-30%;background:radial-gradient(circle at center, rgba(255,210,30,.6) 0, rgba(255,210,30,0) 52%);opacity:.6}\n@keyframes bCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}\n@keyframes bMoveV{0%,100%{transform:translateY(-26%)}50%{transform:translateY(26%)}}\n@keyframes bMoveH{0%,100%{transform:translateX(-22%) translateY(-8%)}50%{transform:translateX(22%) translateY(8%)}}\n\n\/* ======================= PARALLAX ======================= *\/\n[data-parallax]{will-change:transform;transform:translate3d(0,var(--py,0px),0) scale(var(--ps,1))}\n.device .hero-photo[data-parallax]{--ps:1.12}\n.moment-photo img[data-parallax]{--ps:1.16}\n\n@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reel-char{opacity:1!important;transform:none!important}.hero-blobs{display:none}[data-parallax]{transform:none!important}}\n\n\n.page-hero{background:radial-gradient(120% 120% at 85% -10%, var(--cream) 0%, transparent 55%),linear-gradient(180deg,#fff 0%, var(--bg-soft) 100%);text-align:center}\n.page-hero .wrap{max-width:720px}\n.vgrid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:8px}\n@media(min-width:640px){.vgrid{grid-template-columns:1fr 1fr}}\n@media(min-width:1000px){.vgrid{grid-template-columns:1fr 1fr 1fr}}\n.vcard{position:relative;display:block;width:100%;border:0;padding:0;margin:0;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;background:#0b3a64;aspect-ratio:16\/9;box-shadow:var(--shadow-md);font:inherit}\n.vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}\n.vcard:hover img{transform:scale(1.06)}\n.vcard::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,42,74,.05),rgba(11,42,74,.55));transition:opacity .3s}\n.vcard:hover::after{opacity:.85}\n.vcard .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:60px;height:60px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;box-shadow:var(--shadow-yellow);transition:transform .2s var(--ease)}\n.vcard:hover .vplay{transform:translate(-50%,-50%) scale(1.08)}\n.vcard .vplay svg{color:#3A2A00;margin-left:3px}\n.vcard .badge{position:absolute;top:14px;left:14px;z-index:2;background:#fff;color:var(--blue-deep);font-family:\"Bricolage Grotesque\";font-weight:800;font-size:.72rem;letter-spacing:.02em;padding:5px 12px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}\n.vcard .cap{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff;font-family:\"Bricolage Grotesque\";font-weight:700;font-size:1rem;line-height:1.2;text-shadow:0 2px 10px rgba(11,26,44,.5)}\n\/* lightbox *\/\n.lightbox{position:fixed;inset:0;z-index:200;background:rgba(11,26,44,.82);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}\n.lightbox.show{display:flex;animation:fade .25s ease}\n.lightbox .box{width:min(960px,100%);aspect-ratio:16\/9;position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:#000}\n.lightbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n.lightbox .close{position:absolute;top:-46px;right:0;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center}\n.lightbox .close:hover{background:var(--yellow)}\n\n<\/style>\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><defs>\n  <symbol id=\"i-play\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8 5v14l11-7z\"\/><\/symbol>\n  <symbol id=\"i-x\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" d=\"M6 6l12 12M18 6 6 18\"\/><\/symbol>\n  <symbol id=\"i-flask\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M9 3h6M10 3v6l-5 8.5A2 2 0 0 0 6.7 21h10.6a2 2 0 0 0 1.7-3.5L14 9V3\"\/><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M7.5 15h9\"\/><\/symbol>\n  <symbol id=\"i-truck\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M3 6h11v9H3zM14 9h4l3 3v3h-7z\"\/><circle cx=\"7.5\" cy=\"17.5\" r=\"1.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"1.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\n  <symbol id=\"i-instagram\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5.4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1.3\" fill=\"currentColor\"\/><\/symbol>\n  <symbol id=\"i-linkedin\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M4.98 3.5A2.5 2.5 0 1 0 5 8.5 2.5 2.5 0 0 0 4.98 3.5zM3.2 9h3.6v12H3.2zM9 9h3.45v1.64h.05c.48-.91 1.65-1.87 3.4-1.87 3.64 0 4.31 2.4 4.31 5.51V21h-3.6v-5.3c0-1.26-.02-2.89-1.76-2.89-1.76 0-2.03 1.38-2.03 2.8V21H9z\"\/><\/symbol>\n  <symbol id=\"smiley\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"46\" fill=\"#FFD21E\" stroke=\"#111\" stroke-width=\"5\"\/><path d=\"M31 36 H41 L34.5 47\" fill=\"none\" stroke=\"#111\" stroke-width=\"3.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M59 36 H69 L62.5 47\" fill=\"none\" stroke=\"#111\" stroke-width=\"3.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"50\" cy=\"52\" r=\"7\" fill=\"#111\"\/><circle cx=\"50\" cy=\"52\" r=\"4\" fill=\"#fff\"\/><circle cx=\"50\" cy=\"52\" r=\"1.9\" fill=\"#111\"\/><path d=\"M30 60 Q50 80 70 60 Q50 70 30 60 Z\" fill=\"#111\"\/><path d=\"M34.5 62 Q50 74.5 65.5 62 Q50 67.5 34.5 62 Z\" fill=\"#fff\"\/><\/symbol>\n<\/defs><\/svg>\n\n<!-- HEADER -->\n<header class=\"nav\">\n  <div class=\"wrap nav-in\">\n    <a class=\"brand\" href=\"\/v2\" aria-label=\"ALOL\u00a9 accueil\">\n      <img decoding=\"async\" class=\"smiley\" src=\"\/wp-content\/uploads\/2026\/06\/logo-smiley.png\" alt=\"\" aria-hidden=\"true\" width=\"34\" height=\"34\" \/> ALOL\u00a9\n    <\/a>\n    <nav class=\"nav-links\" aria-label=\"Navigation principale\">\n      <a href=\"\/v2#solution\">Comment \u00e7a marche<\/a>\n      <a href=\"\/etudes-v2\">\u00c9tudes cliniques<\/a>\n      <a href=\"\/temoignages-v2\" aria-current=\"page\">T\u00e9moignages<\/a>\n      <a href=\"\/v2#professionnels\">Professionnels de sant\u00e9<\/a>\n      <a href=\"\/v2#faq\">FAQ<\/a>\n    <\/nav>\n    <a class=\"btn btn-primary\" href=\"\/v2#commander\">Commander \u00b7 29 \u20ac<\/a>\n  <\/div>\n<\/header>\n\n<main>\n\n<!-- HERO -->\n<section class=\"page-hero\">\n  <div class=\"wrap\">\n    <span class=\"eyebrow\"><svg width=\"14\" height=\"14\"><use href=\"#i-play\"\/><\/svg> T\u00e9moignages<\/span>\n    <h1 style=\"margin-top:18px\">Ils l'utilisent. Ils racontent.<\/h1>\n    <p class=\"lead\" style=\"margin:14px auto 0\">Patients, aidants et soignants partagent leur exp\u00e9rience du dispositif ALOL\u00a9. Cliquez sur une vid\u00e9o pour la regarder.<\/p>\n  <\/div>\n<\/section>\n\n<!-- GALERIE VID\u00c9O -->\n<section>\n  <div class=\"wrap\">\n    <div class=\"vgrid\" id=\"vgrid\"><\/div>\n    <p class=\"center\" style=\"font-size:.82rem;color:var(--ink-soft);margin-top:26px\">Emplacements de d\u00e9monstration \u2014 remplacer par les vraies vid\u00e9os t\u00e9moignages (voir le tableau <code>VIDEOS<\/code> dans le code).<\/p>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"order\">\n  <div class=\"wrap center\">\n    <span class=\"eyebrow\" style=\"background:rgba(255,255,255,.14);color:#fff\">Convaincu ?<\/span>\n    <h2 style=\"color:#fff;margin-top:16px\">Vivez l'exp\u00e9rience ALOL\u00a9.<\/h2>\n    <p class=\"lead\" style=\"color:rgba(255,255,255,.8);margin:14px auto 26px\">Le dispositif clinique, livr\u00e9 chez vous pour 29 \u20ac.<\/p>\n    <a class=\"btn btn-primary\" href=\"\/v2#commander\">Commander \u00b7 29 \u20ac <svg width=\"18\" height=\"18\"><use href=\"#i-truck\"\/><\/svg><\/a>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"foot-in\">\n      <a class=\"brand\" href=\"\/v2\" style=\"color:#fff\"><img decoding=\"async\" class=\"smiley\" src=\"\/wp-content\/uploads\/2026\/06\/logo-smiley.png\" alt=\"\" aria-hidden=\"true\" width=\"34\" height=\"34\" \/> ALOL\u00a9<\/a>\n      <nav class=\"foot-links\" aria-label=\"Liens de pied de page\">\n        <a href=\"\/v2#solution\">Comment \u00e7a marche<\/a>\n        <a href=\"\/etudes-v2\">\u00c9tudes cliniques<\/a>\n        <a href=\"\/temoignages-v2\">T\u00e9moignages<\/a>\n        <a href=\"\/v2#faq\">FAQ<\/a>\n        <a href=\"https:\/\/alol.fr\/contact\/\" target=\"_blank\" rel=\"noopener\">Contact<\/a>\n        <a href=\"https:\/\/alol.fr\/politique-de-cookies-ue\/\" target=\"_blank\" rel=\"noopener\">Mentions l\u00e9gales<\/a>\n        <a href=\"https:\/\/alol.fr\/wp-content\/uploads\/2026\/05\/CGV_ALOL.pdf\" target=\"_blank\" rel=\"noopener\">CGV<\/a>\n      <\/nav>\n      <div class=\"social-label\">\n        <b>Suivez-nous<\/b>\n        <div class=\"social\">\n          <a class=\"ig\" href=\"https:\/\/www.instagram.com\/yann_courchelle_international\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram ALOL\u00a9\"><svg aria-hidden=\"true\"><use href=\"#i-instagram\"\/><\/svg><\/a>\n          <a class=\"li\" href=\"https:\/\/fr.linkedin.com\/in\/dispositif-alol%C2%A9-144869266\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn ALOL\u00a9\"><svg aria-hidden=\"true\"><use href=\"#i-linkedin\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <p class=\"foot-note\">ALOL\u00a9 \u2014 Le 1\u1d49\u02b3 dispositif de rire th\u00e9rapeutique, cat\u00e9gorie prot\u00e9g\u00e9e dans 179 pays. Intervention non m\u00e9dicamenteuse ; ne se substitue pas \u00e0 un avis m\u00e9dical.<\/p>\n  <\/div>\n<\/footer>\n\n<!-- LIGHTBOX -->\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Lecture de la vid\u00e9o\">\n  <div class=\"box\">\n    <button class=\"close\" id=\"lbClose\" aria-label=\"Fermer\"><svg width=\"18\" height=\"18\"><use href=\"#i-x\"\/><\/svg><\/button>\n    <div id=\"lbPlayer\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* ====== AJOUTER \/ MODIFIER LES VID\u00c9OS ICI ======\n   Deux types de vid\u00e9os support\u00e9s :\n\n   1. YouTube  \u2192 { type:\"youtube\", id:\"XXXXXXXXXXX\", badge:\"...\", cap:\"...\" }\n      Miniature auto depuis YouTube.\n\n   2. H\u00e9berg\u00e9e (WP Media Library ou autre URL MP4)\n      \u2192 { type:\"mp4\", src:\"https:\/\/alol.fr\/wp-content\/uploads\/...\/video.mp4\",\n            thumb:\"https:\/\/alol.fr\/wp-content\/uploads\/...\/thumb.jpg\",\n            badge:\"...\", cap:\"...\" }\n      thumb = image de pr\u00e9visualisation (optionnel \u2014 logo ALOL\u00a9 par d\u00e9faut si absent).\n\n   \u26a0\ufe0f Convertir les fichiers MOV en MP4 avant upload (HandBrake, CloudConvert, etc.)\n   Les fichiers MOV ne sont pas lus correctement sur Chrome\/Firefox.\n*\/\nvar VIDEOS = [\n  \/* --- Reportages presse --- *\/\n  { type:\"youtube\", id:\"OuCie9cxj-U\", badge:\"BFM TV\",    cap:\"BFM TV \u2014 le dispositif ALOL\u00a9\" },\n  { type:\"youtube\", id:\"2mv0VkntTJg\", badge:\"France 2\",  cap:\"ALOL\u00a9 dans T\u00e9l\u00e9matin\" },\n  { type:\"youtube\", id:\"Z2E__bH5urs\", badge:\"BFM Lille\", cap:\"BFM Grand Lille\" },\n\n  \/* --- Professionnels de sant\u00e9 \/ cliniques --- *\/\n  { type:\"mp4\", src:\"https:\/\/alol.fr\/wp-content\/uploads\/2023\/08\/PAD-050623-Dispositif-accompagnement-soins-par-le-rire-Clinique-Flandres-Coudekerque-Branche.mp4\", thumb:\"\", badge:\"Clinique\", cap:\"Clinique Flandres \u2014 accompagnement soins par le rire\" }\n\n  \/* --- Ajouter ici les t\u00e9moignages au format MP4 une fois convertis depuis MOV ---\n  { type:\"mp4\", src:\"https:\/\/alol.fr\/wp-content\/uploads\/2026\/07\/NOM.mp4\", thumb:\"\", badge:\"T\u00e9moignage\", cap:\"Description\" },\n  { type:\"mp4\", src:\"https:\/\/alol.fr\/wp-content\/uploads\/2026\/07\/pr-bensadoun.mp4\", thumb:\"\", badge:\"Soignant\", cap:\"Pr Bensadoun \u2014 retour clinique\" }\n  --- *\/\n];\n\n\/* =================================================\n   Vignette par d\u00e9faut quand thumb est vide\n   (logo ALOL\u00a9 sur fond bleu) *\/\nvar DEFAULT_THUMB = \"\/wp-content\/uploads\/2026\/06\/logo-smiley.png\";\n\n(function(){\n  var grid=document.getElementById('vgrid');\n  VIDEOS.forEach(function(v){\n    var thumbSrc = v.type===\"youtube\"\n      ? \"https:\/\/img.youtube.com\/vi\/\"+v.id+\"\/hqdefault.jpg\"\n      : (v.thumb || DEFAULT_THUMB);\n    var thumbStyle = (!v.thumb && v.type===\"mp4\")\n      ? ' style=\"object-fit:contain;background:#0b3a64;padding:20px\"'\n      : '';\n\n    var b=document.createElement('button');\n    b.className='vcard'; b.setAttribute('aria-label','Lire : '+v.cap);\n    b.innerHTML='<img decoding=\"async\" src=\"'+thumbSrc+'\" alt=\"\" loading=\"lazy\"'+thumbStyle+' \/>'\n      +'<span class=\"badge\">'+v.badge+'<\/span>'\n      +'<span class=\"vplay\" aria-hidden=\"true\"><svg width=\"26\" height=\"26\"><use href=\"#i-play\"\/><\/svg><\/span>'\n      +'<span class=\"cap\">'+v.cap+'<\/span>';\n    b.addEventListener('click',function(){ openLB(v); });\n    grid.appendChild(b);\n  });\n\n  var lb=document.getElementById('lightbox'), player=document.getElementById('lbPlayer'), close=document.getElementById('lbClose');\n\n  function openLB(v){\n    if(v.type===\"youtube\"){\n      player.innerHTML='<iframe src=\"https:\/\/www.youtube.com\/embed\/'+v.id+'?autoplay=1&rel=0&modestbranding=1&playsinline=1\" title=\"'+v.cap+'\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>';\n    } else {\n      player.innerHTML='<video src=\"'+v.src+'\" autoplay controls playsinline style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000\"><\/video>';\n    }\n    lb.classList.add('show'); document.body.style.overflow='hidden'; close.focus();\n  }\n  function hideLB(){\n    lb.classList.remove('show');\n    player.innerHTML='';\n    document.body.style.overflow='';\n  }\n  close.addEventListener('click',hideLB);\n  lb.addEventListener('click',function(e){ if(e.target===lb) hideLB(); });\n  document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&lb.classList.contains('show')) hideLB(); });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ALOL\u00a9 Comment \u00e7a marche \u00c9tudes cliniques T\u00e9moignages Professionnels de sant\u00e9 FAQ Commander \u00b7 29 \u20ac T\u00e9moignages Ils l&rsquo;utilisent. Ils racontent. Patients, aidants et soignants partagent leur exp\u00e9rience du dispositif ALOL\u00a9. Cliquez sur une vid\u00e9o pour la regarder. Emplacements de d\u00e9monstration \u2014 remplacer par les vraies vid\u00e9os t\u00e9moignages (voir le tableau VIDEOS dans le code). Convaincu [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2914","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","trp-custom-language-flag":"","woocommerce_archive_thumbnail":"","woocommerce_thumbnail":"","woocommerce_single":"","woocommerce_gallery_thumbnail":""},"post_excerpt_stackable":"<p>ALOL\u00a9 Comment \u00e7a marche \u00c9tudes cliniques T\u00e9moignages Professionnels de sant\u00e9 FAQ Commander \u00b7 29 \u20ac T\u00e9moignages Ils l&rsquo;utilisent. Ils racontent. Patients, aidants et soignants partagent leur exp\u00e9rience du dispositif ALOL\u00a9. Cliquez sur une vid\u00e9o pour la regarder. Emplacements de d\u00e9monstration \u2014 remplacer par les vraies vid\u00e9os t\u00e9moignages (voir le tableau VIDEOS dans le code). Convaincu ? Vivez l&rsquo;exp\u00e9rience ALOL\u00a9. Le dispositif clinique, livr\u00e9 chez vous pour 29 \u20ac. Commander \u00b7 29 \u20ac ALOL\u00a9 Comment \u00e7a marche \u00c9tudes cliniques T\u00e9moignages FAQ Contact Mentions l\u00e9gales CGV Suivez-nous ALOL\u00a9 \u2014 Le 1\u1d49\u02b3 dispositif de rire th\u00e9rapeutique, cat\u00e9gorie prot\u00e9g\u00e9e dans 179 pays. Intervention non&hellip;<\/p>\n","category_list":"","author_info":{"name":"Axel Borry","url":"https:\/\/alol.fr\/en\/author\/axel-borry\/"},"comments_num":"0 comments","_links":{"self":[{"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/pages\/2914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/comments?post=2914"}],"version-history":[{"count":7,"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/pages\/2914\/revisions"}],"predecessor-version":[{"id":2925,"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/pages\/2914\/revisions\/2925"}],"wp:attachment":[{"href":"https:\/\/alol.fr\/en\/wp-json\/wp\/v2\/media?parent=2914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}