
/* /_custom/x40.site_technical_convergence/static/src/css/pages/content-11.css */
 .x40-content details > summary, .x40-brand-page details > summary{list-style: none;}.x40-content details > summary::-webkit-details-marker, .x40-brand-page details > summary::-webkit-details-marker{display: none;}.s40dv{--dv-green: var(--o-color-1, #2d7a2a); --dv-green-light: #76eb76;}.s40dv_hero{width: 100vw; margin-left: calc(50% - 50vw); padding: 44px 0 40px; text-align: center; background: linear-gradient( 145deg, #090d09 0%, #0c1f0b 42%, var(--dv-green) 100% );}.s40dv_bread_wrap{width: 100%; margin: 0 auto 24px; text-align: center;}.s40dv_bread{display: inline-flex; align-items: center; padding: 8px 20px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; background: rgba(255, 255, 255, 0.07);}.s40dv_bread_ico{width: 14px; height: 14px; margin-right: 6px; flex-shrink: 0; fill: none; stroke: rgba(255, 255, 255, 0.5); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}.s40dv_bread a{color: rgba(255, 255, 255, 0.55) !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.02em; text-decoration: none !important; transition: color 0.2s ease;}.s40dv_bread a:hover{color: #fff !important; text-decoration: none !important;}.s40dv_bread_chev{width: 12px; height: 12px; margin: 0 10px; flex-shrink: 0; fill: none; stroke: rgba(255, 255, 255, 0.25); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}.s40dv_bread_current{color: #fff !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.02em;}.s40dv_hero h1{max-width: 820px; margin: 0 auto 13px; color: #fff !important; font-family: "Poppins", sans-serif !important; font-size: clamp(30px, 4.5vw, 48px) !important; font-weight: 800 !important; line-height: 1.15 !important;}.s40dv_hero h1 em{color: var(--dv-green-light) !important; font-style: italic;}.s40dv_hero_sub{max-width: 680px; margin: 0 auto; color: rgba(255, 255, 255, 0.72) !important; font-family: "Roboto", sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important;}.s40dv_promise{max-width: 680px; margin: 16px auto 0; color: rgba(255, 255, 255, 0.92) !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.5 !important;}.s40dv_promise strong{color: var(--dv-green-light) !important; font-weight: 800 !important;}@media (max-width: 767px){.s40dv_hero{padding: 34px 0 32px;}.s40dv_bread_wrap{margin-bottom: 20px;}.s40dv_hero h1{padding: 0 20px; font-size: 30px !important;}.s40dv_hero_sub{padding: 0 22px; font-size: 16px !important;}.s40dv_promise{margin-top: 14px; padding: 0 24px; font-size: 14px !important;}}.x40-quote-form{--x40-green: #247a24; --x40-ink: #182019; --x40-muted: #667067; --x40-border: #d9dfda; padding: 48px 16px 64px !important; background: #f4f6f4 !important;}.x40-quote-form .o_container_small{max-width: 760px !important;}.x40-quote-form form{padding: 32px 34px 28px; border: 1px solid #e0e5e1; border-radius: 20px; background: #fff; box-shadow: 0 12px 34px rgba(19, 39, 21, .07);}.x40-quote-form .s_website_form_rows{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; margin: 0;}.x40-quote-form .s_website_form_field{grid-column: 1 / -1; width: auto; padding: 0; margin-bottom: 18px !important;}.x40-quote-form .s_website_form_field:has([name="phone"]), .x40-quote-form .s_website_form_field:has([name="email_from"]), .x40-quote-form .s_website_form_field:has([name="Code postal"]), .x40-quote-form .s_website_form_field:has([name="Ville"]), .x40-quote-form .s_website_form_field:has([name="Capacité initial "]), .x40-quote-form .s_website_form_field:has([name="Voltage"]){grid-column: auto;}.x40-quote-form .s_website_form_field > .row{display: block; margin: 0;}.x40-quote-form .s_website_form_field > .row > .col-sm{width: 100%; padding: 0;}.x40-quote-form .s_website_form_label{display: block; width: 100% !important; padding: 0 0 7px !important; margin: 0; color: var(--x40-ink); font-size: 14px; font-weight: 600; line-height: 1.35;}.x40-quote-form .form-control{min-height: 48px; padding: 11px 13px; border: 1px solid var(--x40-border); border-radius: 10px; background: #fff; color: var(--x40-ink); box-shadow: none; transition: border-color .18s ease, box-shadow .18s ease;}.x40-quote-form .form-control:hover{border-color: #bac4bc;}.x40-quote-form .form-control:focus{border-color: var(--x40-green); box-shadow: 0 0 0 3px rgba(45, 122, 42, .12);}.x40-quote-form textarea.form-control{min-height: 120px; resize: vertical;}.x40-quote-form input[type="file"].form-control{height: auto; padding: 8px;}.x40-quote-form .s_website_form_multiple{display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0;}.x40-quote-form .s_website_form_multiple .radio{flex: 0 0 auto; width: auto; max-width: none; padding: 0;}.x40-quote-form .s_website_form_multiple .form-check{min-height: 0; padding: 9px 13px 9px 35px; margin: 0; border: 1px solid var(--x40-border); border-radius: 999px; background: #fafbfa;}.x40-quote-form .s_website_form_multiple .form-check:has(.form-check-input:checked){border-color: var(--x40-green); background: rgba(45, 122, 42, .07);}.x40-quote-form .s_website_form_multiple .form-check-input{margin-top: .2em; margin-left: -21px;}.x40-quote-form .s_website_form_multiple .form-check-label{color: var(--x40-ink); white-space: nowrap;}.x40-quote-form .s_website_form_field:has([name="Adresse "]), .x40-quote-form .s_website_form_field:has( [name="Marque du vélo ou de la batterie"] ), .x40-quote-form .s_website_form_field:has([name="Capacité initial "]){padding-top: 24px; margin-top: 4px; border-top: 1px solid #edf0ed;}.x40-quote-form .s_website_form_field_description{margin: 7px 0 0; color: var(--x40-muted); font-size: 13px; line-height: 1.45;}.x40-quote-form .s_website_form_submit{grid-column: 1 / -1; display: block; padding: 8px 0 0 !important; text-align: initial !important;}.x40-quote-form .s_website_form_submit .s_website_form_label{display: none;}.x40-quote-form .s_website_form_send{display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; border: 0; border-radius: 11px; background: var(--x40-green) !important; color: #fff !important; font-size: 16px; font-weight: 700;}.x40-quote-form .s_website_form_send:hover{background: #1f6a20 !important;}.x40-quote-form .s_website_form_send:focus-visible{outline: 3px solid var(--x40-green); outline-offset: 3px;}.x40-quote-form .s_website_form_end_message{padding: 34px; border: 1px solid #e0e5e1; border-radius: 20px; background: #fff; box-shadow: 0 12px 34px rgba(19, 39, 21, .07);}@media (max-width: 767.98px){.x40-quote-form{padding: 28px 15px 48px !important;}.x40-quote-form form{padding: 22px 18px 20px; border-radius: 16px;}.x40-quote-form .s_website_form_rows{grid-template-columns: minmax(0, 1fr);}.x40-quote-form .s_website_form_field, .x40-quote-form .s_website_form_field:has([name="phone"]), .x40-quote-form .s_website_form_field:has([name="email_from"]), .x40-quote-form .s_website_form_field:has([name="Code postal"]), .x40-quote-form .s_website_form_field:has([name="Ville"]), .x40-quote-form .s_website_form_field:has([name="Capacité initial "]), .x40-quote-form .s_website_form_field:has([name="Voltage"]){grid-column: 1;}.x40-quote-form .form-control{min-height: 50px;}.x40-quote-form .s_website_form_multiple .form-check{padding: 9px 12px 9px 34px;}.x40-quote-form .s_website_form_field:has([name="Adresse "]), .x40-quote-form .s_website_form_field:has( [name="Marque du vélo ou de la batterie"] ), .x40-quote-form .s_website_form_field:has([name="Capacité initial "]){padding-top: 21px;}}.x40-quote-email-alternative{display: flex; align-items: flex-start; gap: 14px; margin: 0 0 26px; padding: 16px 18px; border: 1px solid rgba(36, 122, 36, .18); border-left: 4px solid var(--x40-green); border-radius: 12px; background: #f3f8f3; color: var(--x40-ink);}.x40-quote-email-icon{display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(36, 122, 36, .18); border-radius: 50%; background: #fff; color: var(--x40-green);}.x40-quote-email-icon svg{width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.x40-quote-email-copy{min-width: 0;}.x40-quote-email-title{margin: 0 0 4px; color: var(--x40-ink); font-size: 16px; font-weight: 750; line-height: 1.35;}.x40-quote-email-text{margin: 0; color: #4c584e; font-size: 14px; line-height: 1.55;}.x40-quote-email-text a{color: var(--x40-green); font-weight: 750; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}@media (max-width: 767.98px){.x40-quote-email-alternative{gap: 11px; padding: 14px 15px; margin-bottom: 22px;}.x40-quote-email-icon{display: none;}.x40-quote-email-title{font-size: 15px;}.x40-quote-email-text{font-size: 13.5px; line-height: 1.5;}}.x40-form-response-note{margin: 10px 0 0; color: #3f4b41; font-size: 13px; font-weight: 700; line-height: 1.4; text-align: center;}.x40-form-privacy{margin: 7px 0 0; color: #667067; font-size: 12px; line-height: 1.45; text-align: center;}.x40-form-privacy a{color: #247a24; font-weight: 650; text-decoration: underline; text-underline-offset: 2px;}*{margin: 0; padding: 0; box-sizing: border-box;}body{background: #fff;}.s_spK_head{text-align: center; margin-bottom: 40px; padding-top: 48px;}.s_spK_head h2{font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 26px; line-height: 1.2; color: #1a1a1a; margin: 0;}.s_spK_head p{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.45; color: rgba(0, 0, 0, 0.35); margin: 6px 0 0;}.s_spK_wrap{position: relative; overflow: hidden; width: 100%; padding-bottom: 48px;}.s_spK_wrap::before, .s_spK_wrap::after{content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;}.s_spK_wrap::before{left: 0; background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);}.s_spK_wrap::after{right: 0; background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);}.s_spK_track{display: flex; align-items: center; width: max-content; min-width: max-content; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateX(-50%); animation: spKscrollRight 55s linear infinite;}.s_spK_wrap:hover .s_spK_track{animation-play-state: paused;}.s_spK_group{display: flex; align-items: center; flex-shrink: 0;}@keyframes spKscrollRight{from{transform: translateX(-50%);}to{transform: translateX(0);}}.s_spK_item{flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 0 36px; height: 80px;}.s_spK_item img{display: block; height: 42px; width: auto; max-width: 160px; object-fit: contain; filter: grayscale(1); opacity: 0.45; transition: opacity 0.3s ease, filter 0.3s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0);}.s_spK_item:hover img{opacity: 1; filter: grayscale(0);}.s_spK_item_sm img{height: 110px; max-width: 220px;}.s_spK_sep{width: 1px; height: 28px; background: rgba(0, 0, 0, 0.08); flex-shrink: 0; align-self: center;}@media (max-width: 575px){.s_spK_head{padding-top: 32px; margin-bottom: 24px;}.s_spK_head h2{font-size: 21px;}.s_spK_head p{font-size: 14px;}.s_spK_item{padding: 0 24px; height: 60px;}.s_spK_item img{height: 32px; max-width: 110px;}.s_spK_item_sm img{height: 80px; max-width: 160px;}.s_spK_wrap::before, .s_spK_wrap::after{width: 32px;}.s_spK_wrap{padding-bottom: 32px;}}@media (prefers-reduced-motion: reduce){.s_spK_track{animation: none !important; transform: translateX(0) !important;}}[data-x40-content-page="11"] .x40-inline-11-1{position: relative;}[data-x40-content-page="11"] .x40-inline-11-2{width: 200px}[data-x40-content-page="11"] .x40-inline-11-3{width: 200px}[data-x40-content-page="11"] .x40-inline-11-4{width: 200px}[data-x40-content-page="11"] .x40-inline-11-5{width: 200px}[data-x40-content-page="11"] .x40-inline-11-6{width: 200px}[data-x40-content-page="11"] .x40-inline-11-7{animation-name: dummy;}[data-x40-content-page="11"] .x40-inline-11-8{width: 200px}[data-x40-content-page="11"] .x40-inline-11-9{animation-name: dummy;}[data-x40-content-page="11"] .x40-inline-11-10{width: 200px}[data-x40-content-page="11"] .x40-inline-11-11{width: 200px}[data-x40-content-page="11"] .x40-inline-11-12{width: 200px}[data-x40-content-page="11"] .x40-inline-11-13{width: 200px}[data-x40-content-page="11"] .x40-inline-11-14{width: 200px}[data-x40-content-page="11"] .x40-inline-11-15{width: 200px}[data-x40-content-page="11"] .x40-inline-11-16{width: 200px}[data-x40-content-page="11"] .x40-inline-11-17{width: 200px}[data-x40-content-page="11"] .x40-inline-11-18{width: 200px}[data-x40-content-page="11"] .x40-inline-11-19{animation-name: dummy;}[data-x40-content-page="11"] .x40-inline-11-20{width: 200px}[data-x40-content-page="11"] .x40-inline-11-21{width: 200px}[data-x40-content-page="11"] .x40-inline-11-22{width: 200px}[data-x40-content-page="11"] .x40-inline-11-23{width: 200px;}[data-x40-content-page="11"] .x40-inline-11-24{overflow: hidden;}