{"id":1904,"date":"2026-10-02T02:11:42","date_gmt":"2026-10-02T00:11:42","guid":{"rendered":"https:\/\/www.oomade.com\/ooproto\/"},"modified":"2026-10-02T14:12:05","modified_gmt":"2026-10-02T12:12:05","slug":"ooproto","status":"publish","type":"page","link":"https:\/\/www.oomade.com\/ru\/ooproto\/","title":{"rendered":"OOproto"},"content":{"rendered":"\n<script>document.documentElement.className+=\" oomfx\";<\/script><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&#038;display=swap\">\n<style>\n\n.oom{--bg:#F6FAFA;--srf:#FFFFFF;--mint:#EAF6F7;--mintd:#D4EBEC;--sand:#F7EEE2;--sandd:#F2E2CC;\n--sky:#EDF3F8;--line:#E2E5E8;--line2:#C3CAD2;--ink:#27475B;--ink2:#69727F;--ink3:#666F7A;\n--acc:#009997;--accb:#008280;--accd:#007370;--accs:#6EC3C1;\n--amb:#9A6B10;--ambbg:#FCF4E4;--ambln:#EAD6AE;\n--f:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\ncolor-scheme:light;font-family:var(--f);color:var(--ink);background:var(--bg);\nfont-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}\n.oom *,.oom *::before,.oom *::after{box-sizing:border-box}\n.oom img{max-width:100%;height:auto;display:block}\n.oom p{margin:0}\n\n\/* --- blindage th\u00e8me : un th\u00e8me WordPress cible h1..h6, a, ul, table... en direct,\n   et une r\u00e8gle directe bat toujours l'h\u00e9ritage depuis .oom. On neutralise. --- *\/\n.oom h1,.oom h2,.oom h3,.oom h4,.oom h5,.oom h6,\n.oom p,.oom li,.oom dt,.oom dd,.oom td,.oom th,.oom caption,\n.oom a,.oom button,.oom input,.oom select,.oom textarea,\n.oom blockquote,.oom figure,.oom figcaption,.oom label,.oom small,\n.oom strong,.oom b,.oom em,.oom i,.oom span,.oom div{font-family:inherit}\n.oom i,.oom em,.oom cite,.oom q,.oom dfn,.oom address,\n.oom figcaption,.oom blockquote,.oom var{font-style:normal}\n.oom ul,.oom ol{margin:0;padding:0;list-style:none}\n\n\/* --- focus clavier : un theme WordPress supprime souvent l'anneau par defaut,\n   et de toute facon il est illisible sur nos fonds teintes. On en pose un a\n   nous, visible au clavier seulement (:focus-visible), jamais a la souris. --- *\/\n.oom a:focus-visible,.oom button:focus-visible,.oom summary:focus-visible,\n.oom [tabindex]:focus-visible,.oom input:focus-visible,\n.oom select:focus-visible,.oom textarea:focus-visible{\noutline:3px solid var(--accd);outline-offset:3px;border-radius:6px}\n.oom .band a:focus-visible,.oom .band-t a:focus-visible,\n.oom .band button:focus-visible,.oom .band-t button:focus-visible{\noutline-color:#fff}\n.oom figure,.oom blockquote,.oom dl,.oom dd,.oom h5,.oom h6,.oom pre{margin:0}\n.oom table{border-collapse:collapse;width:100%}\n.oom th,.oom td{text-align:left;font-weight:inherit}\n.oom button{background:none;border:0;padding:0;color:inherit;font-size:inherit;line-height:inherit}\n.oom a{text-decoration:none;box-shadow:none}\n.oom h5,.oom h6{font-weight:700;letter-spacing:-.01em;line-height:1.12;color:var(--ink)}\n.oom h1,.oom h2,.oom h3,.oom h4{margin:0;letter-spacing:-.03em;line-height:1.12;text-wrap:balance;color:var(--ink)}\n.oom h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800}\n.oom h2{font-size:clamp(1.6rem,3.3vw,2.5rem);font-weight:800}\n.oom h3{font-size:clamp(1.05rem,1.6vw,1.28rem);font-weight:700;letter-spacing:-.02em}\n.oom h4{font-size:1rem;font-weight:700;letter-spacing:-.01em}\n.oom h3.t4{font-size:1rem;font-weight:700;letter-spacing:-.01em}\n.oom a{color:inherit}\n.oom .w{width:min(1140px,100% - 40px);margin-inline:auto}\n.oom .wn{width:min(880px,100% - 40px);margin-inline:auto}\n.oom .st{display:flex;flex-direction:column}\n.oom .g10{gap:10px}.oom .g14{gap:14px}.oom .g20{gap:20px}\n.oom .g28{gap:28px}.oom .g40{gap:40px}\n.oom section{padding-block:clamp(56px,8vw,104px)}\n.oom .sec-w{background:var(--srf)}\n.oom .sec-m{background:var(--mint)}\n.oom .sec-s{background:var(--sand)}\n.oom .sec-k{background:var(--sky)}\n.oom .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;font-weight:800;\nletter-spacing:.17em;text-transform:uppercase;color:var(--accd)}\n.oom .eyebrow s{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;\nmin-width:22px;height:22px;border-radius:7px;background:var(--acc);color:#fff;font-size:.68rem;letter-spacing:0}\n.oom .lede{font-size:clamp(1.03rem,1.45vw,1.18rem);color:var(--ink2);max-width:64ch}\n.oom .small{font-size:.9rem;color:var(--ink2)}\n.oom .tiny{font-size:.78rem;color:var(--ink3)}\n\n\/* nav *\/\n.oom .nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);\nbackdrop-filter:blur(14px);border-bottom:1px solid var(--line)}\n.oom .nav .in{display:flex;align-items:center;gap:22px;height:70px}\n.oom .nav img{height:30px;width:150px;object-fit:contain;object-position:left center}\n.oom .nav .links{display:flex;gap:4px;margin-left:auto;align-items:center}\n.oom .nav .links a{padding:8px 13px;border-radius:9px;font-size:.9rem;font-weight:600;\ntext-decoration:none;color:var(--ink2);white-space:nowrap}\n.oom .nav .links a:hover{background:var(--mint);color:var(--accd)}\n\/* entr\u00e9e de la page courante : soulignement permanent, couleur d'accent *\/\n.oom .nav .links a.ici{color:var(--accd)}\n.oom .nav .links a.ici:not(.btn)::before{transform:scaleX(1)}\n.oom .nav .links a.btn-p,.oom .nav .links a.btn-p:hover{color:#fff;background:var(--accb)}\n.oom .nav .links a.btn-p:hover{background:var(--accd)}\n.oom .nav .burger{display:none;margin-left:auto;width:42px;height:42px;border-radius:11px;\nalign-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;\nbackground:var(--mint);border:1px solid var(--line)}\n.oom .nav .burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);\ntransition:transform .3s,opacity .2s}\n.oom .nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.oom .nav.open .burger span:nth-child(2){opacity:0}\n.oom .nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n.oom .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;\npadding:13px 24px;border-radius:11px;font-size:.94rem;font-weight:700;text-decoration:none;\nborder:1.5px solid transparent;white-space:nowrap;transition:.18s}\n.oom .btn-p{background:var(--accb);color:#fff;box-shadow:0 1px 2px rgba(0,152,150,.25)}\n.oom .btn-p:hover{background:var(--accd)}\n.oom .btn-g{background:var(--srf);color:var(--ink);border-color:var(--line2)}\n.oom .btn-g:hover{border-color:var(--accs);color:var(--accd)}\n.oom .btn-s{padding:9px 17px;font-size:.87rem;border-radius:9px}\n.oom .btn-row{display:flex;flex-wrap:wrap;gap:12px}\n\n\/* le formulaire Contact Form 7, habille a la charte. On ne touche pas au\n   formulaire lui-meme (identifiant 724) : on ne fait que l'habiller, pour que\n   le meme formulaire serve ici et sur l'ancien site. *\/\n.oom .oo-form{background:var(--srf);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,2.4vw,26px)}\n.oom .oo-form p{margin:0 0 14px}\n.oom .oo-form label{display:block;font-size:.88rem;font-weight:600;color:var(--ink);margin-bottom:6px}\n.oom .oo-form input[type=text],.oom .oo-form input[type=email],.oom .oo-form input[type=tel],\n.oom .oo-form select,.oom .oo-form textarea{\nwidth:100%;box-sizing:border-box;font:inherit;font-size:.95rem;color:var(--ink);\nbackground:var(--bg);border:1.5px solid var(--line2);border-radius:11px;padding:12px 14px;\ntransition:border-color .18s,box-shadow .18s}\n.oom .oo-form textarea{min-height:120px;resize:vertical}\n.oom .oo-form input:focus,.oom .oo-form select:focus,.oom .oo-form textarea:focus{\noutline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(0,153,151,.14)}\n.oom .oo-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;\npadding:13px 26px;border:0;border-radius:11px;background:var(--accd);color:#fff;\nfont:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:.18s}\n.oom .oo-form input[type=submit]:hover{background:var(--acc)}\n.oom .oo-form .wpcf7-not-valid-tip{color:#B4443A;font-size:.82rem;margin-top:5px}\n.oom .oo-form .wpcf7-response-output{margin:14px 0 0;padding:12px 14px;border-radius:11px;\nborder:1.5px solid var(--line2);font-size:.9rem}\n.oom .oo-form .wpcf7-spinner{margin-left:10px}\n\n@media (max-width:400px){.oom .btn{white-space:normal;max-width:100%;text-align:center}}\n\n\/* hero *\/\n.oom .hero{background:linear-gradient(175deg,var(--mint) 0%,var(--bg) 58%);padding-block:clamp(46px,7vw,86px) clamp(50px,7vw,90px)}\n.oom .hero .grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4vw,60px);align-items:center}\n.oom .hero h1 span{color:var(--accd);display:inline-block}\n.oom .micro{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.85rem;color:var(--ink2);font-weight:600}\n.oom .micro i{font-style:normal;color:var(--acc);margin-right:6px;font-weight:800}\n\n\/* les distinctions, en haut de l accueil *\/\n\/* la mini-section des distinctions, apres la galaxie *\/\n.oom .dist-sec{padding-block:clamp(30px,4vw,46px)}\n.oom .distinc{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,40px);\nflex-wrap:wrap;background:var(--srf);border:1.5px solid var(--accs);border-radius:22px;\npadding:clamp(16px,2vw,22px) clamp(20px,3vw,34px);max-width:820px;margin-inline:auto;\nbox-shadow:0 16px 40px -28px rgba(31,58,75,.6)}\n.oom .distinc img{width:clamp(150px,20vw,210px);height:auto;border-radius:14px;flex:none}\n.oom .dist-t{display:flex;flex-direction:column;gap:14px}\n.oom .dist-l{display:flex;flex-wrap:wrap;gap:16px 30px}\n.oom .dist-l span{display:flex;flex-direction:column;gap:3px;line-height:1.2}\n.oom .dist-l span + span{border-left:1px solid var(--line);padding-left:30px}\n.oom .dist-l b{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}\n.oom .dist-l i{font-style:normal;font-size:1.12rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}\n@media (max-width:560px){\n .oom .distinc{flex-direction:column;text-align:center}\n .oom .dist-t{align-items:center}\n .oom .dist-l span + span{border-left:0;padding-left:0}\n}\n.oom .shot{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line2);\nbackground:var(--srf);box-shadow:0 18px 44px -26px rgba(31,58,75,.4)}\n.oom .shot img{width:100%;height:100%;object-fit:cover}\n\n\/* proof strip *\/\n.oom .strip{background:var(--srf);border-block:1px solid var(--line);padding-block:26px}\n.oom .strip .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 34px}\n\n\/* eco *\/\n.oom .step .stepimg{margin:0 0 12px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--sky)}\n.oom .step .stepimg img{width:100%;aspect-ratio:16\/11;object-fit:cover;display:block}\n\n\/* les plans du g\u00e9n\u00e9rateur 3D *\/\n.oom .plans-wrap{background:var(--sky);border:1px solid var(--line);border-radius:16px;\npadding:18px;overflow-x:auto}\n.oom .plans{display:block;width:100%;min-width:760px;height:auto}\n\n\/* les trois captures anim\u00e9es du g\u00e9n\u00e9rateur *\/\n.oom .demos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.oom .demos figure{margin:0;display:flex;flex-direction:column;gap:8px}\n.oom .demos video{width:100%;display:block;aspect-ratio:794\/514;object-fit:contain;\nbackground:var(--srf);border:1px solid var(--line);border-radius:12px}\n.oom .demos figcaption{font-size:.8rem;color:var(--ink2);line-height:1.4}\n@media (max-width:900px){.oom .demos{grid-template-columns:1fr}}\n\n\/* l affiche de campagne, portrait *\/\n.oom .affiche img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line)}\n\n\/* vid\u00e9o int\u00e9gr\u00e9e, ratio conserv\u00e9 *\/\n.oom .vid{position:relative;width:100%;aspect-ratio:16\/9;border-radius:14px;overflow:hidden;\nborder:1px solid var(--line);background:var(--sky)}\n.oom .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}\n\/* si une extension enveloppe l'iframe, l'enveloppe doit remplir le cadre *\/\n.oom .vid>*{position:absolute;inset:0;width:100%;height:100%}\n\n\/* signature Vision Minute *\/\n.oom .vmlock{display:flex;align-items:center;gap:16px;flex-wrap:wrap}\n.oom .vmlock img{width:86px;height:auto;flex:none}\n@media(max-width:560px){ .oom .vmlock img{width:68px} }\n\n\/* galaxie de services : OOmade au centre, les services en orbite *\/\n.oom .gal{position:relative;width:100%;max-width:1040px;margin-inline:auto;aspect-ratio:1160\/640}\n.oom .gal-o{position:absolute;inset:0;width:100%;height:100%;overflow:visible}\n.oom .gal-o ellipse{fill:none;stroke:var(--line2);stroke-width:1.5;stroke-dasharray:3 8}\n.oom .gal-o line{stroke:var(--line2);stroke-width:1.5;stroke-dasharray:2 6}\n.oom .gal-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:268px;\ntext-align:center;background:var(--srf);border:1.5px solid var(--acc);border-radius:22px;\npadding:24px 20px 18px;box-shadow:0 22px 50px -22px rgba(39,71,91,.34);z-index:2}\n.oom .gal-c b{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.035em;color:var(--accd)}\n.oom .gal-c span{display:block;font-size:.82rem;color:var(--ink2);line-height:1.45;margin-top:5px}\n.oom .gal-c i{display:inline-block;margin-top:12px;font-size:.6rem;letter-spacing:.16em;\ntext-transform:uppercase;font-weight:800;font-style:normal;color:var(--accd);\nbackground:var(--mint);border-radius:999px;padding:5px 11px}\n.oom .gal-n{position:absolute;transform:translate(-50%,-50%);width:200px;text-align:center;\nbackground:var(--srf);border:1px solid var(--line);border-radius:16px;padding:15px 13px;\ntext-decoration:none;z-index:2;transition:transform .5s var(--easeo),box-shadow .45s,border-color .35s}\n.oom .gal-n:hover{transform:translate(-50%,-50%) translateY(-5px);border-color:var(--accs);\nbox-shadow:0 18px 38px -20px rgba(39,71,91,.4)}\n.oom .gal-n b{display:block;font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}\n.oom .gal-n p{font-size:.79rem;color:var(--ink2);line-height:1.45;margin-top:5px}\n.oom .gal-n em{display:block;margin-top:9px;font-size:.59rem;letter-spacing:.15em;\ntext-transform:uppercase;font-weight:800;font-style:normal;color:var(--ink3)}\n.oom .gal-n.eng{border-style:dashed;border-color:var(--accs);background:var(--mint)}\n.oom .gal-n.eng em{color:var(--accd)}\n.oom .n1{left:50%;top:10.9%}\n.oom .n2{left:84.0%;top:30.5%}\n.oom .n3{left:84.0%;top:69.5%}\n.oom .n4{left:50%;top:89.1%}\n.oom .n5{left:16.0%;top:69.5%}\n.oom .n6{left:16.0%;top:30.5%}\n@media(max-width:980px){\n .oom .gal{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}\n .oom .gal-o{display:none}\n .oom .gal-c,.oom .gal-n{position:static;transform:none;width:auto}\n .oom .gal-n:hover{transform:translateY(-4px)}\n .oom .gal-c{grid-column:1\/-1;max-width:340px;margin-inline:auto}\n}\n@media(max-width:560px){ .oom .gal{grid-template-columns:1fr} }\n\n\/* generic grids *\/\n.oom .cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,56px);align-items:center}\n.oom .cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.oom .auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(238px,100%),1fr));gap:16px}\n.oom .auto3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}\n.oom .card{background:var(--srf);border:1px solid var(--line);border-radius:16px;padding:24px;\ndisplay:flex;flex-direction:column;gap:9px}\n\/* pictogramme de carte : un carre arrondi teinte, l icone au trait dedans.\n   Pose avant l'intitule, il donne un point d'entree visuel a une carte qui\n   n a que du texte. *\/\n.oom .card .picto{display:flex;align-items:center;justify-content:center;width:44px;height:44px;\nborder-radius:13px;background:var(--mint);color:var(--accd);flex:none;margin-bottom:4px;\nborder:1px solid var(--line2)}\n.oom .card .picto svg{width:23px;height:23px;display:block}\n.oom .card .num{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}\n.oom .card p{font-size:.92rem;color:var(--ink2)}\n\n\/* steps *\/\n.oom .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}\n\n\n.oom .step{background:var(--srf);border:1px solid var(--line);border-radius:16px;padding:24px;\ndisplay:flex;flex-direction:column;gap:8px;position:relative}\n.oom .step::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:10px;\nbackground:var(--mint);color:var(--accd);font-weight:800;font-size:.9rem;display:flex;\nalign-items:center;justify-content:center;margin-bottom:4px}\n.oom .sec-m .step,.oom .sec-s .step{background:var(--srf)}\n.oom .step p{font-size:.91rem;color:var(--ink2)}\n\n\/* stat *\/\n.oom .stat{background:var(--srf);border:1px solid var(--line2);border-radius:18px;\npadding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:10px}\n.oom .stat b{font-size:clamp(2.2rem,5vw,3.3rem);font-weight:800;letter-spacing:-.04em;\ncolor:var(--accd);line-height:1}\n.oom .stat .src{font-size:.79rem;color:var(--ink3)}\n.oom .counter{font-variant-numeric:tabular-nums}\n\n\/* quotes *\/\n.oom .q{background:var(--srf);border:1px solid var(--line);border-radius:16px;padding:24px;\ndisplay:flex;flex-direction:column;gap:14px}\n.oom .q blockquote{margin:0;font-size:1rem;line-height:1.55;color:var(--ink);font-weight:500}\n.oom .q .who{display:flex;flex-direction:column;gap:1px;margin-top:auto}\n.oom .q .who b{font-size:.86rem;font-weight:700}\n.oom .q .who span{font-size:.78rem;color:var(--ink3)}\n.oom .q .mk{width:26px;height:3px;border-radius:2px;background:var(--accs)}\n\n\/* frames gallery *\/\n\/* ATTENTION : la galaxie de l'accueil s'appelle deja .gal (voir plus haut).\n   Cette bande de photos porte donc .galp. Ne jamais reutiliser .gal ici : la\n   regle ecraserait l'aspect-ratio de la galaxie et ferait s'effondrer les six\n   noeuds les uns sur les autres. *\/\n.oom .galp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\n.oom .galp figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--srf)}\n.oom .galp img{width:100%;aspect-ratio:3\/2;object-fit:cover}\n\n\/* trio d objets, photographies *\/\n.oom .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\n.oom .trio figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--srf)}\n.oom .trio img{width:100%;aspect-ratio:4\/3;object-fit:cover;display:block}\n\/* duo d objets, plein cadre *\/\n.oom .duo{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}\n.oom .duo figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--srf)}\n.oom .duo img{width:100%;aspect-ratio:4\/3;object-fit:cover;display:block}\n@media (max-width:640px){.oom .duo{grid-template-columns:1fr}}\n\n\n\/* placeholder slots *\/\n\n\/* cta band *\/\n.oom .band{background:linear-gradient(160deg,#1F3A4B,#123240);border-radius:24px;\npadding:clamp(32px,5vw,58px);color:#fff;display:flex;flex-direction:column;gap:18px;align-items:flex-start}\n.oom .band h2{color:#fff}\n.oom .band p{color:#BFD5DE;max-width:56ch}\n.oom .band .btn-p{background:#fff;color:#0E2C3A}\n.oom .band .btn-p:hover{background:var(--mint)}\n.oom .band .btn-g{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}\n.oom .band .btn-g:hover{border-color:#fff;color:#fff}\n.oom .band-t{background:linear-gradient(150deg,#007E7C 0%,#005D5B 100%)}\n.oom .band-t p{color:#fff}\n.oom .band-t .eyebrow{color:#fff !important}\n.oom .band-t .trio div{border-top-color:rgba(255,255,255,.55)}\n.oom .band-t .trio p{color:#fff}\n.oom .band .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:6px;width:100%}\n.oom .band .trio div{display:flex;flex-direction:column;gap:7px;padding-top:16px;border-top:2px solid var(--accs)}\n.oom .band .trio b{font-size:1.12rem;font-weight:800;letter-spacing:-.02em;color:#fff}\n.oom .band .trio p{color:#BFD5DE;font-size:.93rem;line-height:1.55;max-width:none}\n@media (max-width:820px){.oom .band .trio{grid-template-columns:1fr;gap:18px}}\n\n\/* footer *\/\n.oom footer{background:var(--srf);border-top:1px solid var(--line);padding-block:44px}\n.oom footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}\n.oom footer a{display:block;font-size:.88rem;color:var(--ink2);text-decoration:none;padding:3px 0}\n.oom footer a:hover{color:var(--accd)}\n.oom footer h4,.oom footer h3.t4{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}\n.oom footer img{height:30px!important;width:150px!important;align-self:flex-start;object-fit:contain;object-position:left center}\n\n\/* reveal *\/\n.oomfx .oom .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}\n.oom .rv.on{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){.oom .rv{opacity:1;transform:none;transition:none}}\n\n@media (max-width:980px){\n \n \n .oom .nav .burger{display:flex}\n .oom .nav .in{flex-wrap:wrap;height:auto;min-height:70px}\n .oom .nav .links{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;\n gap:2px;margin:0 0 14px;padding-top:10px;border-top:1px solid var(--line)}\n .oom .nav.open .links{display:flex}\n .oom .nav.open{background:var(--srf);box-shadow:0 18px 40px -24px rgba(39,71,91,.45)}\n .oom .nav .links a{padding:13px 12px;font-size:1rem}\n .oom .nav .links a.btn-p{text-align:center;margin-top:8px}\n .oom .hero .grid{grid-template-columns:1fr}\n .oom .cols2{grid-template-columns:1fr}\n .oom .cols3,.oom .steps{grid-template-columns:1fr}\n .oom .galp{grid-template-columns:repeat(2,1fr)}\n .oom footer .cols{grid-template-columns:1fr 1fr}\n}\n@media (max-width:560px){\n \n .oom footer .cols{grid-template-columns:1fr}\n}\n\n\/* review panel (hors page) *\/\n\n\/* ---- FAQ ---- *\/\n.oom .faq{display:flex;flex-direction:column;gap:10px}\n\/* ---- pages d'information (politique de confidentialit\u00e9) ---- *\/\n.oom .legal p{max-width:72ch;color:var(--ink2)}\n.oom .legal p b{color:var(--ink)}\n.oom .legal a:not(.btn){color:var(--accd);text-decoration:underline;text-underline-offset:2px}\n.oom .legal .puces{display:flex;flex-direction:column;gap:6px;max-width:72ch;color:var(--ink2)}\n.oom .legal .puces li{position:relative;padding-left:18px}\n.oom .legal .puces li::before{content:\"\";position:absolute;left:2px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--acc)}\n.oom .legal .card h3{font-size:1rem;font-weight:700;letter-spacing:-.01em}\n.oom .legal .mat dd{font-weight:400;font-size:.92rem;letter-spacing:0;color:var(--ink2);line-height:1.5}\n.oom .legal .mat div{grid-template-columns:1fr;gap:3px}\n.oom .legal .auto3{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}\n.oom details{background:var(--srf);border:1px solid var(--line);border-radius:14px;padding:0 22px}\n.oom details[open]{border-color:var(--line2)}\n.oom summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;font-size:1rem;\ncolor:var(--ink);display:flex;align-items:flex-start;gap:14px;letter-spacing:-.01em}\n.oom summary::-webkit-details-marker{display:none}\n.oom summary::after{content:\"+\";margin-left:auto;color:var(--acc);font-weight:800;font-size:1.25rem;line-height:1}\n.oom details[open] summary::after{content:\"\u2013\"}\n.oom details .a{padding:0 0 20px;font-size:.94rem;color:var(--ink2);max-width:72ch}\n.oom details .a p+p{margin-top:9px}\n\n\/* ---- specs ---- *\/\n.oom .kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(212px,100%),1fr));gap:1px;\nbackground:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}\n.oom .kv div{background:var(--srf);padding:20px 22px;display:flex;flex-direction:column;gap:3px}\n.oom .kv dt{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3)}\n.oom .kv dd{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}\n.oom .kv dd.note{font-size:.84rem;color:var(--ink2);font-weight:400;letter-spacing:0}\n\n\/* ---- eco strip (densit\u00e9 3) ---- *\/\n.oom .ecos{background:var(--srf);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,32px);\ndisplay:flex;flex-direction:column;gap:18px}\n.oom .ecos .hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}\n.oom .ecos .hd b{font-size:1.08rem;font-weight:800;letter-spacing:-.02em}\n.oom .ecos .hd span{font-size:.9rem;color:var(--ink2)}\n.oom .ecos .row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}\n.oom .ecos .row.six{grid-template-columns:repeat(3,1fr)}\n.oom .ecos a{display:flex;flex-direction:column;gap:4px;padding:16px 17px;border-radius:13px;\nbackground:var(--bg);border:1px solid var(--line);text-decoration:none;transition:.18s}\n.oom .ecos a:hover{border-color:var(--accs);background:var(--mint)}\n.oom .ecos a b{font-size:.94rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}\n.oom .ecos a span{font-size:.82rem;color:var(--ink2);line-height:1.4}\n@media (max-width:980px){.oom .ecos .row,.oom .ecos .row.six{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:520px){.oom .ecos .row,.oom .ecos .row.six{grid-template-columns:1fr}}\n\n\/* ---- enseignes ---- *\/\n.oom .ens{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}\n.oom .ens img{flex:0 1 calc(25% - 11px);min-width:150px;height:74px;object-fit:contain;\nbackground:var(--srf);border:1px solid var(--line);border-radius:14px;padding:16px 20px}\n@media (max-width:820px){.oom .ens img{flex-basis:calc(50% - 7px);height:62px;padding:12px 16px}}\n\n\/* ---- gallery 5 ---- *\/\n.oom .gal5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}\n.oom .gal5 figure{margin:0;display:flex;flex-direction:column;gap:8px}\n.oom .gal5 img{width:100%;aspect-ratio:1\/1;object-fit:cover;background:#fff;\nborder-radius:14px;border:1px solid var(--line)}\n.oom .gal5 figcaption{font-size:.78rem;color:var(--ink2);line-height:1.35}\n.oom .gal5 figcaption b{display:block;color:var(--ink);font-size:.84rem;font-weight:700}\n@media (max-width:980px){.oom .gal5{grid-template-columns:repeat(3,1fr)}}\n@media (max-width:560px){.oom .gal5{grid-template-columns:repeat(2,1fr)}}\n\n\/* ---- mat\u00e9riaux ---- *\/\n.oom .mat{margin:4px 0 0;display:flex;flex-direction:column;gap:12px}\n.oom .mat div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;\npadding-left:13px;border-left:3px solid var(--accs)}\n.oom .mat dt{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3)}\n.oom .mat dd{margin:0;font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}\n.oom .mat dd.note{grid-column:1\/-1;font-size:.86rem;color:var(--ink2);line-height:1.45;font-weight:400;letter-spacing:0}\n\n\/* ---- figure caption ---- *\/\n.oom .fig{margin:0;display:flex;flex-direction:column;gap:7px}\n.oom .fig img{width:100%;aspect-ratio:16\/10;object-fit:cover;border-radius:12px;border:1px solid var(--line)}\n\/* une capture d'\u00e9cran ne se recadre pas : elle garde ses proportions *\/\n.oom .fig.raw img{aspect-ratio:auto;height:auto;object-fit:contain;background:var(--srf)}\n.oom .fig figcaption{font-size:.8rem;color:var(--ink2);line-height:1.4}\n\n\/* ---- gallery 3 ---- *\/\n.oom .gal3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}\n.oom .gal3 figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--srf)}\n.oom .gal3 img{width:100%;aspect-ratio:4\/3;object-fit:cover}\n\/* Une l\u00e9gende pos\u00e9e DANS la carte a besoin de sa marge : la carte est arrondie\n   a 18px et masque ce qui deborde, donc un texte colle au bord perd ses\n   premieres et dernieres lettres dans l arrondi. Les legendes de .fig, .gal5 et\n   .demos sont hors carte et ne sont pas concernees. *\/\n.oom .gal3 figcaption,.oom .gal2 figcaption,.oom .galp figcaption,\n.oom .trio figcaption,.oom .duo figcaption{\ndisplay:block;padding:12px 16px 14px;font-size:.82rem;color:var(--ink2);line-height:1.45}\n.oom .gal3 figcaption b,.oom .gal2 figcaption b,.oom .galp figcaption b,\n.oom .trio figcaption b,.oom .duo figcaption b{color:var(--ink);font-weight:700}\n@media (max-width:900px){.oom .gal3{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:540px){.oom .gal3{grid-template-columns:1fr}}\n\n\/* ---- gallery large ---- *\/\n.oom .gal2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n.oom .gal2 figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--srf)}\n.oom .gal2 img{width:100%;aspect-ratio:3\/2;object-fit:cover}\n@media (max-width:640px){.oom .gal2{grid-template-columns:1fr}}\n\n.oom ul.pl2{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}\n.oom ul.pl2 li{display:flex;gap:10px;font-size:.93rem;color:var(--ink2);line-height:1.5}\n.oom ul.pl2 li::before{content:\"\";flex:none;width:6px;height:6px;border-radius:999px;background:var(--acc);margin-top:9px}\n\n\/* ---- breadcrumb ---- *\/\n.oom .bc{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--ink3)}\n.oom .bc a{text-decoration:none;color:var(--ink3);display:inline-block;padding-block:4px}\n.oom .bc a:hover{color:var(--accd)}\n.oom .bc i{font-style:normal;opacity:.55}\n\n\/* ============ COUCHE ESTH\u00c9TIQUE ============ *\/\n.oom{--display:'Open Sans',-apple-system,'Segoe UI',Arial,sans-serif;\n--sh1:0 1px 2px rgba(20,45,58,.04),0 4px 10px -4px rgba(20,45,58,.08);\n--sh2:0 2px 4px rgba(20,45,58,.04),0 12px 28px -12px rgba(20,45,58,.16);\n--sh3:0 4px 8px rgba(20,45,58,.05),0 30px 60px -24px rgba(20,45,58,.28);\n--ease:cubic-bezier(.22,.61,.36,1);--easeo:cubic-bezier(.16,1,.3,1)}\n\n\/* accent serif dans les titres *\/\n.oom h1 em,.oom h2 em,.oom h3 em{font-family:var(--display);font-style:normal;font-weight:400;\ncolor:var(--accd);letter-spacing:-.015em}\n.oom .band h2 em{color:#8FE9E6}\n.oom .band-t h2 em{color:#EAFFFE}\n\n\/* h\u00e9ros secondaires : m\u00eame famille visuelle *\/\n.oom .hero{position:relative;overflow:hidden;isolation:isolate}\n.oom .hero::before{content:\"\";position:absolute;inset:-30% -12% auto -12%;height:180%;z-index:0;\npointer-events:none;filter:blur(84px);opacity:.5;\nbackground:radial-gradient(36vw 36vw at 6% 4%,#8FE6E3,transparent 66%),\nradial-gradient(30vw 30vw at 90% 16%,#C7E9F6,transparent 66%)}\n.oom .hero>.w{position:relative;z-index:2}\n.oom .hero .shot{box-shadow:var(--sh3)}\n\n\/* cartes : relief au survol *\/\n.oom .card{transition:transform .45s var(--easeo),box-shadow .45s var(--easeo),border-color .3s}\n.oom .auto>.card:hover,.oom .auto3>.card:hover,.oom .cols3>.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}\n.oom .ecos a{transition:transform .4s var(--easeo),background .3s,border-color .3s}\n.oom .ecos a:hover{transform:translateY(-3px)}\n\n\/* FAQ plus soign\u00e9e *\/\n.oom details{transition:box-shadow .35s var(--easeo),border-color .3s}\n.oom details:hover{box-shadow:var(--sh1)}\n.oom details[open]{box-shadow:var(--sh2)}\n.oom summary::after{transition:transform .3s var(--easeo)}\n.oom details[open] summary::after{transform:rotate(180deg)}\n\n\/* grain *\/\n.oom .grain::after{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.42;\nbackground-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'\/%3E%3C\/svg%3E\");\nmix-blend-mode:multiply}\n\n\/* aurora *\/\n.oom .aurora{position:absolute;inset:-20% -10% auto -10%;height:150%;pointer-events:none;z-index:0;filter:blur(70px);opacity:.55}\n.oom .aurora span{position:absolute;border-radius:50%;display:block}\n.oom .aurora span:nth-child(1){width:46vw;height:46vw;left:-6%;top:-8%;background:radial-gradient(circle,#7FE3E0,transparent 68%);animation:drift1 22s var(--ease) infinite alternate}\n.oom .aurora span:nth-child(2){width:38vw;height:38vw;right:2%;top:6%;background:radial-gradient(circle,#BFE9F5,transparent 68%);animation:drift2 27s var(--ease) infinite alternate}\n.oom .aurora span:nth-child(3){width:32vw;height:32vw;left:34%;top:42%;background:radial-gradient(circle,#D7F0EC,transparent 70%);animation:drift3 31s var(--ease) infinite alternate}\n@keyframes drift1{to{transform:translate3d(9vw,7vh,0) scale(1.14)}}\n@keyframes drift2{to{transform:translate3d(-8vw,10vh,0) scale(1.1)}}\n@keyframes drift3{to{transform:translate3d(6vw,-9vh,0) scale(1.18)}}\n\n\/* hero *\/\n.oom .hero-xl{position:relative;overflow:hidden;background:var(--bg);\npadding-block:clamp(56px,9vw,116px) clamp(56px,8vw,104px);isolation:isolate}\n.oom .hero-xl>.w{position:relative;z-index:3}\n.oom .hero-xl .grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,4.5vw,64px);align-items:center}\n.oom h1.xl{font-size:clamp(2.5rem,6.4vw,5.1rem);font-weight:800;letter-spacing:-.045em;line-height:1.02}\n.oom h1.xl .ser{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:-.02em;\ncolor:var(--accd);display:inline-block}\n.oom .lede-xl{font-size:clamp(1.06rem,1.6vw,1.3rem);line-height:1.6;color:var(--ink2);max-width:52ch}\n\n\/* r\u00e9serve de ligne + reveal en masque, actifs seulement si le JS tourne *\/\n.oom .ln{display:block;padding-bottom:.08em}\n.oomfx .oom .ln{overflow:hidden}\n.oomfx .oom .ln>span{display:block;transform:translateY(105%);transition:transform 1.05s var(--easeo)}\n.oomfx .oom .on .ln>span,.oomfx .oom .ln.on>span{transform:none}\n.oomfx .oom .rv2{opacity:0;transform:translateY(26px);transition:opacity .9s var(--easeo),transform .9s var(--easeo)}\n.oomfx .oom .rv2.on{opacity:1;transform:none}\n.oomfx .oom .rvs{opacity:0;transform:scale(.965);transition:opacity 1s var(--easeo),transform 1.2s var(--easeo)}\n.oomfx .oom .rvs.on{opacity:1;transform:none}\n.oomfx .oom .chip-f{opacity:0;transform:translateY(12px) scale(.96)}\n.oomfx .oom .on .chip-f{opacity:1;transform:none}\n.oomfx .oom .float img{transform:scale(1.06)}\n.oomfx .oom .float.on img{transform:none}\n\n\/* visuel h\u00e9ros flottant *\/\n.oom .float{position:relative;border-radius:26px;background:var(--srf);will-change:transform}\n.oom .float-in{position:relative;border-radius:26px;overflow:hidden;height:100%;\nborder:1px solid rgba(255,255,255,.7);box-shadow:var(--sh3)}\n.oom .float img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--easeo)}\n.oom .chip-f{position:absolute;z-index:4;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);\nborder:1px solid var(--line);border-radius:15px;padding:13px 17px;box-shadow:var(--sh2);\ndisplay:flex;flex-direction:column;gap:1px;\ntransition:opacity .8s var(--easeo) .5s,transform .8s var(--easeo) .5s}\n.oom .chip-f b{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--accd);line-height:1}\n.oom .chip-f b.mots{font-size:1rem;letter-spacing:-.01em;line-height:1.2}\n\/* les pastilles debordent du visuel de 26 px. Sous 1200 px de large, la gouttiere\n   de la page ne fait plus que 20 px et le heros (overflow:hidden) les coupait :\n   on les rentre alors dans le visuel. *\/\n.oom .chip-f.g{left:-26px}\n.oom .chip-f.d{right:-26px}\n@media (max-width:1199px){.oom .chip-f.g{left:12px}.oom .chip-f.d{right:12px}}\n.oom .chip-f>span{font-size:.72rem;color:var(--ink2);font-weight:600}\n.oom .chip-f b span{font-size:inherit;color:inherit;font-weight:inherit}\n\n\n\/* barre de progression *\/\n.oom .prog{position:fixed;top:0;left:0;height:2px;width:0;z-index:99;\nbackground:linear-gradient(90deg,var(--acc),#5FD3D1);transition:width .1s linear}\n\n\/* nav condens\u00e9e *\/\n.oom .nav{transition:height .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}\n.oom .nav .in{transition:height .35s var(--ease)}\n.oom .nav.mini .in{height:56px}\n.oom .nav.mini{box-shadow:0 1px 0 var(--line),0 8px 24px -18px rgba(20,45,58,.5)}\n.oom .nav img{transition:height .35s var(--ease)}\n.oom .nav.mini img{height:25px}\n\n\/* liens soulign\u00e9s *\/\n.oom .nav .links a:not(.btn){position:relative;background:none!important}\n.oom .nav .links a:not(.btn)::before{content:\"\";position:absolute;left:13px;right:13px;bottom:4px;height:1.5px;\nbackground:var(--acc);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--easeo)}\n.oom .nav .links a:not(.btn):hover::before{transform:scaleX(1);transform-origin:left}\n\n\/* boutons *\/\n.oom .btn{position:relative;overflow:hidden;isolation:isolate;\ntransition:transform .35s var(--easeo),box-shadow .35s var(--easeo),background .25s,border-color .25s}\n.oom .btn-p{box-shadow:0 2px 6px -2px rgba(0,152,150,.5),0 10px 24px -12px rgba(0,152,150,.55)}\n.oom .btn-p:hover{transform:translateY(-2px);box-shadow:0 4px 10px -2px rgba(0,152,150,.45),0 18px 34px -14px rgba(0,152,150,.6)}\n.oom .btn-g:hover{transform:translateY(-2px);box-shadow:var(--sh2)}\n.oom .btn::after{content:\"\";position:absolute;inset:0;z-index:-1;opacity:0;\nbackground:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.34),transparent 70%);\ntransform:translateX(-100%);transition:opacity .2s}\n.oom .btn:hover::after{opacity:1;animation:sheen .9s var(--easeo)}\n@keyframes sheen{to{transform:translateX(100%)}}\n\n\/* bandeau logos d\u00e9filant *\/\n.oom .mq{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);\n-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}\n.oom .mq-t{display:flex;width:max-content;animation:mqs 46s linear infinite}\n.oom .mq:hover .mq-t{animation-play-state:paused}\n.oom .mq-g{display:flex;align-items:center;gap:56px;padding-right:56px}\n.oom .mq img{height:26px;width:auto;filter:grayscale(1);opacity:.44;transition:filter .4s,opacity .4s;flex:none}\n.oom .mq img:hover{filter:none;opacity:1}\n.oom .mq img.l-cdl{height:42px}.oom .mq img.l-affl{height:15px}.oom .mq img.l-oc{height:36px}\n.oom .mq img.l-atol{height:27px}.oom .mq img.l-ev{height:21px}.oom .mq img.l-lissac{height:20px}\n@keyframes mqs{to{transform:translateX(-50%)}}\n\n\/* cartes services : hover marqu\u00e9 *\/\n@keyframes oom-orbite{to{stroke-dashoffset:-220}}\n.oomfx .oom .gal-o ellipse{animation:oom-orbite 26s linear infinite}\n.oomfx .oom .gal-n{opacity:0;transform:translate(-50%,-50%) scale(.94);\ntransition:opacity .8s var(--easeo),transform .8s var(--easeo),box-shadow .45s,border-color .35s}\n.oomfx .oom .gal-n.on{opacity:1;transform:translate(-50%,-50%)}\n@media(max-width:980px){\n .oomfx .oom .gal-n{transform:scale(.96)}\n .oomfx .oom .gal-n.on{transform:none}\n}\n\n\/* chiffres anim\u00e9s *\/\n\n\/* images qui se d\u00e9voilent *\/\n.oom .shot img,.oom .gal3 img,.oom .gal5 img,.oom .gal2 img{transition:transform 1.3s var(--easeo)}\n.oom .shot,.oom .gal3 figure,.oom .gal2 figure{overflow:hidden}\n.oom .shot:hover img,.oom .gal3 figure:hover img{transform:scale(1.035)}\n\n\/* bandeaux sombres : profondeur *\/\n.oom .band{position:relative;overflow:hidden;isolation:isolate;box-shadow:var(--sh3)}\n.oom .band::before{content:\"\";position:absolute;inset:0;z-index:-1;opacity:.5;\nbackground:radial-gradient(680px circle at 12% 0%,rgba(0,168,165,.42),transparent 62%),\nradial-gradient(520px circle at 92% 100%,rgba(80,180,220,.3),transparent 60%)}\n\n\/* s\u00e9parateurs de section *\/\n.oom section{position:relative}\n.oom .sec-w+.sec-w{border-top:1px solid var(--line)}\n\n@media (max-width:980px){\n .oom .hero-xl .grid{grid-template-columns:1fr}\n .oom .aurora{filter:blur(52px);opacity:.5}\n}\n@media (prefers-reduced-motion:reduce){\n .oomfx .oom .gal-o ellipse{animation:none}\n .oomfx .oom .gal-n{opacity:1;transform:translate(-50%,-50%);transition:none}\n\n .oom .aurora span{animation:none}\n .oom .mq-t{animation:none}\n .oomfx .oom .ln>span,.oomfx .oom .rv2,.oomfx .oom .rvs,.oomfx .oom .chip-f,.oomfx .oom .float img{transition:none;transform:none;opacity:1}\n .oom .btn:hover{transform:none}\n .oom .btn:hover::after{animation:none;opacity:0}\n}\n\n\/* Menu mobile : une fois ouvert, il garde sa hauteur et un fond opaque, y compris apr\u00e8s d\u00e9filement (barre r\u00e9duite) *\/\n@media (max-width:980px){\n.oom .nav.open .in,.oom .nav.mini.open .in{height:auto;min-height:56px}\n.oom .nav.open{background:#fff;box-shadow:0 18px 40px -18px rgba(20,40,52,.35)}\n.oom .nav.open .links{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}\n}\n\n\/* S\u00e9lecteur de langue par r\u00e9gions du monde (m\u00eame logique que visionminute.com) *\/\n.oom .ols{position:relative;margin-left:6px;flex:none}\n.oom .ols__btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-family:inherit;font-size:.86rem;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap}\n.oom .ols__btn:hover,.oom .ols.open .ols__btn{border-color:var(--acc);color:var(--accd);background:var(--mint)}\n.oom .ols__btn svg{width:16px;height:16px;flex:none}\n.oom .ols__btn .ols__chev{width:10px;height:10px;transition:transform .2s}\n.oom .ols.open .ols__chev{transform:rotate(180deg)}\n.oom .ols__code{display:none}\n.oom .ols__panel{position:absolute;right:0;top:calc(100% + 10px);width:700px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px -16px rgba(20,40,52,.32);padding:14px;z-index:60;text-align:left}\n.oom .ols__panel[hidden]{display:none}\n.oom .ols__tabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--line)}\n.oom .ols__tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap}\n.oom .ols__tab:hover{border-color:var(--acc);color:var(--accd)}\n.oom .ols__tab[aria-selected=\"true\"]{background:var(--accd);border-color:var(--accd);color:#fff}\n.oom .ols__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px}\n.oom .ols__list[hidden]{display:none}\n.oom .ols__list li{margin:0;padding:0}\n.oom .ols__list li::before{content:none}\n.oom .ols__list a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:.88rem;line-height:1.25}\n.oom .ols__list a:hover,.oom .ols__list a:focus-visible{background:var(--mint);color:var(--accd)}\n.oom .ols__list a[aria-current=\"true\"]{background:var(--mint);color:var(--accd);font-weight:700}\n.oom .ols__list img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}\n#trp-floater-ls{display:none!important}\n@media (max-width:980px){\n.oom .ols{order:1;margin-left:auto}\n.oom .nav .burger{order:2;margin-left:8px}\n.oom .ols__name{display:none}\n.oom .ols__code{display:inline}\n.oom .ols__btn{height:42px;padding:0 10px}\n.oom .ols__panel{position:fixed;left:12px;right:12px;width:auto;max-width:none;top:76px;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}\n.oom .ols__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}\n.oom .ols__list{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n\n\/* S\u00e9lecteur de langue : bouton pilule avec drapeau, comme visionminute.com *\/\n.oom .ols__btn{height:auto;min-height:40px;padding:6px 12px;gap:6px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#fff;color:var(--ink);font-size:.94rem;font-weight:700}\n.oom .ols__btn:hover,.oom .ols.open .ols__btn{border-color:var(--acc);background:#fff;color:var(--ink)}\n.oom .ols__btn svg{width:18px;height:18px}\n.oom .nav .ols__list img{width:20px;height:14px}\n.oom .nav .ols__flag{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}\n.oom .ols__btn .ols__chev{width:10px;height:10px;color:#777}\n.trp-floating-switcher{display:none!important}\n@media (max-width:980px){\n.oom .ols__btn{min-height:42px;padding:6px 10px}\n.oom .ols__btn>svg:first-child{display:none}\n}\n<\/style>\n<div class=\"oom\"><div class=\"nav\"><div class=\"w in\">\n  <a href=\"\/\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Logo-OOMADE-Final.png\" alt=\"OOmade\" class=\"skip-lazy no-lazyload\" loading=\"eager\"><\/a>\n  <button class=\"burger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"oomenu\" aria-label=\"Ouvrir le menu\"><span><\/span><span><\/span><span><\/span><\/button>\n  <nav class=\"links\" id=\"oomenu\">\n    <a class=\"ici\" aria-current=\"true\" href=\"\/#ecosysteme\">L&rsquo;\u00e9cosyst\u00e8me<\/a>\n    <a href=\"\/espace-opticiens\/\">Espace opticiens<\/a>\n    <a href=\"\/qui-sommes-nous\/\">Qui sommes-nous<\/a>\n    <a href=\"\/contactez-nous\/\" class=\"btn btn-p btn-s\">Demander une d\u00e9monstration<\/a>\n  <\/nav>\n  <div class=\"ols\"><button class=\"ols__btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"ols-panel\" aria-label=\"Choisir la langue\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c2.6 2.6 4 5.6 4 9s-1.4 6.4-4 9c-2.6-2.6-4-5.6-4-9s1.4-6.4 4-9z\"\/><\/svg><img decoding=\"async\" class=\"ols__flag skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" alt=\"\" width=\"22\" height=\"15\"><span class=\"ols__name\" data-no-translation>Fran\u00e7ais<\/span><span class=\"ols__code\" data-no-translation>FR<\/span><svg class=\"ols__chev\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M2 4h8L6 9z\" fill=\"currentColor\"\/><\/svg><\/button><div class=\"ols__panel\" id=\"ols-panel\" hidden><div class=\"ols__tabs\" role=\"tablist\" aria-label=\"R\u00e9gions du monde\"><button class=\"ols__tab\" type=\"button\" role=\"tab\" id=\"ols-tab-0\" aria-controls=\"ols-list-0\" aria-selected=\"true\">Europe de l\u2019Ouest &amp; du Nord<\/button><button class=\"ols__tab\" type=\"button\" role=\"tab\" id=\"ols-tab-1\" aria-controls=\"ols-list-1\" aria-selected=\"false\">Europe de l\u2019Est &amp; Balkans<\/button><button class=\"ols__tab\" type=\"button\" role=\"tab\" id=\"ols-tab-2\" aria-controls=\"ols-list-2\" aria-selected=\"false\">Am\u00e9riques<\/button><button class=\"ols__tab\" type=\"button\" role=\"tab\" id=\"ols-tab-3\" aria-controls=\"ols-list-3\" aria-selected=\"false\">Afrique &amp; Moyen-Orient<\/button><\/div><ul class=\"ols__list\" id=\"ols-list-0\" role=\"tabpanel\" aria-labelledby=\"ols-tab-0\" data-no-translation><li><a href=\"\/\" data-l=\"\" lang=\"fr\" hreflang=\"fr\"><img decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" alt=\"\" width=\"20\" height=\"14\"><span>Fran\u00e7ais<\/span><\/a><\/li><li><a href=\"\/en\/\" data-l=\"en\" lang=\"en\" hreflang=\"en\"><img decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_GB.png\" alt=\"\" width=\"20\" height=\"14\"><span>English<\/span><\/a><\/li><li><a href=\"\/de\/\" data-l=\"de\" lang=\"de\" hreflang=\"de\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" alt=\"\" width=\"20\" height=\"14\"><span>Deutsch<\/span><\/a><\/li><li><a href=\"\/es\/\" data-l=\"es\" lang=\"es\" hreflang=\"es\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" alt=\"\" width=\"20\" height=\"14\"><span>Espa\u00f1ol<\/span><\/a><\/li><li><a href=\"\/it\/\" data-l=\"it\" lang=\"it\" hreflang=\"it\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" alt=\"\" width=\"20\" height=\"14\"><span>Italiano<\/span><\/a><\/li><li><a href=\"\/pt\/\" data-l=\"pt\" lang=\"pt\" hreflang=\"pt\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_PT.png\" alt=\"\" width=\"20\" height=\"14\"><span>Portugu\u00eas<\/span><\/a><\/li><li><a href=\"\/nl\/\" data-l=\"nl\" lang=\"nl\" hreflang=\"nl\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/nl_NL.png\" alt=\"\" width=\"20\" height=\"14\"><span>Nederlands<\/span><\/a><\/li><li><a href=\"\/sv\/\" data-l=\"sv\" lang=\"sv\" hreflang=\"sv\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/sv_SE.png\" alt=\"\" width=\"20\" height=\"14\"><span>Svenska<\/span><\/a><\/li><li><a href=\"\/da\/\" data-l=\"da\" lang=\"da\" hreflang=\"da\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/da_DK.png\" alt=\"\" width=\"20\" height=\"14\"><span>Dansk<\/span><\/a><\/li><li><a href=\"\/nb\/\" data-l=\"nb\" lang=\"nb\" hreflang=\"nb\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/nb_NO.png\" alt=\"\" width=\"20\" height=\"14\"><span>Norsk<\/span><\/a><\/li><li><a href=\"\/fi\/\" data-l=\"fi\" lang=\"fi\" hreflang=\"fi\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fi.png\" alt=\"\" width=\"20\" height=\"14\"><span>Suomi<\/span><\/a><\/li><\/ul><ul class=\"ols__list\" id=\"ols-list-1\" role=\"tabpanel\" aria-labelledby=\"ols-tab-1\" data-no-translation hidden><li><a href=\"\/pl\/\" data-l=\"pl\" lang=\"pl\" hreflang=\"pl\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" alt=\"\" width=\"20\" height=\"14\"><span>Polski<\/span><\/a><\/li><li><a href=\"\/cs\/\" data-l=\"cs\" lang=\"cs\" hreflang=\"cs\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/cs_CZ.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u010ce\u0161tina<\/span><\/a><\/li><li><a href=\"\/sk\/\" data-l=\"sk\" lang=\"sk\" hreflang=\"sk\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/sk_SK.png\" alt=\"\" width=\"20\" height=\"14\"><span>Sloven\u010dina<\/span><\/a><\/li><li><a href=\"\/hu\/\" data-l=\"hu\" lang=\"hu\" hreflang=\"hu\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/hu_HU.png\" alt=\"\" width=\"20\" height=\"14\"><span>Magyar<\/span><\/a><\/li><li><a href=\"\/ro\/\" data-l=\"ro\" lang=\"ro\" hreflang=\"ro\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/ro_RO.png\" alt=\"\" width=\"20\" height=\"14\"><span>Rom\u00e2n\u0103<\/span><\/a><\/li><li><a href=\"\/bg\/\" data-l=\"bg\" lang=\"bg\" hreflang=\"bg\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/bg_BG.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u0411\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438<\/span><\/a><\/li><li><a href=\"\/hr\/\" data-l=\"hr\" lang=\"hr\" hreflang=\"hr\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/hr.png\" alt=\"\" width=\"20\" height=\"14\"><span>Hrvatski<\/span><\/a><\/li><li><a href=\"\/sr\/\" data-l=\"sr\" lang=\"sr\" hreflang=\"sr\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/sr_RS.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u0421\u0440\u043f\u0441\u043a\u0438<\/span><\/a><\/li><li><a href=\"\/sl\/\" data-l=\"sl\" lang=\"sl\" hreflang=\"sl\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/sl_SI.png\" alt=\"\" width=\"20\" height=\"14\"><span>Sloven\u0161\u010dina<\/span><\/a><\/li><li><a href=\"\/el\/\" data-l=\"el\" lang=\"el\" hreflang=\"el\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/el.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac<\/span><\/a><\/li><li><a href=\"\/lt\/\" data-l=\"lt\" lang=\"lt\" hreflang=\"lt\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/lt_LT.png\" alt=\"\" width=\"20\" height=\"14\"><span>Lietuvi\u0173<\/span><\/a><\/li><li><a href=\"\/lv\/\" data-l=\"lv\" lang=\"lv\" hreflang=\"lv\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/lv.png\" alt=\"\" width=\"20\" height=\"14\"><span>Latvie\u0161u<\/span><\/a><\/li><li><a href=\"\/et\/\" data-l=\"et\" lang=\"et\" hreflang=\"et\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/et.png\" alt=\"\" width=\"20\" height=\"14\"><span>Eesti<\/span><\/a><\/li><li><a href=\"\/ru\/\" data-l=\"ru\" lang=\"ru\" hreflang=\"ru\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/ru_RU.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/span><\/a><\/li><li><a href=\"\/uk\/\" data-l=\"uk\" lang=\"uk\" hreflang=\"uk\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/uk.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u0423\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u0430<\/span><\/a><\/li><li><a href=\"\/tr\/\" data-l=\"tr\" lang=\"tr\" hreflang=\"tr\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/tr_TR.png\" alt=\"\" width=\"20\" height=\"14\"><span>T\u00fcrk\u00e7e<\/span><\/a><\/li><\/ul><ul class=\"ols__list\" id=\"ols-list-2\" role=\"tabpanel\" aria-labelledby=\"ols-tab-2\" data-no-translation hidden><li><a href=\"\/en\/\" data-l=\"en\" lang=\"en\" hreflang=\"en\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" alt=\"\" width=\"20\" height=\"14\"><span>English<\/span><\/a><\/li><li><a href=\"\/es\/\" data-l=\"es\" lang=\"es\" hreflang=\"es\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_MX.png\" alt=\"\" width=\"20\" height=\"14\"><span>Espa\u00f1ol<\/span><\/a><\/li><li><a href=\"\/pt-br\/\" data-l=\"pt-br\" lang=\"pt-BR\" hreflang=\"pt-BR\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_BR.png\" alt=\"\" width=\"20\" height=\"14\"><span>Portugu\u00eas (Brasil)<\/span><\/a><\/li><li><a href=\"\/\" data-l=\"\" lang=\"fr\" hreflang=\"fr\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_CA.png\" alt=\"\" width=\"20\" height=\"14\"><span>Fran\u00e7ais (Canada)<\/span><\/a><\/li><\/ul><ul class=\"ols__list\" id=\"ols-list-3\" role=\"tabpanel\" aria-labelledby=\"ols-tab-3\" data-no-translation hidden><li><a href=\"\/\" data-l=\"\" lang=\"fr\" hreflang=\"fr\"><img decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" alt=\"\" width=\"20\" height=\"14\"><span>Fran\u00e7ais<\/span><\/a><\/li><li><a href=\"\/en\/\" data-l=\"en\" lang=\"en\" hreflang=\"en\"><img decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_GB.png\" alt=\"\" width=\"20\" height=\"14\"><span>English<\/span><\/a><\/li><li><a href=\"\/ar\/\" data-l=\"ar\" lang=\"ar\" hreflang=\"ar\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/ar.png\" alt=\"\" width=\"20\" height=\"14\"><span>\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span><\/a><\/li><li><a href=\"\/pt\/\" data-l=\"pt\" lang=\"pt\" hreflang=\"pt\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" data-skip-lazy=\"1\" src=\"\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_PT.png\" alt=\"\" width=\"20\" height=\"14\"><span>Portugu\u00eas<\/span><\/a><\/li><\/ul><\/div><\/div><script>\n(function(){\nvar root=document.querySelector('.oom .ols'); if(!root){return;}\nvar btn=root.querySelector('.ols__btn'), panel=root.querySelector('.ols__panel');\nvar tabs=[].slice.call(root.querySelectorAll('.ols__tab')), lists=[].slice.call(root.querySelectorAll('.ols__list'));\nvar links=[].slice.call(root.querySelectorAll('.ols__list a'));\nvar known=['en','de','es','it','pt','pt-br','nl','sv','da','nb','fi','pl','cs','sk','hu','ro','bg','hr','sr','sl','el','lt','lv','et','ru','uk','tr','ar'];\nvar seg=location.pathname.split('\/'), cur='', rest=location.pathname;\nif(known.indexOf(seg[1])>-1){cur=seg[1]; rest='\/'+seg.slice(2).join('\/');}\nvar first=-1, alt={};\n[].slice.call(document.querySelectorAll('link[rel=\"alternate\"][hreflang]')).forEach(function(k){var h=k.getAttribute('hreflang'); if(!alt[h]){alt[h]=k.getAttribute('href');}});\nlinks.forEach(function(a){\n  var l=a.getAttribute('data-l'), u=alt[a.getAttribute('hreflang')];\n  if(u){try{var x=new URL(u,location.href); u=x.pathname+x.search;}catch(err){u='';}}\n  if(!u){u=(l?'\/'+l:'')+rest;}\n  a.setAttribute('href',u+location.hash);\n  if(l===cur){\n    a.setAttribute('aria-current','true');\n    if(first<0){\n      first=lists.indexOf(a.closest('.ols__list'));\n      root.querySelector('.ols__name').textContent=a.textContent;\n      var fi=a.querySelector('img'), fl=root.querySelector('.ols__flag'); if(fi){if(fl){fl.setAttribute('src',fi.getAttribute('data-src')||fi.getAttribute('src')); fl.setAttribute('data-src',fl.getAttribute('src'));}}\n      root.querySelector('.ols__code').textContent=(cur||'fr').toUpperCase();\n    }\n  }\n});\nfunction sel(i){\n  tabs.forEach(function(t,j){t.setAttribute('aria-selected',j===i?'true':'false'); t.tabIndex=j===i?0:-1;});\n  lists.forEach(function(u,j){u.hidden=j!==i;});\n}\nsel(first<0?0:first);\nfunction place(){\n  if(window.matchMedia('(max-width:980px)').matches){\n    var nav=root.closest('.nav'); panel.style.top=(nav?Math.round(nav.getBoundingClientRect().bottom)+8:76)+'px';\n  } else {panel.style.top='';}\n}\nfunction close(){root.classList.remove('open'); btn.setAttribute('aria-expanded','false'); panel.hidden=true;}\nfunction open(){\n  var nav=root.closest('.nav'); if(nav){if(nav.classList.contains('open')){var b=nav.querySelector('.burger'); if(b){b.click();}}}\n  root.classList.add('open'); btn.setAttribute('aria-expanded','true'); panel.hidden=false; place();\n  var c=root.querySelector('.ols__list:not([hidden]) a[aria-current]'); if(c){c.focus({preventScroll:true});}\n}\nbtn.addEventListener('click',function(e){e.stopPropagation(); if(panel.hidden){open();}else{close();}});\ntabs.forEach(function(t,i){\n  t.addEventListener('click',function(e){e.stopPropagation(); sel(i);});\n  t.addEventListener('keydown',function(e){\n    var k=e.key, n=null;\n    if(k==='ArrowRight'){n=(i+1)%tabs.length;} if(k==='ArrowLeft'){n=(i-1+tabs.length)%tabs.length;}\n    if(n!==null){e.preventDefault(); sel(n); tabs[n].focus();}\n  });\n});\npanel.addEventListener('click',function(e){e.stopPropagation();});\ndocument.addEventListener('click',function(){if(!panel.hidden){close();}});\ndocument.addEventListener('keydown',function(e){if(e.key==='Escape'){if(!panel.hidden){close(); btn.focus();}}});\nwindow.addEventListener('resize',function(){if(!panel.hidden){place();}});\n})();\n<\/script>\n<\/div><\/div>\n<div class=\"hero\" style=\"background:linear-gradient(172deg,var(--mint) 0%,var(--bg) 62%)\"><div class=\"w st g28\">\n  <nav class=\"bc rv\" aria-label=\"Fil d'Ariane\"><a href=\"\/\">Accueil<\/a><i aria-hidden=\"true\">\u203a<\/i><a href=\"\/#ecosysteme\">L'\u00e9cosyst\u00e8me<\/a><i aria-hidden=\"true\">\u203a<\/i><span aria-current=\"page\">OOproto<\/span><\/nav>\n  <div class=\"grid\">\n    <div class=\"st g28 rv2\">\n      <span class=\"eyebrow\">OOproto, le service qui fait essayer une monture qui n'existe pas encore<\/span>\n      <h1>Votre client ne choisit plus sa forme sur un essayage virtuel. <em>Il l'essaie.<\/em><\/h1>\n      <p class=\"lede\">Vous imprimez pendant la vente la forme que vous lui proposez. Il la porte, il se regarde, il valide directement. La commande ne part chez votre fournisseur de sur-mesure qu'une fois la g\u00e9om\u00e9trie accept\u00e9e, et vous n'avez plus \u00e0 demander \u00e0 votre prospect de revenir pour essayer.<\/p>\n      <div class=\"btn-row\">\n        <a href=\"\/contactez-nous\/\" class=\"btn btn-p\">Demander une d\u00e9monstration<\/a>\n        <a href=\"#usages\" class=\"btn btn-g\">Six situations concr\u00e8tes<\/a>\n      <\/div>\n      <div class=\"micro\">\n        <span><i aria-hidden=\"true\">\u25c6<\/i>Essay\u00e9e avant la commande<\/span>\n        <span><i aria-hidden=\"true\">\u25c6<\/i>Quelques grammes de PLA<\/span>\n        <span><i aria-hidden=\"true\">\u25c6<\/i>Compatible avec vos fournisseurs<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"float rvs\" style=\"aspect-ratio:1\/1;max-height:480px\">\n      <div class=\"float-in\">\n        <img fetchpriority=\"high\" decoding=\"async\" class=\"skip-lazy no-lazyload\" src=\"\/wp-content\/uploads\/2026\/10\/oom9-ooproto-essai.jpg\" alt=\"Une cliente essaie devant le miroir une monture imprim\u00e9e au magasin, son opticien \u00e0 c\u00f4t\u00e9 d'elle\" loading=\"eager\" fetchpriority=\"high\" width=\"1024\" height=\"696\">\n      <\/div>\n      <span class=\"chip-f g\" style=\"bottom:44px\">\n        <b>0<\/b><span>essayage report\u00e9<\/span><\/span>\n      <span class=\"chip-f d\" style=\"top:40px\">\n        <b>1<\/b><span>seul d\u00e9placement<\/span><\/span>\n    <\/div>\n  <\/div>\n<\/div><\/div>\n<section class=\"sec-w\"><div class=\"w st g28\">\n  <div class=\"cols2\">\n    <div class=\"st g20 rv\">\n      <span class=\"eyebrow\">Le raisonnement<\/span>\n      <h2>Le prototype existe d\u00e9j\u00e0. Il est simplement fabriqu\u00e9 au mauvais endroit.<\/h2>\n      <p class=\"lede\">Un opticien qui travaille le sur-mesure conna\u00eet bien le prototype&nbsp;: c'est l'usage normal du m\u00e9tier. Mais il se fabrique chez le fournisseur, \u00e0 des dizaines ou des centaines de kilom\u00e8tres du magasin.<\/p>\n      <p class=\"small\">Il faut lui demander, attendre qu'il soit fait, attendre qu'il soit livr\u00e9, et pendant ce temps, le seul objet capable de lever le doute du client est en transit. L'essayage ne d\u00e9pend plus de vous&nbsp;: il d\u00e9pend d'un fournisseur et d'un transporteur.<\/p>\n      <p class=\"small\">Cons\u00e9quence&nbsp;: vous devez faire revenir le client. Et c'est \u00e0 cet endroit pr\u00e9cis que le taux de concr\u00e9tisation d'un devis sur-mesure s'effondre&nbsp;: pas sur le prix, pas sur la forme, sur le simple fait qu'il faut un second rendez-vous pour essayer.<\/p>\n    <\/div>\n    <div class=\"auto rv\">\n      <div class=\"card\" style=\"border-color:var(--line2)\"><span class=\"num\">Le d\u00e9placement<\/span><h3 class=\"t4\">La vraie objection<\/h3>\n        <p>Un client ne revient pas parce qu'on le lui demande&nbsp;: il revient s'il a le temps. Entre-temps il y a ses horaires, son travail, ses vacances. Un rendez-vous \u00e0 reprendre est un rendez-vous qu'on peut ne pas reprendre.<\/p><\/div>\n      <div class=\"card\" style=\"border-color:var(--line2)\"><span class=\"num\">Le moment<\/span><h3 class=\"t4\">Pendant la vente<\/h3>\n        <p>OOproto ne supprime pas le prototype&nbsp;: il en rapatrie la fabrication chez vous. Le m\u00eame objet, au moment de la conversation qui l'a fait na\u00eetre. La machine travaille pendant que vous poursuivez l'entretien.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div><\/section>\n<section class=\"sec-s\"><div class=\"w st g28\">\n  <div class=\"st g14 rv\" style=\"max-width:800px\">\n    <span class=\"eyebrow\">Ce que \u00e7a change<\/span>\n    <h2>Le m\u00eame parcours, avec la d\u00e9cision d\u00e9plac\u00e9e <em>au bon endroit<\/em>.<\/h2>\n    <p class=\"lede\">Rien ne dispara\u00eet du processus de sur-mesure&nbsp;: la commande, la fabrication et le retrait restent identiques. Seul l'essayage change de place.<\/p>\n  <\/div>\n  <div class=\"plans-wrap rv\"><svg class=\"plans\" viewBox=\"0 0 1128 352\" role=\"img\"\n  aria-label=\"Deux parcours compar\u00e9s. Aujourd'hui le prototype est fabriqu\u00e9 chez le fournisseur puis livr\u00e9 au magasin : le client doit revenir une seconde fois, et si la forme ne va pas tout est \u00e0 refaire. Avec OOproto le prototype est imprim\u00e9 en magasin pendant l'entretien : le client essaie, valide, et la commande part dans le m\u00eame rendez-vous.\">\n  <style>\n    .tl{font:800 13px 'Open Sans',sans-serif;letter-spacing:.02em}\n    .tls{font:400 10.5px 'Open Sans',sans-serif;fill:#9CA5AF}\n    .bt{font:700 12.5px 'Open Sans',sans-serif;fill:#27475B}\n    .bs{font:400 10.5px 'Open Sans',sans-serif;fill:#69727F}\n    .pin{font:700 10.5px 'Open Sans',sans-serif}\n    .lp{font:600 10.5px 'Open Sans',sans-serif;fill:#9CA5AF}\n    .lpv{font:600 10.5px 'Open Sans',sans-serif;fill:#007370}\n  <\/style>\n  <text x=\"0\" y=\"84\" class=\"tl\" fill=\"#9CA5AF\">Aujourd'hui<\/text>\n  <text x=\"0\" y=\"102\" class=\"tls\">Le proto se fabrique ailleurs<\/text>\n  <rect x=\"186\" y=\"58\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#FFFFFF\" stroke=\"#C3CAD2\" stroke-width=\"1.2\"\/><text x=\"200\" y=\"85\" class=\"bt\">Entretien<\/text><text x=\"200\" y=\"103\" class=\"bs\">la forme est propos\u00e9e<\/text><rect x=\"376\" y=\"58\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#FFFFFF\" stroke=\"#C3CAD2\" stroke-width=\"1.2\"\/><text x=\"390\" y=\"85\" class=\"bt\">Devis et demande<\/text><text x=\"390\" y=\"103\" class=\"bs\">le proto part en atelier<\/text><rect x=\"566\" y=\"58\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#FFFFFF\" stroke=\"#C3CAD2\" stroke-width=\"1.2\" stroke-dasharray=\"5 5\"\/><text x=\"580\" y=\"85\" class=\"bt\">Fabrication ailleurs<\/text><text x=\"580\" y=\"103\" class=\"bs\">chez le fournisseur<\/text><rect x=\"756\" y=\"58\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#FFFFFF\" stroke=\"#C3CAD2\" stroke-width=\"1.2\" stroke-dasharray=\"5 5\"\/><text x=\"770\" y=\"85\" class=\"bt\">Livraison au magasin<\/text><text x=\"770\" y=\"103\" class=\"bs\">des jours, des semaines<\/text><rect x=\"946\" y=\"58\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#FFFFFF\" stroke=\"#C3CAD2\" stroke-width=\"1.2\"\/><text x=\"960\" y=\"85\" class=\"bt\">Seconde visite<\/text><text x=\"960\" y=\"103\" class=\"bs\">si le client revient<\/text><path d=\"M 357,90 L 373,90\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 368,86 L 373,90 L 368,94\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M 547,90 L 563,90\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 558,86 L 563,90 L 558,94\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M 737,90 L 753,90\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 748,86 L 753,90 L 748,94\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M 927,90 L 943,90\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 938,86 L 943,90 L 938,94\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <text x=\"1124\" y=\"24\" class=\"pin\" fill=\"#9CA5AF\" text-anchor=\"end\">le devis se joue ici, des semaines plus tard<\/text><path d=\"M 1030.0,30 L 1030.0,58\" stroke=\"#9CA5AF\" stroke-width=\"1.4\" stroke-dasharray=\"2 3\"\/><circle cx=\"1030.0\" cy=\"58\" r=\"3.2\" fill=\"#9CA5AF\"\/>\n  <path d=\"M 1030.0,122 L 1030.0,144 Q 1030.0,150 1024.0,150 L 466.0,150 Q 460.0,150 460.0,144 L 460.0,128\" fill=\"none\" stroke=\"#9CA5AF\" stroke-width=\"1.4\" stroke-dasharray=\"4 4\"\/><path d=\"M 455.0,131 L 460.0,124 L 465.0,131\" fill=\"none\" stroke=\"#9CA5AF\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <text x=\"745.0\" y=\"166\" class=\"lp\" text-anchor=\"middle\">Si la forme ne va pas, tout est \u00e0 refaire : nouveau proto, nouvelle livraison, troisi\u00e8me visite.<\/text>\n  <text x=\"0\" y=\"248\" class=\"tl\" fill=\"#007370\">Avec OOproto<\/text>\n  <text x=\"0\" y=\"266\" class=\"tls\">Le proto se fabrique ici<\/text>\n  <rect x=\"186\" y=\"222\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#EAF6F7\" stroke=\"#009997\" stroke-width=\"1.8\"\/><text x=\"200\" y=\"249\" class=\"bt\">Entretien<\/text><text x=\"200\" y=\"267\" class=\"bs\">la forme est propos\u00e9e<\/text><rect x=\"376\" y=\"222\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#EAF6F7\" stroke=\"#009997\" stroke-width=\"1.8\"\/><text x=\"390\" y=\"249\" class=\"bt\">Prototype imprim\u00e9<\/text><text x=\"390\" y=\"267\" class=\"bs\">sur place, en direct<\/text><rect x=\"566\" y=\"222\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#EAF6F7\" stroke=\"#009997\" stroke-width=\"1.8\"\/><text x=\"580\" y=\"249\" class=\"bt\">Essai sur le visage<\/text><text x=\"580\" y=\"267\" class=\"bs\">le client se regarde<\/text><rect x=\"756\" y=\"222\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#EAF6F7\" stroke=\"#009997\" stroke-width=\"1.8\"\/><text x=\"770\" y=\"249\" class=\"bt\">Commande valid\u00e9e<\/text><text x=\"770\" y=\"267\" class=\"bs\">g\u00e9om\u00e9trie accept\u00e9e<\/text><rect x=\"946\" y=\"222\" width=\"168\" height=\"64\" rx=\"12\" fill=\"#EAF6F7\" stroke=\"#009997\" stroke-width=\"1.8\"\/><text x=\"960\" y=\"249\" class=\"bt\">Fabrication<\/text><text x=\"960\" y=\"267\" class=\"bs\">le devis est sign\u00e9<\/text><path d=\"M 357,254 L 373,254\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 368,250 L 373,254 L 368,258\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M 547,254 L 563,254\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 558,250 L 563,254 L 558,258\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M 737,254 L 753,254\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 748,250 L 753,254 L 748,258\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M 927,254 L 943,254\" stroke=\"#C3CAD2\" stroke-width=\"1.4\"\/><path d=\"M 938,250 L 943,254 L 938,258\" fill=\"none\" stroke=\"#C3CAD2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <text x=\"650.0\" y=\"200\" class=\"pin\" fill=\"#007370\" text-anchor=\"middle\">la d\u00e9cision se prend ici, tout de suite<\/text><path d=\"M 650.0,206 L 650.0,222\" stroke=\"#007370\" stroke-width=\"1.4\" stroke-dasharray=\"2 3\"\/><circle cx=\"650.0\" cy=\"222\" r=\"3.2\" fill=\"#007370\"\/>\n  <path d=\"M 650.0,286 L 650.0,302 Q 650.0,308 644.0,308 L 466.0,308 Q 460.0,308 460.0,302 L 460.0,292\" fill=\"none\" stroke=\"#007370\" stroke-width=\"1.4\"\/><path d=\"M 455.0,295 L 460.0,288 L 465.0,295\" fill=\"none\" stroke=\"#007370\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <text x=\"684.0\" y=\"312\" class=\"lpv\">Autant d'essais qu'il faut, dans le m\u00eame rendez-vous.<\/text>\n<\/svg><\/div>\n  <p class=\"tiny\">Sch\u00e9ma de principe. Le parcours exact d\u00e9pend de votre fournisseur de sur-mesure.<\/p>\n<\/div><\/section>\n<section id=\"decentralise\" class=\"sec-w\"><div class=\"w st g28\">\n  <div class=\"st g14 rv\" style=\"max-width:820px\">\n    <span class=\"eyebrow\">Ce que co\u00fbte la fabrication \u00e0 distance<\/span>\n    <h2>Six raisons pour lesquelles un devis sur-mesure <em>ne se signe pas<\/em>.<\/h2>\n    <p class=\"lede\">Aucune ne concerne le produit. Toutes d\u00e9coulent d'un seul fait&nbsp;: le prototype n'est pas fabriqu\u00e9 l\u00e0 o\u00f9 la vente se joue.<\/p>\n  <\/div>\n  <div class=\"auto3\"><div class=\"card rv\"><span class=\"num\">01<\/span><h3 class=\"t4\">Le rendez-vous \u00e0 obtenir<\/h3><p>C'est le maillon le plus fragile de tout le parcours, et c'est celui que personne ne compte. Le client doit trouver un cr\u00e9neau, se d\u00e9placer une seconde fois, pour un essayage dont il ne mesure pas l'enjeu. Beaucoup ne le reprennent jamais&nbsp;: le devis ne se perd pas, il s'\u00e9teint.<\/p><\/div><div class=\"card rv\"><span class=\"num\">02<\/span><h3 class=\"t4\">L'\u00e9lan qui retombe<\/h3><p>Une vente sur-mesure se fait sur un enthousiasme, celui d'un client \u00e0 qui l'on vient de proposer quelque chose qui n'existe pour personne d'autre. Trois semaines plus tard, il ne reste de cette conversation que le montant du devis.<\/p><\/div><div class=\"card rv\"><span class=\"num\">03<\/span><h3 class=\"t4\">La concurrence qui a le temps d'exister<\/h3><p>Pendant que le proto voyage, le client passe devant d'autres vitrines, regarde en ligne, demande un avis autour de lui. Vous avez cr\u00e9\u00e9 le d\u00e9sir&nbsp;; vous laissez \u00e0 d'autres le temps de le capter.<\/p><\/div><div class=\"card rv\"><span class=\"num\">04<\/span><h3 class=\"t4\">La boucle qu'on n'ose plus relancer<\/h3><p>Si le proto ne va pas, il faut en redemander un&nbsp;: nouvelle fabrication, nouvelle livraison, troisi\u00e8me visite. Personne n'ose. Alors on valide une forme \u00ab&nbsp;qui ira bien&nbsp;\u00bb, et le sur-mesure perd exactement ce pour quoi le client l'avait choisi.<\/p><\/div><div class=\"card rv\"><span class=\"num\">05<\/span><h3 class=\"t4\">Le co\u00fbt d\u00e9j\u00e0 engag\u00e9<\/h3><p>Le proto a \u00e9t\u00e9 fabriqu\u00e9 et exp\u00e9di\u00e9 avant la d\u00e9cision. S'il ne se conclut pas, quelqu'un paie&nbsp;: l'artisan, vous, ou les deux. C'est une d\u00e9pense qui ne se r\u00e9cup\u00e8re nulle part.<\/p><\/div><div class=\"card rv\"><span class=\"num\">06<\/span><h3 class=\"t4\">Le magasin qui ne ma\u00eetrise rien<\/h3><p>L'essayage, c'est-\u00e0-dire le moment d\u00e9cisif de la vente, d\u00e9pend d'un atelier et d'un transporteur. Vous portez la relation client, le conseil et le risque commercial, sans tenir le calendrier.<\/p><\/div><\/div>\n  <div class=\"card rv\" style=\"border-color:var(--line2);background:var(--mint)\">\n    <h3 class=\"t4\">L'it\u00e9ration redevient gratuite<\/h3>\n    <p>C'est la cons\u00e9quence la moins visible et la plus importante. Quand un prototype co\u00fbte un d\u00e9placement, une fabrication et une livraison, on n'en fait qu'un, et on s'en contente. Quand il co\u00fbte quelques grammes et le temps d'un entretien, on en fait deux, trois, jusqu'\u00e0 ce que la forme soit juste.<\/p>\n    <p style=\"color:var(--accd);font-weight:700\">Le sur-mesure cesse d'\u00eatre un pari pour redevenir un r\u00e9glage.<\/p>\n  <\/div>\n  <div class=\"card rv\" style=\"border-color:var(--line2);background:var(--sand)\">\n    <h3 class=\"t4\">Entre le devis et le prototype, le client peut changer d'avis\u2026 ou d'opticien<\/h3>\n    <p>OOmade supprime cette p\u00e9riode d'incertitude&nbsp;: le prototype est r\u00e9alis\u00e9 et essay\u00e9 pendant le rendez-vous, et le client valide imm\u00e9diatement la forme et le devis.<\/p>\n    <p style=\"color:var(--accd);font-weight:700\">Un client qui repart r\u00e9fl\u00e9chir ne vous annonce pas qu'il va comparer ailleurs&nbsp;: il ne revient simplement pas. Ce qui se d\u00e9cide pendant le rendez-vous ne se perd pas en silence.<\/p>\n  <\/div>\n<\/div><\/section>\n<section id=\"usages\" class=\"sec-w\"><div class=\"w st g28\">\n  <div class=\"st g14 rv\" style=\"max-width:760px\">\n    <span class=\"eyebrow\">Les usages<\/span>\n    <h2>Six situations o\u00f9 le prototype fait la vente<\/h2>\n    <p class=\"lede\">Ce ne sont pas des cas limites. Ce sont les entretiens qui, aujourd'hui, se terminent par \u00ab&nbsp;je vais r\u00e9fl\u00e9chir&nbsp;\u00bb.<\/p>\n  <\/div>\n  <div class=\"auto3\"><div class=\"card rv\"><h3 class=\"t4\">La forme qu'aucune vitrine ne porte<\/h3><p>Un visage tr\u00e8s \u00e9troit, tr\u00e8s large, franchement asym\u00e9trique, un enfant, une forte correction. La collection s'arr\u00eate \u00e0 deux tailles&nbsp;; le visage, non. Vous ne faites plus essayer \u00ab&nbsp;\u00e0 peu pr\u00e8s la bonne taille&nbsp;\u00bb en demandant au client d'imaginer le reste.<\/p><\/div><div class=\"card rv\"><h3 class=\"t4\">La hauteur de montage d'un progressif<\/h3><p>Un cercle trop court \u00e9trangle le couloir de progression, et personne ne s'en aper\u00e7oit avant le montage. Le prototype permet de contr\u00f4ler la hauteur utile sur le visage r\u00e9el, avec le regard dans sa position naturelle, avant que la monture ne soit fabriqu\u00e9e.<\/p><\/div><div class=\"card rv\"><h3 class=\"t4\">Le mod\u00e8le qu'il adorait et qui n'existe plus<\/h3><p>Il arrive avec une monture arr\u00eat\u00e9e depuis des ann\u00e9es, parfois cass\u00e9e. Vous relevez la forme, vous l'imprimez, il la reporte imm\u00e9diatement. La conversation sur la mani\u00e8re de la refaire commence apr\u00e8s, et elle commence bien.<\/p><\/div><div class=\"card rv\"><h3 class=\"t4\">La modification d'un mod\u00e8le existant<\/h3><p>Le m\u00eame dessin, mais un pont plus large, une branche plus longue, un cercle plus profond. Impossible \u00e0 se repr\u00e9senter sur un catalogue, \u00e9vident sur le nez. C'est l\u00e0 que le sur-mesure cesse d'\u00eatre un mot et devient un objet.<\/p><\/div><div class=\"card rv\"><h3 class=\"t4\">L'intuition que vous n'aviez rien pour d\u00e9fendre<\/h3><p>Vous voyez la forme qui irait \u00e0 ce visage, et vous n'avez aucun moyen de la montrer. Un prototype transforme votre \u0153il d'opticien en argument tangible. C'est le seul m\u00e9tier o\u00f9 l'expertise reste invisible tant que le produit n'existe pas.<\/p><\/div><div class=\"card rv\"><h3 class=\"t4\">La conversation qui fait la deuxi\u00e8me paire<\/h3><p>Un client porte la m\u00eame forme depuis dix ans parce qu'il n'a jamais rien essay\u00e9 d'autre. Un prototype co\u00fbte trop peu pour qu'on h\u00e9site \u00e0 en imprimer un deuxi\u00e8me, et c'est souvent celui-l\u00e0 qui se vend.<\/p><\/div><\/div>\n<\/div><\/section>\n<section class=\"sec-w\" style=\"padding-top:0\"><div class=\"w\"><div class=\"band rv\">\n  <span class=\"eyebrow\" style=\"color:var(--accs)\">Le bon \u00e0 tirer<\/span>\n  <h2 style=\"max-width:26ch\">Un imprimeur ne lance jamais sa presse sans faire signer son BAT.<\/h2>\n  <p>L'optique sur-mesure, si. On commande une pi\u00e8ce unique, non reprise, non revendable, sur la foi d'un dessin et d'une conversation. C'est le seul artisanat o\u00f9 l'on fabrique avant de montrer.<\/p>\n  <p>Le prototype OOproto est ce bon \u00e0 tirer&nbsp;: le client a port\u00e9 la forme, il l'a vue sur son visage, il a dit oui. Ce qui part en fabrication n'est plus une interpr\u00e9tation, c'est une g\u00e9om\u00e9trie accept\u00e9e. Et si la monture revient malgr\u00e9 tout diff\u00e9rente de ce qui avait \u00e9t\u00e9 valid\u00e9, la discussion avec le fournisseur ne repose plus sur des souvenirs.<\/p>\n<\/div><\/div><\/section>\n<section id=\"prototype\" class=\"sec-k\"><div class=\"w st g28\">\n  <div class=\"st g14 rv\" style=\"max-width:800px\">\n    <span class=\"eyebrow\">Soyons pr\u00e9cis<\/span>\n    <h2>Ce qu'est un prototype OOproto, et ce qu'il n'est pas<\/h2>\n    <p class=\"lede\">Un service qui promet trop se retourne contre celui qui le vend. Voici la limite, dite clairement.<\/p>\n  <\/div>\n  <dl class=\"kv rv\">\n    <div><dt>Ce qu'il valide<\/dt><dd>Une forme, des cotes, un volume<\/dd>\n      <dd class=\"note\">La largeur de face, le pont, la hauteur de cercle, la longueur de branche, l'allure g\u00e9n\u00e9rale sur le visage. Tout ce qui se juge dans un miroir.<\/dd><\/div>\n    <div><dt>Ce qu'il ne valide pas<\/dt><dd>La mati\u00e8re et la couleur finales<\/dd>\n      <dd class=\"note\">Un prototype imprim\u00e9 ne rend ni l'ac\u00e9tate, ni le m\u00e9tal, ni un feuillet\u00e9. Il r\u00e9pond \u00e0 \u00ab&nbsp;est-ce que cette forme me va&nbsp;\u00bb, pas \u00e0 \u00ab&nbsp;dans quelle mati\u00e8re&nbsp;\u00bb.<\/dd><\/div>\n    <div><dt>Ce qu'il contient<\/dt><dd>Aucun verre<\/dd>\n      <dd class=\"note\">Le prototype sert \u00e0 voir la monture, pas \u00e0 voir au travers. Les verres restent l'affaire du montage, une fois la monture d\u00e9finitive arriv\u00e9e.<\/dd><\/div>\n    <div><dt>Le temps<\/dt><dd>Une dizaine de minutes<\/dd>\n      <dd class=\"note\">Les branches sont imprim\u00e9es d'avance et r\u00e9utilisables&nbsp;: seule la face se fabrique pendant le rendez-vous, comme sur un d\u00e9pannage OOtrace.<\/dd><\/div>\n    <div><dt>La mati\u00e8re<\/dt><dd>PLA biosourc\u00e9<\/dd>\n      <dd class=\"note\">Recyclable, et volontairement \u00e9ph\u00e9m\u00e8re&nbsp;: le prototype ne se substitue jamais \u00e0 la monture qu'il a servi \u00e0 vendre.<\/dd><\/div>\n    <div><dt>Ce qu'il devient<\/dt><dd>Un fichier conserv\u00e9<\/dd>\n      <dd class=\"note\">La g\u00e9om\u00e9trie accept\u00e9e est enregistr\u00e9e comme n'importe quelle monture OOmade. Elle peut \u00eatre r\u00e9imprim\u00e9e \u00e0 l'identique, modifi\u00e9e, ou fabriqu\u00e9e en version d\u00e9finitive.<\/dd><\/div>\n  <\/dl>\n<\/div><\/section>\n<section class=\"sec-w\"><div class=\"w st g40\">\n  <div class=\"cols2\">\n    <div class=\"st g20 rv\">\n      <span class=\"eyebrow\">Le prolongement<\/span>\n      <h2>Et si le client pr\u00e9f\u00e8re le prototype qu'il vient d'essayer&nbsp;?<\/h2>\n      <p class=\"lede\">Cela arrivera plus souvent que vous ne le pensez. Un client qui porte enfin une forme faite pour son visage ne revient pas volontiers \u00e0 ce qu'on lui proposait avant.<\/p>\n      <p class=\"small\">\u00c0 ce moment-l\u00e0, vous n'avez rien \u00e0 commander nulle part&nbsp;: la m\u00eame g\u00e9om\u00e9trie part en fabrication d\u00e9finitive, en PETG certifi\u00e9 ISO 12870, sous votre propre marque. C'est OOframe, et vous venez de le vendre sans l'avoir pr\u00e9sent\u00e9.<\/p>\n      <p class=\"small\">C'est la raison pour laquelle OOproto est le service le plus facile \u00e0 installer dans un magasin qui travaille d\u00e9j\u00e0 avec d'autres fournisseurs&nbsp;: il ne demande de renoncer \u00e0 rien, et il ouvre la porte au reste de l'\u00e9cosyst\u00e8me par l'usage plut\u00f4t que par l'argumentaire.<\/p>\n      <div class=\"btn-row\"><a href=\"\/nos-lunettes\/\" class=\"btn btn-g\">Voir OOframe<\/a><\/div>\n    <\/div>\n    <div class=\"st g14 rv\">\n      <div class=\"shot\" style=\"aspect-ratio:16\/9\"><img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy no-lazyload\" src=\"\/wp-content\/uploads\/2026\/10\/oom-g_frame.webp\" alt=\"Une monture OOmade, mod\u00e9lis\u00e9e avant impression\" loading=\"lazy\" width=\"900\" height=\"537\"><\/div>\n    <\/div>\n  <\/div>\n<\/div><\/section>\n<section class=\"sec-w\" style=\"padding-top:0\"><div class=\"wn st g28\">\n  <div class=\"st g14 rv\"><span class=\"eyebrow\">Questions fr\u00e9quentes<\/span><h2>Ce qu'un opticien demande en premier<\/h2><\/div>\n  <div class=\"faq rv\"><details><summary>Est-ce que \u00e7a ne va pas faire fuir mon fournisseur de sur-mesure&nbsp;?<\/summary><div class=\"a\"><p>C'est l'inverse qui se produit. Un fournisseur de sur-mesure vit des reprises et des refus autant que l'opticien&nbsp;: une pi\u00e8ce unique refus\u00e9e n'est revendable \u00e0 personne. Une commande valid\u00e9e sur le visage avant d'\u00eatre lanc\u00e9e, c'est une commande qui ne revient pas.<\/p><p>OOproto ne dessine pas \u00e0 sa place et ne fabrique pas \u00e0 sa place. Il supprime l'aveugle entre votre conseil et sa production.<\/p><\/div><\/details><details><summary>Je fais de la demi-mesure, pas de la cr\u00e9ation. Est-ce que \u00e7a me concerne&nbsp;?<\/summary><div class=\"a\"><p>Encore plus, parce que c'est l\u00e0 que le paradoxe est le plus visible&nbsp;: on demande au client de choisir parmi des dizaines de milliers de combinaisons (formes, mati\u00e8res, couleurs, finitions) sans jamais rien lui mettre entre les mains. Un configurateur lui montre une image, pas un objet.<\/p><p>Un prototype imprim\u00e9 tranche la question de la forme et de la taille pendant le rendez-vous. Le reste du choix, mati\u00e8re et couleur, redevient un plaisir au lieu d'\u00eatre un pari.<\/p><\/div><\/details><details><summary>Je travaille d\u00e9j\u00e0 la vraie cr\u00e9ation. Qu'est-ce que \u00e7a change pour moi&nbsp;?<\/summary><div class=\"a\"><p>L'ordre des choses, et le nombre d'allers-retours. Le prototype reste une \u00e9tape de votre parcours, entre le dessin et la mise au visage. Il cesse simplement d'\u00eatre une \u00e9tape qui se sous-traite, s'exp\u00e9die et se planifie.<\/p><p>Et surtout, il cesse d'\u00eatre unique&nbsp;: vous pouvez en imprimer deux, comparer deux galbes ou deux hauteurs de cercle sur le visage, puis n'envoyer en fabrication que la g\u00e9om\u00e9trie retenue.<\/p><\/div><\/details><details><summary>Puis-je facturer le prototype&nbsp;?<\/summary><div class=\"a\"><p>C'est vous qui d\u00e9cidez. Deux logiques fonctionnent&nbsp;: le prototype offert, qui assume son r\u00f4le d'outil de vente&nbsp;; ou le prototype factur\u00e9 puis d\u00e9duit de la commande, qui engage le client et \u00e9carte les essais sans suite.<\/p><\/div><\/details><details><summary>Faut-il un relev\u00e9 particulier&nbsp;?<\/summary><div class=\"a\"><p>Non. C'est la m\u00eame prise de forme que pour une monture OOframe&nbsp;: vous partez d'un trac\u00e9 et d'une morphologie, et le g\u00e9n\u00e9rateur 3D calcule seul la g\u00e9om\u00e9trie compl\u00e8te. Vous n'avez rien \u00e0 mod\u00e9liser, et vous n'avez pas besoin d'un logiciel de dessin.<\/p><\/div><\/details><details><summary>Combien de temps le client doit-il attendre&nbsp;?<\/summary><div class=\"a\"><p>Une dizaine de minutes, le temps d'un entretien&nbsp;: l'impression se lance pendant que vous poursuivez l'examen de vue ou le conseil.<\/p><p>Les branches sont imprim\u00e9es d'avance et r\u00e9utilis\u00e9es d'un essayage \u00e0 l'autre&nbsp;; seule la face se fabrique sur le moment. C'est ce qui rend l'essai possible dans le rendez-vous, et non apr\u00e8s.<\/p><\/div><\/details><details><summary>Et si la monture livr\u00e9e ne correspond pas au prototype valid\u00e9&nbsp;?<\/summary><div class=\"a\"><p>Vous avez alors quelque chose que vous n'aviez jamais&nbsp;: une r\u00e9f\u00e9rence physique et un fichier dat\u00e9 de ce qui avait \u00e9t\u00e9 accept\u00e9. La discussion avec le fournisseur ne repose plus sur deux souvenirs qui divergent.<\/p><\/div><\/details><details><summary>Que devient le prototype apr\u00e8s la validation&nbsp;?<\/summary><div class=\"a\"><p>Soit il repart avec le client, qui a rarement vu un objet fabriqu\u00e9 pour lui en une dizaine de minutes&nbsp;: c'est un excellent support de bouche-\u00e0-oreille. Soit il rejoint la collecte&nbsp;: la mati\u00e8re d'impression OOmade est recyclable, et rien de ce qui sort de la machine n'est con\u00e7u pour finir en d\u00e9chet.<\/p><\/div><\/details><\/div>\n<\/div><\/section>\n<section id=\"demo\" class=\"sec-w\" style=\"padding-top:0\"><div class=\"w\">\n  <div class=\"band rv\">\n    <span class=\"eyebrow\" style=\"color:var(--accs)\">OOproto<\/span>\n    <h2>Apportez-nous un visage difficile.<\/h2>\n    <p>C'est la meilleure d\u00e9monstration possible&nbsp;: une forme qui n'existe dans aucune collection, imprim\u00e9e et port\u00e9e pendant que nous parlons. Sur un salon o\u00f9 nous exposons, ou directement dans votre magasin.<\/p>\n    <div class=\"btn-row\">\n      <a href=\"\/contactez-nous\/\" class=\"btn btn-p\">Demander une d\u00e9monstration<\/a>\n      <a href=\"\/espace-opticiens\/\" class=\"btn btn-g\">Voir le dossier complet<\/a>\n    <\/div>\n  <\/div>\n<\/div><\/section>\n<section class=\"sec-w\" style=\"padding-block:0 clamp(56px,8vw,104px)\"><div class=\"w\">\n  <div class=\"ecos rv\">\n    <div class=\"hd\"><b>OOproto fait partie de l'\u00e9cosyst\u00e8me OOmade.<\/b>\n      <span>Une plateforme de services pour l'optique responsable&nbsp;: six services, une seule machine.<\/span><\/div>\n    <div class=\"row\"><a href=\"\/nos-lunettes\/\"><b>OOframe<\/b><span>Le service qui cr\u00e9e votre propre marque en magasin.<\/span><\/a><a href=\"\/ootrace\/\"><b>OOtrace<\/b><span>Le service qui d\u00e9panne votre client en une dizaine de minutes.<\/span><\/a><a href=\"\/accessoires\/\"><b>OOlib<\/b><span>Le service qui fait tourner votre machine tous les jours.<\/span><\/a><a href=\"\/oocare\/\"><b>OOcare<\/b><span>L'engagement qui donne une seconde vie aux verres.<\/span><\/a><a href=\"\/vision-minute\/\"><b>Vision Minute<\/b><span>Le r\u00e9seau qui am\u00e8ne les porteurs jusqu'\u00e0 vous.<\/span><\/a><\/div>\n  <\/div>\n<\/div><\/section>\n<footer><div class=\"w st g28\">\n  <div class=\"cols\">\n    <div class=\"st g10\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Logo-OOMADE-Final.png\" alt=\"OOmade\" class=\"skip-lazy no-lazyload\" loading=\"lazy\">\n      <p class=\"small\" style=\"max-width:30ch\">Une plateforme de services pour l'optique responsable. Montures fabriqu\u00e9es en magasin.<\/p>\n    <\/div>\n    <div><h3 class=\"t4\">L'\u00e9cosyst\u00e8me<\/h3>\n      <a href=\"\/nos-lunettes\/\">OOframe<\/a><a href=\"\/ootrace\/\">OOtrace<\/a><a href=\"\/ooproto\/\">OOproto<\/a><a href=\"\/accessoires\/\">OOlib<\/a><a href=\"\/oocare\/\">OOcare<\/a><a href=\"\/vision-minute\/\">Vision Minute<\/a><\/div>\n    <div><h3 class=\"t4\">OOmade<\/h3>\n      <a href=\"\/espace-opticiens\/\">Espace opticiens<\/a><a href=\"\/qui-sommes-nous\/\">Qui sommes-nous<\/a><a href=\"\/oocare\/\">Notre engagement (OOcare)<\/a><a href=\"\/contactez-nous\/\">Contact<\/a><\/div>\n    <div><h3 class=\"t4\">Informations<\/h3>\n      <a href=\"\/mentions-legales\/\">Mentions l\u00e9gales<\/a><a href=\"\/conditions-generales\/\">CGV<\/a><a href=\"\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><a href=\"\/politique-de-cookies-ue\/\">Politique de cookies<\/a><a href=\"\/politique-de-cookies-ue\/\" class=\"cmplz-manage-consent\">Gestion des cookies<\/a><\/div>\n  <\/div>\n  <p class=\"tiny\">\u00a9 <span class=\"annee\">2026<\/span> OOmade \u00b7 Silmo d'Or 2024 \u00b7 Montures d\u00e9finitives OOframe conformes \u00e0 la norme ISO 12870.<\/p>\n<\/div><\/footer>\n<\/div><script>\n(function(){\n  var root=document.querySelector('.oom'); if(!root)return;\n  var mq=function(q){ if(!window.matchMedia){return false;} return window.matchMedia(q).matches; };\n  var reduce=mq('(prefers-reduced-motion: reduce)');\n\n  \/* --- ann\u00e9e du pied de page : 2026 reste \u00e9crit dans le HTML (repli sans script),\n     le script la tient \u00e0 jour ensuite. --- *\/\n  var an=root.querySelector('footer .annee');\n  if(an){ var y=new Date().getFullYear(); if(y>2026){ an.textContent='2026-'+y; } }\n\n  \/* --- barre de progression --- *\/\n  var bar=document.createElement('div'); bar.className='prog'; root.appendChild(bar);\n  var nav=root.querySelector('.nav');\n  function onScroll(){\n    var h=document.documentElement.scrollHeight-window.innerHeight;\n    bar.style.width=(h>0?(window.scrollY\/h)*100:0)+'%';\n    if(nav){ nav.classList.toggle('mini', window.scrollY>90); }\n  }\n  window.addEventListener('scroll',onScroll,{passive:true}); onScroll();\n\n  \/* --- compteur de casses --- *\/\n  var el=document.getElementById('oomCounter');\n  if(el){var fmt=function(n){return String(n).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,' ');};\n   var now=new Date(),start=new Date(now.getFullYear(),0,1);\n   var base=Math.floor((now-start)\/19000); el.textContent=fmt(base);\n   setInterval(function(){base++;el.textContent=fmt(base);},19000);}\n\n  \/* --- menu mobile --- *\/\n  var nav=root.querySelector('.nav');\n  var burger=nav ? nav.querySelector('.burger') : null;\n  if(burger){\n    var basculer=function(ouvrir){\n      if(ouvrir){ nav.classList.add('open'); } else { nav.classList.remove('open'); }\n      burger.setAttribute('aria-expanded', ouvrir ? 'true' : 'false');\n      burger.setAttribute('aria-label', ouvrir ? 'Fermer le menu' : 'Ouvrir le menu');\n    };\n    burger.addEventListener('click',function(){ basculer(!nav.classList.contains('open')); });\n    \/* refermer apr\u00e8s un clic sur un lien, et \u00e0 la touche Echap *\/\n    var ls=nav.querySelectorAll('.links a');\n    for(var li=0; li<ls.length; li++){ ls[li].addEventListener('click',function(){ basculer(false); }); }\n    document.addEventListener('keydown',function(e){ if(e.key==='Escape'){ basculer(false); } });\n    \/* en repassant sur grand \u00e9cran, on repart d'un \u00e9tat propre *\/\n    window.addEventListener('resize',function(){ if(mq('(min-width:981px)')){ basculer(false); } });\n  }\n\n  \/* --- reveals --- *\/\n  var sel='.rv,.rv2,.rvs,.ln,.float,.gal-n';\n  var items=root.querySelectorAll(sel);\n  function showAll(){for(var i=0;i<items.length;i++){items[i].classList.add('on');\n    var p=items[i].querySelectorAll('.ln,.chip-f'); for(var j=0;j<p.length;j++)p[j].classList.add('on');}}\n  if(reduce||!('IntersectionObserver' in window)){showAll();}\n  else{\n    setTimeout(function(){\n      if(root.querySelectorAll('.on').length<2){ showAll(); }\n    },3000);\n    var io=new IntersectionObserver(function(es){\n      es.forEach(function(e){\n        if(!e.isIntersecting)return;\n        var t=e.target;\n        var sibs=Array.prototype.slice.call(t.parentNode.children)\n          .filter(function(n){return n.matches ? n.matches(sel) : false;});\n        var idx=sibs.indexOf(t); if(idx<0)idx=0;\n        t.style.transitionDelay=(Math.min(idx,6)*0.085)+'s';\n        t.classList.add('on');\n        var lines=t.querySelectorAll('.ln');\n        for(var k=0;k<lines.length;k++){(function(n,d){setTimeout(function(){n.classList.add('on');},d);})(lines[k],90*k);}\n        io.unobserve(t);\n      });\n    },{rootMargin:'0px 0px -7% 0px',threshold:0.06});\n    for(var i=0;i<items.length;i++)io.observe(items[i]);\n  }\n\n  \/* --- chiffres qui montent --- *\/\n  var nums=root.querySelectorAll('[data-count]');\n  if(nums.length){\n    var fmtn=function(n){return String(n).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,'\u202f');};\n    var run=function(n){\n      var to=parseFloat(n.getAttribute('data-count')), pre=n.getAttribute('data-pre')||'', suf=n.getAttribute('data-suf')||'';\n      if(reduce){n.textContent=pre+fmtn(to)+suf;return;}\n      var t0=null, dur=1500;\n      function step(ts){ if(!t0)t0=ts; var p=Math.min((ts-t0)\/dur,1);\n        var e=1-Math.pow(1-p,3);\n        n.textContent=pre+fmtn(Math.round(to*e))+suf;\n        if(p<1)requestAnimationFrame(step); }\n      requestAnimationFrame(step);\n    };\n    if(!('IntersectionObserver' in window)){for(var q=0;q<nums.length;q++)run(nums[q]);}\n    else{var io2=new IntersectionObserver(function(es){es.forEach(function(e){\n      if(e.isIntersecting){run(e.target);io2.unobserve(e.target);}});},{threshold:.4});\n     for(var q=0;q<nums.length;q++)io2.observe(nums[q]);}\n  }\n\n  if(reduce)return;\n\n  \/* --- parallaxe douce du visuel h\u00e9ros --- *\/\n  var fl=root.querySelector('.hero-xl .float');\n  if(fl ? mq('(min-width:981px)') : false){\n    var tx=0,ty=0,cx=0,cy=0,raf=null;\n    root.addEventListener('mousemove',function(e){\n      var r=fl.getBoundingClientRect();\n      tx=((e.clientX-(r.left+r.width\/2))\/window.innerWidth)*14;\n      ty=((e.clientY-(r.top+r.height\/2))\/window.innerHeight)*10;\n      if(!raf)raf=requestAnimationFrame(loop);\n    });\n    function loop(){ cx+=(tx-cx)*.07; cy+=(ty-cy)*.07;\n      fl.style.transform='translate3d('+cx.toFixed(2)+'px,'+cy.toFixed(2)+'px,0)';\n      if(Math.abs(tx-cx)>.05||Math.abs(ty-cy)>.05){raf=requestAnimationFrame(loop);}else{raf=null;} }\n  }\n\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u043b\u0438\u0435\u043d\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u044f\u0435\u0442 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u0441\u0432\u043e\u0435\u0439 \u0431\u0443\u0434\u0443\u0449\u0435\u0439 \u043e\u043f\u0440\u0430\u0432\u044b \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u0441\u0442\u0440\u0435\u0447\u0438, \u0430 \u0437\u0430\u0442\u0435\u043c \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442 \u0444\u043e\u0440\u043c\u0443 \u0438 \u0441\u043c\u0435\u0442\u0443. \u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u043f\u0440\u0430\u0432\u0430 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0451\u0442\u0441\u044f \u043f\u043e \u0440\u0438\u0441\u0443\u043d\u043a\u0443.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"advanced_seo_description":"Le client essaie le prototype de sa future monture pendant le rendez-vous, puis valide la forme et le devis. Le sur-mesure ne se vend plus sur un dessin.","jetpack_seo_html_title":"OOproto \u00b7 faire essayer une monture qui n'existe pas encore","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-1904","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/pages\/1904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/comments?post=1904"}],"version-history":[{"count":4,"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/pages\/1904\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/pages\/1904\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/www.oomade.com\/ru\/wp-json\/wp\/v2\/media?parent=1904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}