/* ===== Pont Elementor : les conteneurs se comportent comme du HTML classique ===== */
body.inno-page .elementor{display:contents}
body.inno-page .e-con.e-con.e-con{--display:block;--flex-direction:row;--flex-wrap:nowrap;--gap:0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--container-widget-width:auto;--width:auto;--content-width:100%;--min-height:0;--overflow:visible;--z-index:auto;--position:static;min-width:0;transition:none}
body.inno-page .e-con.e-flex{flex:0 1 auto}
body.inno-page .e-con::before,body.inno-page .e-con::after{content:none}
@media (max-width:767px){body.inno-page .e-con.e-flex{--width:auto;--flex-wrap:nowrap}}
body.inno-page a.e-con{color:inherit;text-decoration:none}
body.inno-page .elementor-element{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;--kit-widget-spacing:0px}
body.inno-page .elementor-widget{margin:0;min-width:0}
body.inno-page .elementor-widget:not(:last-child){margin-block-end:0}
body.inno-page .elementor-widget-container{height:auto}
body.inno-page .elementor-heading-title{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;margin:0;padding:0}
body.inno-page .elementor-heading-title a{color:inherit;font:inherit}
body.inno-page .elementor-widget-text-editor{color:inherit;font:inherit}
body.inno-page .elementor-widget-text-editor>:last-child{margin-bottom:0}
body.inno-page .elementor-widget-html{display:flex;flex-direction:column}
body.inno-page .elementor-widget-html>*{flex:1 1 auto}
body.inno-page .elementor-widget-image{text-align:left}
body.inno-page .elementor-widget-image img{border-radius:0;box-shadow:none}
/* bouton Elementor : l'habillage .btn est porté par le widget */
body.inno-page .elementor-widget.btn{width:auto;max-width:100%;align-self:flex-start}
body.inno-page .elementor-widget-button .elementor-button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:inherit;font:inherit;text-align:center;line-height:1.2}
body.inno-page .elementor-widget-button .elementor-button::after{content:"";position:absolute;inset:0}
body.inno-page .elementor-widget-button .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px}
body.inno-page .elementor-widget-button .elementor-button-text{color:inherit}
body.inno-page .elementor-widget-button .elementor-button:focus-visible{outline:none}
body.inno-page .elementor-widget.btn:focus-within{outline:2px solid #F2CFA6;outline-offset:3px}
/* formulaires */
body.inno-page .hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important}
body.inno-page .form-error{grid-column:1/-1;margin:0;color:#F2A27E;font-weight:600;font-size:15px}
body.inno-page .send.is-error{background-color:#B96A4A}
body.inno-page .files-info{color:var(--gold);font-size:14px}
body.inno-page .stepbox[hidden],body.inno-page .steps[hidden]{display:none !important}
body.inno-page .form input,body.inno-page .form select,body.inno-page .form textarea,body.inno-page .fields input,body.inno-page .fields textarea{width:100%;max-width:100%;box-shadow:none;margin:0}
body.inno-page .drop input{width:auto}
body.inno-page input[type=checkbox]{width:auto;min-height:0}
body.inno-page button{text-transform:none;letter-spacing:normal}
body.inno-page .mnav-panel{max-height:calc(100vh - 140px);overflow:auto;overscroll-behavior:contain}

body{margin:0;background:#151412}
body.inno-page a{color:#E2B27E}
body.inno-page a:hover{color:#F2CFA6}
body.inno-page{--gold:#CF9457;--ink:#151412;--ink2:#1D1B18;--ink3:#26231F;--line:rgba(207,148,87,.26);--txt:#F4EFE7;--mute:#C3B9AA;font-family:Manrope,system-ui,sans-serif;color:var(--txt);background:var(--ink);line-height:1.6;font-size:17px}
body.inno-page *{box-sizing:border-box}
body.inno-page .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
body.inno-page .eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 12px}
body.inno-page .h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:56px;line-height:1.04;margin:0 0 16px}
body.inno-page .lead{color:var(--mute);font-size:18px;max-width:640px;margin:0}
body.inno-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:4px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
body.inno-page .btn-gold{background:var(--gold);color:#151412}
body.inno-page .btn-gold:hover{color:#151412;filter:brightness(1.08)}
body.inno-page .btn-ghost{border:1px solid var(--gold);color:var(--txt);background:transparent}
body.inno-page .btn-ghost:hover{background:var(--gold);color:#151412}
body.inno-page .nav{position:sticky;top:0;z-index:30;background:rgba(21,20,18,.95);border-bottom:1px solid var(--line)}
body.inno-page .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}
body.inno-page .logo{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}
body.inno-page .logo svg{color:var(--gold);flex:none}
body.inno-page .logo b{display:block;font-family:"Cormorant Garamond",serif;font-size:25px;letter-spacing:.05em;color:var(--txt);font-weight:700}
body.inno-page .logo span{display:block;font-size:10px;letter-spacing:.36em;color:var(--gold);margin-top:5px}
body.inno-page .menu{display:flex;gap:20px}
body.inno-page .menu a{color:var(--txt);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
body.inno-page .menu a:hover{color:var(--gold)}
body.inno-page .nav-cta{display:flex;align-items:center;gap:16px}
body.inno-page .nav-tel{color:var(--txt);text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}
body.inno-page .crumb{font-size:14px;color:var(--mute);padding-top:24px}
body.inno-page .crumb a{color:var(--mute);text-decoration:none}
body.inno-page .crumb a:hover{color:var(--gold)}
body.inno-page .layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;align-items:start;padding:32px 0 88px}
body.inno-page .box{background:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:36px}
body.inno-page .steps{display:flex;gap:8px;margin:0 0 32px;padding:0;list-style:none}
body.inno-page .steps li{flex:1;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--mute);font-weight:600}
body.inno-page .steps li:before{content:"";height:4px;border-radius:4px;background:var(--ink3)}
body.inno-page .steps li.on{color:var(--txt)}
body.inno-page .steps li.on:before{background:var(--gold)}
body.inno-page .q{font-size:22px;font-weight:700;margin:0 0 6px}
body.inno-page .hint{color:var(--mute);font-size:16px;margin:0 0 22px}
body.inno-page .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.inno-page .opt{min-height:60px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid rgba(207,148,87,.35);border-radius:6px;background:var(--ink);color:var(--txt);font:inherit;font-weight:600;font-size:16px;text-align:left;cursor:pointer}
body.inno-page .opt:hover{border-color:var(--gold)}
body.inno-page .opt.on{border-color:var(--gold);background:rgba(207,148,87,.14)}
body.inno-page .opt i{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(207,148,87,.6)}
body.inno-page .opt.on i{background:var(--gold);box-shadow:inset 0 0 0 3px #151412}
body.inno-page .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.inno-page .fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
body.inno-page .fields label i{font-style:normal;color:var(--mute);font-weight:500}
body.inno-page .fields input, body.inno-page .fields textarea{min-height:50px;background:var(--ink);border:1px solid rgba(207,148,87,.35);color:var(--txt);padding:12px 14px;font:inherit;font-size:16px;border-radius:4px}
body.inno-page .fields textarea{min-height:130px;resize:vertical}
body.inno-page .fields .full{grid-column:1 / -1}
body.inno-page .drop{border:1px dashed rgba(207,148,87,.5);border-radius:4px;padding:18px;display:flex;align-items:center;gap:12px;color:var(--mute);font-size:15px;flex-wrap:wrap}
body.inno-page .drop svg{color:var(--gold);flex:none}
body.inno-page .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mute);font-weight:500}
body.inno-page .consent input{min-height:0;width:20px;height:20px;margin-top:2px;accent-color:#CF9457}
body.inno-page .actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}
body.inno-page .done{text-align:center;padding:24px 8px}
body.inno-page .done .ok{width:64px;height:64px;border-radius:50%;background:rgba(207,148,87,.16);display:inline-flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:16px}
body.inno-page .done h2{font-family:"Cormorant Garamond",serif;font-size:36px;margin:0 0 10px;font-weight:600}
body.inno-page .done p{color:var(--mute);margin:0 auto 24px;max-width:460px}
body.inno-page .aside{display:grid;gap:16px}
body.inno-page .card{background:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:26px}
body.inno-page .card h3{margin:0 0 12px;font-size:18px}
body.inno-page .card ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--mute);font-size:15px}
body.inno-page .card ol b{color:var(--txt)}
body.inno-page .call{display:flex;align-items:center;gap:12px;color:var(--txt);text-decoration:none;font-weight:700;font-size:20px;min-height:44px}
body.inno-page .call svg{color:var(--gold)}
body.inno-page .rating{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:15px;text-decoration:none}
body.inno-page .rating .stars{color:var(--gold);letter-spacing:3px}
body.inno-page .rating b{color:var(--txt)}
body.inno-page .foot{background:#0F0E0C;padding:32px 0;font-size:14px;color:var(--mute)}
body.inno-page .foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.inno-page .foot a{color:var(--mute);text-decoration:none}
body.inno-page .foot a:hover{color:var(--gold)}
@media (max-width:1280px){body.inno-page .nav-tel{display:none}}
@media (max-width:1100px){body.inno-page .menu{display:none}}
@media (max-width:1024px){body.inno-page .layout{grid-template-columns:minmax(0,1fr)}
body.inno-page .h1{font-size:46px}}
@media (max-width:640px){body.inno-page{font-size:16px}
body.inno-page .wrap{padding:0 16px}
body.inno-page .h1{font-size:36px}
body.inno-page .nav .btn{display:none}
body.inno-page .box{padding:20px}
body.inno-page .opts, body.inno-page .fields{grid-template-columns:minmax(0,1fr)}
body.inno-page .steps li{font-size:12px}
body.inno-page .actions .btn{flex:1 1 100%}}
body.inno-page .mnav{display:none}
body.inno-page .mnav summary{list-style:none;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;color:var(--txt)}
body.inno-page .mnav summary::-webkit-details-marker{display:none}
body.inno-page .mnav[open] summary{border-color:var(--gold);color:var(--gold)}
body.inno-page .mnav-panel{position:absolute;left:0;right:0;top:100%;background:#151412;border-bottom:1px solid var(--line);padding:16px 16px 22px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;box-shadow:0 24px 40px -20px rgba(0,0,0,.8)}
body.inno-page .mnav-panel a{color:var(--txt);text-decoration:none;font-weight:600;font-size:16px;min-height:44px;display:flex;align-items:center}
body.inno-page .mnav-panel a:hover{color:var(--gold)}
body.inno-page .mnav-panel b{grid-column:1/-1;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:10px 0 2px}
body.inno-page .mnav-panel .btn{grid-column:1/-1;margin-top:12px;display:flex !important}
@media (max-width:1100px){body.inno-page .mnav{display:block}
body.inno-page .menu{display:none}}
@media (max-width:640px){body.inno-page .nav .wrap{gap:12px;min-height:72px}
body.inno-page .logo b{font-size:21px}
body.inno-page .logo span{font-size:9px;letter-spacing:.22em}
body.inno-page .logo svg{width:22px;height:34px}}
@media (max-width:420px){body.inno-page .mnav-panel{grid-template-columns:1fr}}
body.inno-page .foot .hrs{font-size:14px}
body.inno-page .pict{position:relative;display:flex;align-items:center;justify-content:center;height:180px;margin:12px 12px 0;border-radius:4px;background:radial-gradient(circle at 50% 58%,rgba(207,148,87,.16),transparent 62%),linear-gradient(150deg,#2a241e,#181613);color:var(--gold);overflow:hidden}
body.inno-page .pict svg{width:136px;height:auto}
body.inno-page .pict:after{content:"";position:absolute;inset:10px;border:1px solid rgba(207,148,87,.28);border-radius:3px;pointer-events:none}
body.inno-page .photo.pict{margin:0;height:auto}
body.inno-page .photo.pict svg{width:min(56%,240px)}
body.inno-page .pict .cap{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;color:var(--mute);font-size:14px;z-index:1}
body.inno-page .local{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:36px 40px;background:var(--ink2)}
body.inno-page .local h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:34px;line-height:1.1;margin:0 0 10px}
body.inno-page .local p{margin:0;color:var(--mute);font-size:16px}
body.inno-page .local ul{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
body.inno-page .local li{border:1px solid var(--line);padding:6px 12px;font-size:14px;border-radius:40px}
body.inno-page .local address{font-style:normal;display:grid;gap:6px;font-size:16px}
body.inno-page .local address b{font-size:17px}
body.inno-page .local address span{color:var(--mute)}
body.inno-page .local address a{font-weight:700;margin-top:8px}
@media (max-width:1024px){body.inno-page .local{grid-template-columns:minmax(0,1fr);padding:28px}}
@keyframes logoIn{0%{transform:perspective(400px) rotateY(-540deg) scale(.4);opacity:0}70%{opacity:1}100%{transform:perspective(400px) rotateY(0) scale(1)}}
@keyframes logoSpin{to{transform:perspective(400px) rotateY(360deg)}}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(207,148,87,0))}50%{filter:drop-shadow(0 0 8px rgba(207,148,87,.55))}}
body.inno-page .nav .logo svg{animation:logoIn 1.4s cubic-bezier(.2,.8,.2,1) both,logoGlow 4s ease-in-out 1.6s infinite}
body.inno-page .logo:hover svg{animation:logoSpin .9s cubic-bezier(.4,0,.2,1)}
body.inno-page .logo b{transition:letter-spacing .4s ease}
body.inno-page .logo:hover b{letter-spacing:.09em}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fadeZoom{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}
body.inno-page .h1{animation:rise .8s cubic-bezier(.2,.8,.2,1) .15s both}
body.inno-page .h1+.lead, body.inno-page .hero-txt .lead, body.inno-page .phero .lead{animation:rise .8s cubic-bezier(.2,.8,.2,1) .3s both}
body.inno-page .hero-txt .ctas, body.inno-page .phero .ctas{animation:rise .8s cubic-bezier(.2,.8,.2,1) .45s both}
body.inno-page .hero .photo, body.inno-page .phero .photo{animation:fadeZoom 1.2s cubic-bezier(.2,.8,.2,1) .2s both}
body.inno-page .rating .stars{display:inline-flex}
body.inno-page .rating:hover .stars{animation:twinkle .8s ease}
@keyframes twinkle{30%{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(207,148,87,.8))}}
body.inno-page .btn{position:relative;transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,background-position .7s ease}
body.inno-page .btn:hover{transform:translateY(-2px)}
body.inno-page .btn:active{transform:translateY(0) scale(.97)}
body.inno-page .btn-gold{background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:260% 100%;background-position:130% 0;background-repeat:no-repeat}
body.inno-page .btn-gold:hover{background-position:-30% 0;box-shadow:0 12px 26px -12px rgba(207,148,87,.85)}
body.inno-page .btn-dark:hover{box-shadow:0 12px 26px -14px rgba(0,0,0,.8)}
@keyframes ring{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-16deg)}90%{transform:rotate(14deg)}92%{transform:rotate(-12deg)}94%{transform:rotate(10deg)}96%{transform:rotate(-6deg)}}
body.inno-page a[href^="tel"] svg{animation:ring 3.2s ease-in-out infinite;transform-origin:50% 50%}
@keyframes nudge{50%{transform:translateX(5px)}}
body.inno-page .cat:hover .go, body.inno-page .post:hover .more, body.inno-page .links a:hover span{display:inline-block;animation:nudge .6s ease infinite}
body.inno-page .sticky a:last-child{animation:glow 2.6s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}}
body.inno-page .cat, body.inno-page .real, body.inno-page .type, body.inno-page .post, body.inno-page .rev, body.inno-page .card, body.inno-page .steps li, body.inno-page .local{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .3s ease}
body.inno-page .cat:hover, body.inno-page .real:hover, body.inno-page .type:hover, body.inno-page .post:hover, body.inno-page .rev:hover, body.inno-page a.card:hover, body.inno-page .steps li:hover{transform:translateY(-6px);box-shadow:0 22px 40px -24px rgba(0,0,0,.9)}
body.inno-page .photo img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
body.inno-page .cat:hover .photo img, body.inno-page .real:hover .photo img, body.inno-page .type:hover .photo img, body.inno-page .post:hover .photo img, body.inno-page .ig a:hover img{transform:scale(1.06)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
body.inno-page .pict svg{animation:float 4.5s ease-in-out infinite}
body.inno-page .type:hover .pict svg{animation-duration:1.4s}
body.inno-page .faq summary:after{transition:transform .3s ease}
body.inno-page .faq details[open] summary:after{transform:rotate(180deg)}
body.inno-page .faq details[open] p{animation:rise .45s ease both}
body.inno-page .mnav[open] .mnav-panel{animation:rise .3s ease both}
body.inno-page .ba .tag{animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes riseV{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@supports (animation-timeline: view()){body.inno-page .cat, body.inno-page .real, body.inno-page .rev, body.inno-page .eng, body.inno-page .steps li, body.inno-page .feat, body.inno-page .type, body.inno-page .post, body.inno-page .local, body.inno-page .faq details, body.inno-page .cities li, body.inno-page .trust li, body.inno-page .ig a, body.inno-page .card, body.inno-page .links a{animation:riseV linear both;animation-timeline:view();animation-range:entry 0% cover 18%}
body.inno-page .h2{animation:riseV linear both;animation-timeline:view();animation-range:entry 0% cover 15%}}
body.inno-page .send{overflow:visible}
body.inno-page .send .spin, body.inno-page .send .ok2{display:none}
body.inno-page .send.is-sending{pointer-events:none;filter:saturate(.8)}
body.inno-page .send.is-sending .spin{display:inline-block;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(21,20,18,.25);border-top-color:#151412;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
body.inno-page .send.is-done{background-color:#E2B27E;pointer-events:none;animation:bump .5s cubic-bezier(.2,.8,.2,1)}
@keyframes bump{40%{transform:scale(1.05)}}
body.inno-page .send.is-done .ok2{display:inline-block}
body.inno-page .ok2 path, body.inno-page .done .ok path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .5s ease .15s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
body.inno-page .confetti{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
body.inno-page .confetti i{position:absolute;width:9px;height:9px;border-radius:2px;opacity:0}
body.inno-page .is-done .confetti i, body.inno-page .done .confetti i{animation:boom .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes boom{0%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.6)}}
body.inno-page .confetti i:nth-child(1){--x:-154px;--y:-69px;--r:200deg;background:#CF9457;animation-delay:0s}
body.inno-page .confetti i:nth-child(2){--x:-88px;--y:-105px;--r:-160deg;background:#F2CFA6;animation-delay:0.03s}
body.inno-page .confetti i:nth-child(3){--x:0px;--y:-120px;--r:120deg;background:#CF9457;animation-delay:0.01s}
body.inno-page .confetti i:nth-child(4){--x:88px;--y:-102px;--r:-220deg;background:#F4EFE7;animation-delay:0.04s}
body.inno-page .confetti i:nth-child(5){--x:158px;--y:-66px;--r:180deg;background:#E2B27E;animation-delay:0.02s}
body.inno-page .confetti i:nth-child(6){--x:189px;--y:-9px;--r:-140deg;background:#CF9457;animation-delay:0.05s}
body.inno-page .confetti i:nth-child(7){--x:145px;--y:51px;--r:260deg;background:#F2CFA6;animation-delay:0.03s}
body.inno-page .confetti i:nth-child(8){--x:57px;--y:78px;--r:-200deg;background:#CF9457;animation-delay:0.0s}
body.inno-page .confetti i:nth-child(9){--x:-52px;--y:81px;--r:150deg;background:#F4EFE7;animation-delay:0.04s}
body.inno-page .confetti i:nth-child(10){--x:-145px;--y:48px;--r:-240deg;background:#E2B27E;animation-delay:0.02s}
body.inno-page .confetti i:nth-child(11){--x:-193px;--y:-6px;--r:210deg;background:#CF9457;animation-delay:0.05s}
body.inno-page .confetti i:nth-child(12){--x:22px;--y:-87px;--r:-90deg;background:#F4EFE7;animation-delay:0.06s}
body.inno-page .sent-msg{grid-column:1 / -1;margin:0;color:var(--gold);font-weight:700;animation:rise .5s ease both}
@media (prefers-reduced-motion: reduce){body.inno-page *, body.inno-page *:before, body.inno-page *:after{animation:none !important;transition:none !important}}
body.inno-page .stepbox{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
body.inno-page .done .ok{animation:pop .6s cubic-bezier(.2,.8,.2,1) both}
body.inno-page .opt{transition:transform .2s ease,border-color .2s,background-color .2s}
body.inno-page .opt:active{transform:scale(.97)}
body.inno-page .opt.on i{animation:pop .35s ease both}
body.inno-page .u-f04f331.u-f04f331{padding-top: 32px !important}
/* en-tête et pied de page communs */
body.inno-page .foot .wrap{display:block}
body.inno-page .nav{position:sticky;top:0;z-index:30;background:rgba(21,20,18,.95);border-bottom:1px solid var(--line)}
body.inno-page .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}
body.inno-page .logo{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}
body.inno-page .logo svg{color:var(--gold);flex:none}
body.inno-page .logo b{display:block;font-family:"Cormorant Garamond",serif;font-size:25px;letter-spacing:.05em;color:var(--txt);font-weight:700}
body.inno-page .logo span{display:block;font-size:10px;letter-spacing:.36em;color:var(--gold);margin-top:5px}
body.inno-page .menu{display:flex;gap:20px}
body.inno-page .menu a{color:var(--txt);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
body.inno-page .menu a:hover, body.inno-page .menu a[aria-current="page"]{color:var(--gold)}
body.inno-page .nav-cta{display:flex;align-items:center;gap:16px}
body.inno-page .nav-tel{color:var(--txt);text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}
body.inno-page .foot{background:#0F0E0C;padding:56px 0 28px;font-size:15px;color:var(--mute)}
body.inno-page .foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
body.inno-page .foot h4{color:var(--txt);margin:0 0 14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
body.inno-page .foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
body.inno-page .foot a{color:var(--mute);text-decoration:none}
body.inno-page .foot a:hover{color:var(--gold)}
body.inno-page .legal{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
body.inno-page .sticky{display:none}
@media (max-width:1280px){body.inno-page .nav-tel{display:none}}
@media (max-width:1100px){body.inno-page .menu{display:none}}
@media (max-width:1024px){body.inno-page .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.inno-page .nav .btn{display:none}}
@media (max-width:640px){body.inno-page .types, body.inno-page .types.three, body.inno-page .feats, body.inno-page .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){body.inno-page .sticky{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40}}
@media (max-width:640px){body.inno-page .sticky a{min-height:58px;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;font-size:16px}}
body.inno-page .mnav{display:none}
body.inno-page .mnav summary{list-style:none;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;color:var(--txt)}
body.inno-page .mnav summary::-webkit-details-marker{display:none}
body.inno-page .mnav[open] summary{border-color:var(--gold);color:var(--gold)}
body.inno-page .mnav-panel{position:absolute;left:0;right:0;top:100%;background:#151412;border-bottom:1px solid var(--line);padding:16px 16px 22px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;box-shadow:0 24px 40px -20px rgba(0,0,0,.8)}
body.inno-page .mnav-panel a{color:var(--txt);text-decoration:none;font-weight:600;font-size:16px;min-height:44px;display:flex;align-items:center}
body.inno-page .mnav-panel a:hover{color:var(--gold)}
body.inno-page .mnav-panel b{grid-column:1/-1;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:10px 0 2px}
body.inno-page .mnav-panel .btn{grid-column:1/-1;margin-top:12px;display:flex !important}
@media (max-width:1100px){body.inno-page .mnav{display:block}}
@media (max-width:1100px){body.inno-page .menu{display:none}}
@media (max-width:640px){body.inno-page .nav .wrap{gap:12px;min-height:72px}}
@media (max-width:640px){body.inno-page .logo b{font-size:21px}}
@media (max-width:640px){body.inno-page .logo span{font-size:9px;letter-spacing:.22em}}
@media (max-width:640px){body.inno-page .logo svg{width:22px;height:34px}}
@media (max-width:420px){body.inno-page .mnav-panel{grid-template-columns:1fr}}
body.inno-page .foot .hrs{font-size:14px}
body.inno-page .nav .logo svg{animation:logoIn 1.4s cubic-bezier(.2,.8,.2,1) both,logoGlow 4s ease-in-out 1.6s infinite}
body.inno-page .logo:hover svg{animation:logoSpin .9s cubic-bezier(.4,0,.2,1)}
body.inno-page .logo b{transition:letter-spacing .4s ease}
body.inno-page .logo:hover b{letter-spacing:.09em}
body.inno-page .sticky a:last-child{animation:glow 2.6s ease-in-out infinite}
body.inno-page .mnav[open] .mnav-panel{animation:rise .3s ease both}
