1<!DOCTYPE html> 2<html lang="fr-FR" > 3<head> 4 <meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta name="format-detection" content="telephone=no">
4<script type="text/javascript">var ajaxurl = "https://www.sinaptec.fr/wp-admin/admin-ajax.php";</script>
4<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 5 6 <style id="critical-path-css" type="text/css"> 7 body,html{width:100%;height:100%;margin:0;padding:0}.page-preloader{top:0;left:0;z-index:999;position:fixed;height:100%;width:100%;text-align:center}.preloader-preview-area{-webkit-animation-delay:-.2s;animation-delay:-.2s;top:50%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);margin-top:10px;max-height:calc(50% - 20px);opacity:1;width:100%;text-align:center;position:absolute}.preloader-logo{max-width:90%;top:50%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin:-10px auto 0 auto;max-height:calc(50% - 20px);opacity:1;position:relative}.ball-pulse>div{width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:ball-pulse .75s infinite cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse .75s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(1){-webkit-animation-delay:-.36s;animation-delay:-.36s}.ball-pulse>div:nth-child(2){-webkit-animation-delay:-.24s;animation-delay:-.24s}.ball-pulse>div:nth-child(3){-webkit-animation-delay:-.12s;animation-delay:-.12s}@-webkit-keyframes ball-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ball-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px) translateX(-10px);-ms-transform:translateY(-15px) translateX(-10px);transform:translateY(-15px) translateX(-10px);display:inline-block}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{height:36px;width:36px;top:7px;left:-7px;-webkit-animation:ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:50px;height:50px;left:-16px;top:-2px;background:0 0;border:2px solid;-webkit-animation:ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@-webkit-keyframes ball-clip-rotate-pulse-scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-clip-rotate-pulse-scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}
7@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-spin{display:inline-block}.square-spin>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;width:50px;height:50px;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px);display:inline-block}.cube-transition>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;width:15px;height:15px;position:absolute;top:-5px;left:-5px;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.ball-scale>div{border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.line-scale>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;width:5px;height:50px;border-radius:2px;margin:2px}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}@-webkit-keyframes line-scale{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes line-scale{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);
7display:inline-block}.ball-scale-multiple>div{border-radius:100%;-webkit-animation-fill-mode:both;animation-fill-mode:both;margin:2px;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:50px;height:50px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-pulse-sync{display:inline-block}.ball-pulse-sync>div{width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;animation:ball-pulse-sync .6s -.21s infinite ease-in-out}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.transparent-circle{display:inline-block;border-top:.5em solid rgba(255,255,255,.2);border-right:.5em solid rgba(255,255,255,.2);border-bottom:.5em solid rgba(255,255,255,.2);border-left:.5em solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:transparent-circle 1.1s infinite linear;animation:transparent-circle 1.1s infinite linear;width:50px;height:50px;border-radius:50%}.transparent-circle:after{border-radius:50%;width:10em;height:10em}@-webkit-keyframes transparent-circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes transparent-circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px;display:inline-block}.ball-spin-fade-loader>div{width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;-webkit-animation:ball-spin-fade-loader 1s infinite linear;animation:ball-spin-fade-loader 1s infinite linear}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;animation-delay:-.84s;-webkit-animation-delay:-.84s}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;animation-delay:-.72s;-webkit-animation-delay:-.72s}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;animation-delay:-.6s;-webkit-animation-delay:-.6s}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;animation-delay:-.48s;-webkit-animation-delay:-.48s}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;animation-delay:-.36s;-webkit-animation-delay:-.36s}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;animation-delay:-.24s;-webkit-animation-delay:-.24s}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;animation-delay:-.12s;-webkit-animation-delay:-.12s}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;animation-delay:0s;-webkit-animation-delay:0s}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}} </style> 8 9 10 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 11 <title>Services en ultrasons : étude, R&D et solutions sur mesure | SinapTec</title> 12 <meta name="description" content="SinapTec vous accompagne de lâétude de faisabilité au SAV : R&D, essais, solutions ultrasonores sur mesure et accompagnement technique." /> 13 <link rel="canonical" href="https://www.sinaptec.fr/services-ultrasons/" /> 14 <meta property="og:locale" content="fr_FR" /> 15 <meta property="og:type" content="article" /> 16 <meta property="og:title" content="Services en ultrasons : étude, R&D et solutions sur mesure | SinapTec" /> 17 <meta property="og:description" content="SinapTec vous accompagne de lâétude de faisabilité au SAV : R&D, essais, solutions ultrasonores sur mesure et accompagnement technique." /> 18 <meta property="og:url" content="https://www.sinaptec.fr/services-ultrasons/" /> 19 <meta property="og:site_name" content="Sinaptec" /> 20 <meta property="og:image" content="https://www.sinaptec.fr/wp-content/uploads/2023/11/logo-synap-tec-metadonnees.jpg" />
21 <meta property="og:image:width" content="1200" /> 22 <meta property="og:image:height" content="675" /> 23 <meta property="og:image:type" content="image/jpeg" /> 24 <meta name="twitter:card" content="summary_large_image" /> 25 <meta name="twitter:label1" content="Durée de lecture estimée" /> 26 <meta name="twitter:data1" content="1 minute" /> 27
27<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sinaptec.fr\/services-ultrasons\/","url":"https:\/\/www.sinaptec.fr\/services-ultrasons\/","name":"Services en ultrasons : étude, R&D et solutions sur mesure | SinapTec","isPartOf":{"@id":"https:\/\/www.sinaptec.fr\/#website"},"datePublished":"2026-08-24T14:12:49+00:00","description":"SinapTec vous accompagne de lâétude de faisabilité au SAV : R&D, essais, solutions ultrasonores sur mesure et accompagnement technique.","breadcrumb":{"@id":"https:\/\/www.sinaptec.fr\/services-ultrasons\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sinaptec.fr\/services-ultrasons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.sinaptec.fr\/services-ultrasons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.sinaptec.fr\/"},{"@type":"ListItem","position":2,"name":"Service"}]},{"@type":"WebSite","@id":"https:\/\/www.sinaptec.fr\/#website","url":"https:\/\/www.sinaptec.fr\/","name":"Sinaptec","description":"Technologie Ultrasons","publisher":{"@id":"https:\/\/www.sinaptec.fr\/#organization"},"alternateName":"Expertise Ultrason","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sinaptec.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.sinaptec.fr\/#organization","name":"Sinap Tec","alternateName":"Sinap Tec","url":"https:\/\/www.sinaptec.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sinaptec.fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.sinaptec.fr\/wp-content\/uploads\/2023\/11\/logo-synap-tec-metadonnees.jpg","contentUrl":"https:\/\/www.sinaptec.fr\/wp-content\/uploads\/2023\/11\/logo-synap-tec-metadonnees.jpg","width":1200,"height":675,"caption":"Sinap Tec"},"image":{"@id":"https:\/\/www.sinaptec.fr\/#\/schema\/logo\/image\/"}}]}</script>
27 28 <!-- / Yoast SEO plugin. --> 29 30 31<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 32 33<link rel="shortcut icon" href="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" />
34<script type="text/javascript">window.abb = {};php = {};window.PHP = {};PHP.ajax = "https://www.sinaptec.fr/wp-admin/admin-ajax.php";PHP.wp_p_id = "19279";var mk_header_parallax, mk_banner_parallax, mk_page_parallax, mk_footer_parallax, mk_body_parallax;var mk_images_dir = "https://www.sinaptec.fr/wp-content/themes/jupiter/assets/images",mk_theme_js_path = "https://www.sinaptec.fr/wp-content/themes/jupiter/assets/js",mk_theme_dir = "https://www.sinaptec.fr/wp-content/themes/jupiter",mk_captcha_placeholder = "Enter Captcha",mk_captcha_invalid_txt = "Invalid. Try again.",mk_captcha_correct_txt = "Captcha correct.",mk_responsive_nav_width = 1140,mk_vertical_header_back = "Back",mk_vertical_header_anim = "1",mk_check_rtl = true,mk_grid_width = 1140,mk_ajax_search_option = "header",mk_preloader_bg_color = "#fff",mk_accent_color = "#339dd5",mk_go_to_top = "true",mk_smooth_scroll = "true",mk_show_background_video = "true",mk_preloader_bar_color = "#339dd5",mk_preloader_logo = "";var mk_header_parallax = false,mk_banner_parallax = false,mk_footer_parallax = false,mk_body_parallax = false,mk_no_more_posts = "No More Posts",mk_typekit_id = "",mk_google_fonts = ["Montserrat:100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic,100,200,300,400,500,600,700,800,900"],mk_global_lazyload = true;</script>
34<style id="wp-img-auto-sizes-contain-inline-css"> 35img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 36/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 37</style> 38<link rel='stylesheet' id='layerslider-css' href='https://www.sinaptec.fr/wp-content/plugins/LayerSlider/assets/static/layerslider/css/layerslider.css?ver=8.2.0' media='all' /> 39<style id="wp-block-library-inline-css"> 40:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
40--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 41 42/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 43</style> 44<style id="classic-theme-styles-inline-css"> 45/*! This file is auto-generated */ 46.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 47/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 48</style> 49 50<style id="global-styles-inline-css"> 51:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
510) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
51.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 52/*# sourceURL=global-styles-inline-css */ 53</style> 54 55<link rel='stylesheet' id='cf7apps-honeypot-frontend-css' href='https://www.sinaptec.fr/wp-content/plugins/contact-form-7-honeypot/legacy-honeypot/includes/css/honeypot-frontend.css?ver=3.7.1' media='all' /> 56<link rel='stylesheet' id='contact-form-7-css' href='https://www.sinaptec.fr/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' /> 57<link rel='stylesheet' id='cookie-notice-front-css' href='https://www.sinaptec.fr/wp-content/plugins/cookie-notice/css/front.min.css?ver=3.1.4' media='all' /> 58<link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='https://www.sinaptec.fr/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1' media='all' /> 59<style id="wpml-legacy-horizontal-list-0-inline-css"> 60.wpml-ls-statics-footer a, .wpml-ls-statics-footer .wpml-ls-sub-menu a, .wpml-ls-statics-footer .wpml-ls-sub-menu a:link, .wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link:link {color:#444444;background-color:#ffffff;}.wpml-ls-statics-footer .wpml-ls-sub-menu a:hover,.wpml-ls-statics-footer .wpml-ls-sub-menu a:focus, .wpml-ls-statics-footer .wpml-ls-sub-menu a:link:hover, .wpml-ls-statics-footer .wpml-ls-sub-menu a:link:focus {color:#000000;background-color:#eeeeee;}.wpml-ls-statics-footer .wpml-ls-current-language > a {color:#444444;background-color:#ffffff;}.wpml-ls-statics-footer .wpml-ls-current-language:hover>a, .wpml-ls-statics-footer .wpml-ls-current-language>a:focus {color:#000000;background-color:#eeeeee;} 61/*# sourceURL=wpml-legacy-horizontal-list-0-inline-css */ 62</style> 63<link rel='stylesheet' id='cms-navigation-style-base-css' href='https://www.sinaptec.fr/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation-base.css?ver=1.5.8' media='screen' /> 64<link rel='stylesheet' id='cms-navigation-style-css' href='https://www.sinaptec.fr/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation.css?ver=1.5.8' media='screen' /> 65<link rel='stylesheet' id='theme-styles-css' href='https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/min/full-styles.6.10.6.css?ver=1729170245' media='all' /> 66<style id="theme-styles-inline-css"> 67 68 #wpadminbar { 69 -webkit-backface-visibility: hidden; 70 backface-visibility: hidden; 71 -webkit-perspective: 1000; 72 -ms-perspective: 1000; 73 perspective: 1000; 74 -webkit-transform: translateZ(0px); 75 -ms-transform: translateZ(0px); 76 transform: translateZ(0px); 77 } 78 @media screen and (max-width: 600px) { 79 #wpadminbar { 80 position: fixed !important; 81 } 82 } 83 84body { background-color:#fff; } .hb-custom-header #mk-page-introduce, #mk-page-introduce { background-color:#f7f7f7;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover; } .hb-custom-header > div, .mk-header-bg { background-color:#fff; } .mk-classic-nav-bg { background-color:#fff; } .master-holder-bg { background-color:#fff; } #mk-footer { background-color:#3d4045; } #mk-boxed-layout { -webkit-box-shadow:0 0 px rgba(0, 0, 0, ); -moz-box-shadow:0 0 px rgba(0, 0, 0, ); box-shadow:0 0 px rgba(0, 0, 0, ); } .mk-news-tab .mk-tabs-tabs .is-active a, .mk-fancy-title.pattern-style span, .mk-fancy-title.pattern-style.color-gradient span:after, .page-bg-color { background-color:#fff; } .page-title { font-size:20px; color:#4d4d4d; text-transform:uppercase; font-weight:400; letter-spacing:2px; } .page-subtitle { font-size:14px; line-height:100%; color:#a3a3a3; font-size:14px; text-transform:none; } .mk-header { border-bottom:1px solid #ededed; } .header-style-1 .mk-header-padding-wrapper, .header-style-2 .mk-header-padding-wrapper, .header-style-3 .mk-header-padding-wrapper { padding-top:126px; } .mk-process-steps[max-width~="950px"] ul::before { display:none !important; } .mk-process-steps[max-width~="950px"] li { margin-bottom:30px !important; width:100% !important; text-align:center; }
84 .mk-event-countdown-ul[max-width~="750px"] li { width:90%; display:block; margin:0 auto 15px; } body { font-family:Montserrat } @font-face { font-family:'star'; src:url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.eot'); src:url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.eot?#iefix') format('embedded-opentype'), url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.woff') format('woff'), url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.ttf') format('truetype'), url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.svg#star') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'WooCommerce'; src:url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.eot'); src:url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.eot?#iefix') format('embedded-opentype'), url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.woff') format('woff'), url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.ttf') format('truetype'), url('https://www.sinaptec.fr/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.svg#WooCommerce') format('svg'); font-weight:normal; font-style:normal; }.mk-main-navigation { float:right; } .mk-dashboard-trigger .mk-css-icon-menu { display:none; } .mk-header-login { display:none!important; } .mk-breadcrumbs, #mk-breadcrumbs, .breadcrumbs, .breadcrumb, .yoast-breadcrumb { display:inline-flex !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important; margin:14px auto 0 auto !important; padding:10px 18px !important; background:#f0fbff !important; border-left:4px solid #00aeef !important; border-radius:4px !important; font-size:14px !important; line-height:1.5 !important; color:#4b5563 !important; font-weight:500 !important; text-transform:none !important; letter-spacing:0 !important; } .mk-breadcrumbs *, #mk-breadcrumbs *, .breadcrumbs *, .breadcrumb *, .yoast-breadcrumb * { font-size:14px !important; line-height:1.5 !important; text-transform:none !important; letter-spacing:0 !important; color:#4b5563 !important; } .mk-breadcrumbs a, #mk-breadcrumbs a, .breadcrumbs a, .breadcrumb a, .yoast-breadcrumb a { color:#00aeef !important; font-weight:600 !important; text-decoration:none !important; } .mk-breadcrumbs a:hover, #mk-breadcrumbs a:hover, .breadcrumbs a:hover, .breadcrumb a:hover, .yoast-breadcrumb a:hover { text-decoration:underline !important; } #ez-toc-container { width:100% !important; max-width:820px !important; padding:22px 28px !important; background:#eef8fd !important; border:1px solid #c7d9e5 !important; border-left:5px solid #00aeef !important; border-radius:6px !important; box-sizing:border-box !important; } #ez-toc-container .ez-toc-title { font-size:18px !important; font-weight:700 !important; color:#333333 !important; margin-bottom:14px !important; } #ez-toc-container nav, #ez-toc-container ul, #ez-toc-container ol { margin:0 !important; padding-left:0 !important; } #ez-toc-container li { margin:6px 0 !important; line-height:1.55 !important; list-style-position:inside !important; } #ez-toc-container a { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:4px 8px !important; border-radius:4px !important; font-size:16.5px !important; line-height:1.55 !important; color:#006fe6 !important; text-decoration:none !important; font-weight:600 !important; transition:all 0.2s ease !important; } #ez-toc-container a::before { content:"âº" !important; color:#00aeef !important; font-weight:700 !important; font-size:18px !important; line-height:1 !important; } #ez-toc-container a:hover { color:#00aeef !important; background:#ffffff !important; text-decoration:none !important; transform:translateX(3px) !important; } #ez-toc-container a:hover::before { color:#006fe6 !important; } #ez-toc-container .ez-toc-list > li > ul { margin-top:6px !important; margin-bottom:10px !important; padding-left:28px !important; } #ez-toc-container .ez-toc-list > li > ul > li { margin:5px 0 !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large, a.mk-button.mk-button--dimension-outline.mk-button--size-medium { align-items:center !important; justify-content:center !important; width:auto !important; min-width:360px !important; max-width:100% !important; background:#00aeef !important; border:2px solid #00aeef !important; color:#ffffff !important; font-weight:700 !important; font-size:14px !important; letter-spacing:0.25px !important; border-radius:4px !important; padding:14px 34px !important; box-shadow:0 3px 8px rgba(0, 174, 239, 0.16) !important; transition:all 0.25s ease !important; white-space:nowrap !important; text-align:center !important; box-sizing:border-box !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large::before, a.mk-button.mk-button--dimension-outline.mk-button--size-medium::before { content:"â" !important; display:inline-block !important; margin-right:10px !important; font-size:16px !important; line-height:1 !important; color:#ffffff !important; flex-shrink:0 !important; transition:transform 0.25s ease !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large::after, a.mk-button.mk-button--dimension-outline.mk-button--size-medium::after { content:none !important; display:none !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large span, a.mk-button.mk-button--dimension-outline.mk-button--size-medium span { display:inline-block !important; color:#ffffff !important; font-weight:700 !important; white-space:nowrap !important; line-height:1.2 !important; text-align:center !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large span.mk-button--text::after, a.mk-button.mk-button--dimension-outline.mk-button--size-medium span.mk-button--text::after { content:none !important; display:none !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large:hover, a.mk-button.mk-button--dimension-outline.mk-button--size-medium:hover { background:#008fca !important; border-color:#008fca !important; color:#ffffff !important; transform:translateY(-1px) !important; box-shadow:0 5px 12px rgba(0, 174, 239, 0.22) !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large:hover::before, a.mk-button.mk-button--dimension-outline.mk-button--size-medium:hover::before { transform:translateX(3px) !important; } @media (max-width:768px) { a.mk-button.mk-button--dimension-outline.mk-button--size-large, a.mk-button.mk-button--dimension-outline.mk-button--size-medium { width:100% !important; min-width:0 !important; max-width:100% !important; font-size:13.5px !important; padding:13px 20px !important;
84 white-space:normal !important; } a.mk-button.mk-button--dimension-outline.mk-button--size-large span, a.mk-button.mk-button--dimension-outline.mk-button--size-medium span { white-space:normal !important; } } .title_holder, .title_subtitle_holder, .page-title, .page-title-content { padding-top:34px !important; padding-bottom:26px !important; } .title_holder h1, .title_subtitle_holder h1, .page-title h1 { margin-bottom:20px !important; line-height:1.2 !important; } .mk-breadcrumbs, .mk-breadcrumbs-inner, #mk-breadcrumbs, .breadcrumbs, .breadcrumb, .yoast-breadcrumb, .mk-breadcrumb, .mk-breadcrumb-inner, .page-title-breadcrumbs, .page-title .breadcrumbs, .page-title .breadcrumb, .title-holder .breadcrumbs, .title-holder .breadcrumb, .title_subtitle_holder .breadcrumbs, .title_subtitle_holder .breadcrumb { margin-top:0 !important; margin-bottom:0 !important; } .main-navigation-ul > li > a, .mk-main-navigation > ul > li > a, #mk-main-navigation .main-navigation-ul > li > a { transition:color 0.2s ease, border-color 0.2s ease !important; } .main-navigation-ul ul.sub-menu, .mk-main-navigation ul.sub-menu, #mk-main-navigation ul.sub-menu, .header-style-1 .main-navigation-ul ul.sub-menu { background:#EAF8FD !important; background-color:#EAF8FD !important; border-left:4px solid #00AEEF !important; border-top:0 !important; border-right:0 !important; border-bottom:0 !important; border-radius:4px !important; padding:12px 16px !important; box-shadow:0 8px 22px rgba(0, 0, 0, 0.12) !important; width:max-content !important; min-width:460px !important; max-width:none !important; overflow:visible !important; } .main-navigation-ul ul.sub-menu::before, .main-navigation-ul ul.sub-menu::after, .mk-main-navigation ul.sub-menu::before, .mk-main-navigation ul.sub-menu::after, #mk-main-navigation ul.sub-menu::before, #mk-main-navigation ul.sub-menu::after, .header-style-1 .main-navigation-ul ul.sub-menu::before, .header-style-1 .main-navigation-ul ul.sub-menu::after { display:none !important; content:none !important; border:0 !important; background:transparent !important; } .main-navigation-ul ul.sub-menu li, .mk-main-navigation ul.sub-menu li, #mk-main-navigation ul.sub-menu li { background:transparent !important; background-color:transparent !important; border:none !important; width:100% !important; display:block !important; border-radius:4px !important; } .main-navigation-ul ul.sub-menu li > a, .mk-main-navigation ul.sub-menu li > a, #mk-main-navigation ul.sub-menu li > a, .main-navigation-ul ul.sub-menu li > a.menu-item-link, .mk-main-navigation ul.sub-menu li > a.menu-item-link, #mk-main-navigation ul.sub-menu li > a.menu-item-link { color:#58595B !important; -webkit-text-fill-color:#58595B !important; background:transparent !important; background-color:transparent !important; opacity:1 !important; padding:11px 18px !important; font-size:15px !important; line-height:1.4 !important; display:flex !important; align-items:center !important; gap:10px !important; width:100% !important; box-sizing:border-box !important; border-radius:4px !important; transition:color 0.2s ease, background-color 0.2s ease !important; white-space:nowrap !important; word-break:keep-all !important; overflow-wrap:normal !important; text-transform:none !important; letter-spacing:normal !important; text-shadow:none !important; } .main-navigation-ul ul.sub-menu li > a *, .mk-main-navigation ul.sub-menu li > a *, #mk-main-navigation ul.sub-menu li > a * { color:inherit !important; -webkit-text-fill-color:inherit !important; text-shadow:none !important; } .main-navigation-ul ul.sub-menu li > a::before, .mk-main-navigation ul.sub-menu li > a::before, #mk-main-navigation ul.sub-menu li > a::before { content:"âº"; color:#00AEEF !important; font-weight:700 !important; margin-right:2px !important; flex:0 0 auto !important; } .main-navigation-ul ul.sub-menu li > a::after, .mk-main-navigation ul.sub-menu li > a::after, #mk-main-navigation ul.sub-menu li > a::after { display:none !important; content:none !important; } .main-navigation-ul ul.sub-menu li:hover, .main-navigation-ul ul.sub-menu li.current-menu-item, .main-navigation-ul ul.sub-menu li.current_page_item, .main-navigation-ul ul.sub-menu li.current-menu-parent, .main-navigation-ul ul.sub-menu li.current-menu-ancestor, .mk-main-navigation ul.sub-menu li:h
84over, .mk-main-navigation ul.sub-menu li.current-menu-item, .mk-main-navigation ul.sub-menu li.current_page_item, .mk-main-navigation ul.sub-menu li.current-menu-parent, .mk-main-navigation ul.sub-menu li.current-menu-ancestor, #mk-main-navigation ul.sub-menu li:hover, #mk-main-navigation ul.sub-menu li.current-menu-item, #mk-main-navigation ul.sub-menu li.current_page_item, #mk-main-navigation ul.sub-menu li.current-menu-parent, #mk-main-navigation ul.sub-menu li.current-menu-ancestor { background:transparent !important; background-color:transparent !important; } .main-navigation-ul ul.sub-menu li:hover > a, .main-navigation-ul ul.sub-menu li.current-menu-item > a, .main-navigation-ul ul.sub-menu li.current_page_item > a, .main-navigation-ul ul.sub-menu li.current-menu-parent > a, .main-navigation-ul ul.sub-menu li.current-menu-ancestor > a, .mk-main-navigation ul.sub-menu li:hover > a, .mk-main-navigation ul.sub-menu li.current-menu-item > a, .mk-main-navigation ul.sub-menu li.current_page_item > a, .mk-main-navigation ul.sub-menu li.current-menu-parent > a, .mk-main-navigation ul.sub-menu li.current-menu-ancestor > a, #mk-main-navigation ul.sub-menu li:hover > a, #mk-main-navigation ul.sub-menu li.current-menu-item > a, #mk-main-navigation ul.sub-menu li.current_page_item > a, #mk-main-navigation ul.sub-menu li.current-menu-parent > a, #mk-main-navigation ul.sub-menu li.current-menu-ancestor > a { background:rgba(255, 255, 255, 0.75) !important; background-color:rgba(255, 255, 255, 0.75) !important; color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; opacity:1 !important; text-shadow:none !important; } .main-navigation-ul ul.sub-menu li:hover > a *, .main-navigation-ul ul.sub-menu li.current-menu-item > a *, .main-navigation-ul ul.sub-menu li.current_page_item > a *, .main-navigation-ul ul.sub-menu li.current-menu-parent > a *, .main-navigation-ul ul.sub-menu li.current-menu-ancestor > a *, .mk-main-navigation ul.sub-menu li:hover > a *, .mk-main-navigation ul.sub-menu li.current-menu-item > a *, .mk-main-navigation ul.sub-menu li.current_page_item > a *, .mk-main-navigation ul.sub-menu li.current-menu-parent > a *, .mk-main-navigation ul.sub-menu li.current-menu-ancestor > a *, #mk-main-navigation ul.sub-menu li:hover > a *, #mk-main-navigation ul.sub-menu li.current-menu-item > a *, #mk-main-navigation ul.sub-menu li.current_page_item > a *, #mk-main-navigation ul.sub-menu li.current-menu-parent > a *, #mk-main-navigation ul.sub-menu li.current-menu-ancestor > a * { color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; text-shadow:none !important; } html body .main-navigation-ul ul.sub-menu li, html body .mk-main-navigation ul.sub-menu li, html body #mk-main-navigation ul.sub-menu li { border-radius:4px !important; overflow:hidden !important; } html body .main-navigation-ul ul.sub-menu li:hover, html body .mk-main-navigation ul.sub-menu li:hover, html body #mk-main-navigation ul.sub-menu li:hover { background:#ffffff !important; background-color:#ffffff !important; } html body .main-navigation-ul ul.sub-menu li:hover > a, html body .mk-main-navigation ul.sub-menu li:hover > a, html body #mk-main-navigation ul.sub-menu li:hover > a, html body .main-navigation-ul ul.sub-menu li:hover > a.menu-item-link, html body .mk-main-navigation ul.sub-menu li:hover > a.menu-item-link, html body #mk-main-navigation ul.sub-menu li:hover > a.menu-item-link { background:transparent !important; background-color:transparent !important; color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; opacity:1 !important; text-shadow:none !important; } html body .main-navigation-ul ul.sub-menu li:hover > a *, html body .mk-main-navigation ul.sub-menu li:hover > a *, html body #mk-main-navigation ul.sub-menu li:hover > a * { color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; text-shadow:none !important; } html body .main-navigation-ul ul.sub-menu li:hover > a::before, html body .mk-main-navigation ul.sub-menu li:hover > a::before, html body #mk-main-navigation ul.sub-menu li:hover > a::before { color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; } .sommaire-application-produit-industriel { background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important; } .sommaire-application-produit-industriel #ez-toc-container, .sommaire-application-produit-industriel .ez-toc-container { background:#EAF8FD !important; border:1px solid rgba(0, 174, 239, 0.25) !important; border-left:4px solid #00AEEF !important; border-radius:4px !important; padding:22px 24px !important; box-sizing:border-box !important; max-width:760px !important; margin-left:auto !important; margin-right:auto !important; box-shadow:none !important; } .sommaire-application-produit-industriel #ez-toc-container .ez-toc-title, .sommaire-application-produit-industriel .ez-toc-container .ez-toc-title { color:#222222 !important; font-weight:700 !important; margin-bottom:18px !important; } .sommaire-application-produit-industriel #ez-toc-container ul, .sommaire-application-produit-industriel .ez-toc-container ul { margin:0 !important; padding:0 !important; } .sommaire-application-produit-industriel #ez-toc-container li, .sommaire-application-produit-industriel .ez-toc-container li { margin-bottom:8px !important; } .sommaire-application-produit-industriel #ez-toc-container a, .sommaire-application-produit-industriel .ez-toc-container a { color:#58595B !important; -webkit-text-fill-color:#58595B !important; display:inline-flex !important; align-items:center !important; gap:8px !important; padding:6px 10px !important; border-radius:4px !important; text-decoration:none !important; font-weight:600 !important; line-height:1.4 !important; transition:color 0.2s ease, background-color 0.2s ease !important; } .sommaire-application-produit-industriel #ez-toc-container a::before, .sommaire-application-produit-industriel .ez-toc-container a::before { content:"âº"; color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; font-weight:700 !important; flex:0 0 auto !important; } .sommaire-application-produit-industriel #ez-toc-container a:hover, .sommaire-application-produit-industriel .ez-toc-container a:hover { background:#ffffff !important; color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; } .sommaire-application-produit-medtech { background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important; } .sommaire-application-produit-medtech #ez-toc-container, .sommaire-application-produit-medtech .ez-toc-container { background:#EAF8FD !important; border:1px solid rgba(0, 174, 239, 0.25) !important; border-left:4px solid #00AEEF !important; border-radius:4px !important; padding:22px 24px !important; box-sizing:border-box !important; max-width:760px !important; margin-left:auto !important; margin-right:auto !important; box-shadow:none !important; } .sommaire-application-produit-medtech #ez-toc-container .ez-toc-title, .sommaire-application-produit-medtech .ez-toc-container .ez-toc-title { color:#222222 !important; font-weight:700 !important; margin-bottom:18px !important; } .sommaire-application-produit-medtech #ez-toc-container ul, .sommaire-application-produit-medtech .ez-toc-container ul { margin:0 !important; padding:0 !important; list-style:none !important; } .sommaire-application-produit-medtech #ez-toc-container li, .sommaire-application-produit-medtech .ez-toc-container li { margin-bottom:8px !important; } .sommaire-application-produit-medtech #ez-toc-container a, .sommaire-application-produit-medtech .ez-toc-container a { color:#58595B !important; -webkit-text-fill-color:#58595B !important; background:transparent !important; display:inline-flex !important; align-items:center !important; gap:8px !important; padding:6px 10px !important; border-radius:4px !important; text-decoration:none !important; font-weight:600 !important; line-height:1.4 !important; transition:color 0.2s ease, background-color 0.2s ease !important; } .sommaire-application-produit-medtech #ez-toc-container a::before, .sommaire-application-produit-medtech .ez-toc-container a::before { content:"âº"; color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; font-weight:700 !important; flex:0 0 auto !important; } .sommaire-application-produit-medtech #ez-toc-container a:hover, .sommaire-application-produit-medtech .ez-toc-container a:hover, .sommaire-application-produit-medtech #ez-toc-container li.active > a, .sommaire-application-produit-medtech .ez-toc-container li.active > a { background:#ffffff !important; color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; } .sommaire-application-produit-medtech #ez-toc-container a:hover *, .sommaire-application-produit-medtech .ez-toc-container a:hover *, .sommaire-application-produit-medtech #ez-toc-container li.active > a *, .sommaire-application-produit-medtech .ez-toc-container li.active > a * { color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; } #mk-page-introduce { background-color:rgba(0, 174, 239, 0.14) !important; border-radius:0 0 0 56px !important;
84 padding:34px 0 30px 0 !important; box-shadow:0 6px 16px rgba(0, 0, 0, 0.035) !important; background-image:none !important; overflow:hidden !important; } #mk-page-introduce .mk-grid { background:transparent !important; box-shadow:none !important; max-width:1120px !important; margin-left:auto !important; margin-right:auto !important; padding-left:40px !important; padding-right:40px !important; box-sizing:border-box !important; } #mk-page-introduce .mk-grid::before, #mk-page-introduce .mk-grid::after, #mk-page-introduce::before, #mk-page-introduce::after { display:none !important; content:none !important; background:none !important; background-image:none !important; } #mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading { color:#58595B !important; font-size:32px !important; line-height:1.25 !important; font-weight:500 !important; margin:0 0 22px 0 !important; letter-spacing:0.02em !important; } #mk-page-introduce h1::after, #mk-page-introduce .page-title::after, #mk-page-introduce .mk-page-heading::after { display:none !important; content:none !important; } #mk-page-introduce #mk-breadcrumbs, #mk-page-introduce .mk-breadcrumbs { display:inline-block !important; background-color:rgba(0, 174, 239, 0) !important; border-radius:4px !important; padding:0 !important; color:#58595B !important; font-size:12px !important; line-height:1.4 !important; box-shadow:none !important; } #mk-page-introduce .mk-breadcrumbs-inner, #mk-page-introduce .breadcrumbs, #mk-page-introduce .breadcrumb { display:inline-block !important; background:#ffffff !important; background-color:#ffffff !important; border-radius:4px !important; padding:9px 18px !important; color:#58595B !important; font-size:12px !important; line-height:1.4 !important; box-shadow:0 3px 10px rgba(0, 0, 0, 0.04) !important; } #mk-page-introduce .mk-breadcrumbs a, #mk-page-introduce .mk-breadcrumbs-inner a, #mk-page-introduce .breadcrumbs a, #mk-page-introduce .breadcrumb a { color:#00AEEF !important; text-decoration:none !important; } #mk-page-introduce .mk-breadcrumbs a:hover, #mk-page-introduce .mk-breadcrumbs-inner a:hover, #mk-page-introduce .breadcrumbs a:hover, #mk-page-introduce .breadcrumb a:hover { color:#007FAE !important; } @media (max-width:768px) { #mk-page-introduce { border-radius:0 0 0 32px !important; padding:26px 0 22px 0 !important; box-shadow:none !important; } #mk-page-introduce .mk-grid { padding-left:22px !important; padding-right:22px !important; } #mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading { font-size:24px !important; margin-bottom:16px !important; } } #mk-page-introduce { border-radius:0 0 0 86px !important; box-shadow:0 12px 28px rgba(0, 0, 0, 0.075) !important; } #mk-page-introduce .mk-grid { padding-left:48px !important; padding-right:48px !important; } #mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading { color:#58595B !important; font-size:42px !important; line-height:1.18 !important; font-weight:500 !important; margin:0 0 22px 0 !important; letter-spacing:0.01em !important; max-width:100% !important; } #mk-page-introduce h1::after, #mk-page-introduce .page-title::after, #mk-page-introduce .mk-page-heading::after { content:""; display:block !important; width:58px !important; height:3px !important; background:#00AEEF !important; margin-top:16px !important; } .sinaptec-title-blue { color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; font-weight:600 !important; } @media (max-width:768px) { #mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading { font-size:28px !important; line-height:1.2 !important; max-width:100% !important; } #mk-page-introduce h1::after, #mk-page-introduce .page-title::after, #mk-page-introduce .mk-page-heading::after { width:44px !important; margin-top:12px !important; } } .sinaptec-page-title-banner-activite { background:rgba(0, 174, 239, 0.14) !important; border-radius:0 0 0 96px !important; padding:34px 0 30px 0 !important; box-shadow:0 12px 28px rgba(0, 0, 0, 0.075) !important; overflow:hidden !important; } .sinaptec-page-title-banner-activite .page-section-content, .sinaptec-page-title-banner-activite .mk-grid, .sinaptec-page-title-banner-activite .vc_row-fluid { background:transparent !important; box-shadow:none !important; } .sinaptec-page-title-banner-activite p, .sinaptec-page-title-banner-activite h1, .sinaptec-page-title-banner-activite h2, .sinaptec-page-title-banner-activite h3, .sinaptec-page-title-banner-activite .mk-fancy-title { color:#58595B !important; font-size:42px !important; line-height:1.18 !important; font-weight:500 !important; margin:0 !important; letter-spacing:0.01em !important; } .sinaptec-page-title-banner-activite p::after, .sinaptec-page-title-banner-activite h1::after, .sinaptec-page-title-banner-activite h2::after, .sinaptec-page-title-banner-activite h3
84::after, .sinaptec-page-title-banner-activite .mk-fancy-title::after { content:""; display:block !important; width:58px !important; height:3px !important; background:#00AEEF !important; margin-top:16px !important; } @media (max-width:768px) { .sinaptec-page-title-banner-activite { border-radius:0 0 0 42px !important; padding:26px 0 22px 0 !important; box-shadow:none !important; } .sinaptec-page-title-banner-activite p, .sinaptec-page-title-banner-activite h1, .sinaptec-page-title-banner-activite h2, .sinaptec-page-title-banner-activite h3, .sinaptec-page-title-banner-activite .mk-fancy-title { font-size:28px !important; } } .sinaptec-page-title-banner-activite p::after, .sinaptec-page-title-banner-activite h1::after, .sinaptec-page-title-banner-activite h2::after, .sinaptec-page-title-banner-activite h3::after, .sinaptec-page-title-banner-activite .mk-fancy-title::after, .sinaptec-page-title-banner-activite .mk-fancy-title span::after, .sinaptec-page-title-banner-activite .mk-fancy-title::before, .sinaptec-page-title-banner-activite .mk-fancy-title span::before { display:none !important; content:none !important; background:none !important; border:0 !important; } body.sinaptec-title-one-line #mk-page-introduce h1, body.sinaptec-title-one-line #mk-page-introduce .page-title, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading { max-width:none !important; width:max-content !important; white-space:nowrap !important; } body.sinaptec-title-one-line #mk-page-introduce h1 span, body.sinaptec-title-one-line #mk-page-introduce .page-title span, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading span { display:inline !important; white-space:nowrap !important; } body.sinaptec-title-one-line #mk-page-introduce h1 br, body.sinaptec-title-one-line #mk-page-introduce .page-title br, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading br { display:none !important; } body.sinaptec-title-wrap #mk-page-introduce h1, body.sinaptec-title-wrap #mk-page-introduce .page-title, body.sinaptec-title-wrap #mk-page-introduce .mk-page-heading { width:auto !important; max-width:100% !important; white-space:normal !important; overflow:visible !important; } @media (max-width:768px) { body.sinaptec-title-one-line #mk-page-introduce h1, body.sinaptec-title-one-line #mk-page-introduce .page-title, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading { width:auto !important; max-width:100% !important; white-space:normal !important; } } body.sinaptec-title-one-line #mk-page-introduce h1, body.sinaptec-title-one-line #mk-page-introduce .page-title, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading { max-width:none !important; width:max-content !important; white-space:nowrap !important; } body.sinaptec-title-one-line #mk-page-introduce h1 span, body.sinaptec-title-one-line #mk-page-introduce .page-title span, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading span { display:inline !important; white-space:nowrap !important; } body.sinaptec-title-one-line #mk-page-introduce h1 br, body.sinaptec-title-one-line #mk-page-introduce .page-title br, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading br { display:none !important; } body.sinaptec-title-wrap #mk-page-introduce h1, body.sinaptec-title-wrap #mk-page-introduce .page-title, body.sinaptec-title-wrap #mk-page-introduce .mk-page-heading { width:auto !important; max-width:100% !important; white-space:normal !important; overflow:visible !important; } @media (max-width:768px) { body.sinaptec-title-one-line #mk-page-introduce h1, body.sinaptec-title-one-line #mk-page-introduce .page-title, body.sinaptec-title-one-line #mk-page-introduce .mk-page-heading { width:auto !important; max-width:100% !important; white-space:normal !important; } } .sinaptec-title-blue { color:#00AEEF !important; -webkit-text-fill-color:#00AEEF !important; font-weight:600 !important; } @media (min-width:1100px) { #mk-page-introduce { min-height:145px !important; height:auto !important; padding-top:18px !important; padding-bottom:22px !important; overflow:visible !important; box-sizing:border-box !important; background-color:rgba(0, 174, 239, 0.14) !important; } #mk-page-introduce .mk-page-heading, #mk-page-introduce .page-title, #mk-page-introduce h1 { margin-top:0 !important; margin-bottom:16px !important; line-height:1.15 !important; } #mk-page-introduce .mk-breadcrumbs, #mk-page-introduce #mk-breadcrumbs, #mk-page-introduce .breadcrumbs, #mk-page-introduce .mk-breadcrumbs-inner { margin-top:0 !important; margin-bottom:0 !important; position:relative !important; z-index:2 !important; } #theme-page { padding-top:0 !important; } } @media (min-width:1100px) { #mk-page-introduce { min-height:110px !important; height:auto !important; padding-top:0 !important; padding-bottom:14px !important; overflow:visible !important; box-sizing:border-box !important; } #mk-page-introduce .mk-page-heading, #mk-page-introduce .page-title, #mk-page-introduce h1 { margin-top:0 !important; margin-bottom:4px !important; line-height:1.08 !important; } #mk-page-introduce .mk-breadcrumbs, #mk-page-introduce #mk-breadcrumbs, #mk-page-introduce .breadcrumbs, #mk-page-introduce .mk-breadcrumbs-inner { margin-top:0 !important; margin-bottom:0 !important; } } @media (min-width:1100px) { #mk-page-introduce .mk-breadcrumbs, #mk-page-introduce #mk-breadcrumbs, #mk-page-introduce .breadcrumbs, #mk-page-introduce .mk-breadcrumbs-inner { min-height:42px !important; height:42px !important; padding-top:0 !important; padding-bottom:0 !important; display:flex !important; align-items:center !important; box-sizing:border-box !important; } } @media (min-width:1100px) { .sommaire-application-produit-industriel { padding:18px 24px !important; margin-top:22px !important; margin-bottom:28px !important; } .sommaire-application-produit-industriel .ez-toc-title, .sommaire-application-produit-industriel p.ez-toc-title { margin-bottom:16px !important; font-size:20px !important; line-height:1.25 !important; } .sommaire-application-produit-industriel ul, .sommaire-application-produit-industriel ol, .sommaire-application-produit-industriel nav ul { margin-top:0 !important; margin-bottom:0 !important; padding-left:0 !important; } .sommaire-application-produit-industriel li { margin:0 0 7px 0 !important; padding:0 !important; line-height:1.35 !important; } .sommaire-application-produit-industriel li:last-child { margin-bottom:0 !important; } @media (min-width:1100px) { body:has(.sommaire-application-produit-industriel) #mk-page-introduce { margin-bottom:0 !important; } body:has(.sommaire-application-produit-industriel) #theme-page { padding-top:12px !important; } body:has(.sommaire-application-produit-industriel) .theme-page-wrapper { padding-top:0 !important; margin-top:0 !important; } body:has(.sommaire-application-produit-industriel) .sommaire-application-produit-industriel { margin-top:0 !important; } } .sommaire-application-produit-industriel a { padding:2px 0 !important; font-size:17px !important; line-height:1.35 !important; } } } 85/*# sourceURL=theme-styles-inline-css */ 86</style> 87<link rel='stylesheet' id='mkhb-render-css' href='https://www.sinaptec.fr/wp-content/themes/jupiter/header-builder/includes/assets/css/mkhb-render.css?ver=6.10.6' media='all' /> 88<link rel='stylesheet' id='mkhb-row-css' href='https://www.sinaptec.fr/wp-content/themes/jupiter/header-builder/includes/assets/css/mkhb-row.css?ver=6.10.6' media='all' /> 89<link rel='stylesheet' id='mkhb-column-css' href='https://www.sinaptec.fr/wp-content/themes/jupiter/header-builder/includes/assets/css/mkhb-column.css?ver=6.10.6' media='all' /> 90<link rel='stylesheet' id='js_composer_front-css' href='https://www.sinaptec.fr/wp-content/plugins/js_composer_theme/assets/css/js_composer.min.css?ver=8.7.3' media='all' /> 91<link rel='stylesheet' id='theme-options-css' href='https://www.sinaptec.fr/wp-content/uploads/mk_assets/theme-options-production-1790758773_fr.css?ver=1790758750' media='all' /> 92<link rel='stylesheet' id='jupiter-donut-shortcodes-css' href='https://www.sinaptec.fr/wp-content/plugins/jupiter-donut/assets/css/shortcodes-styles.min.css?ver=1.6.5' media='all' /> 93<link rel='stylesheet' id='mk-style-css' href='https://www.sinaptec.fr/wp-content/themes/theme-jupiter-enfant/style.css?ver=6.10.6.1708701148' media='all' />
94<script id="mk-webfontloader-js" data-noptimize='' data-no-minify='' src="https://www.sinaptec.fr/wp-content/themes/jupiter/assets/js/plugins/wp-enqueue/min/webfontloader.js?ver=7.1.2"></script>
vendor: 1 bytes, line 94
94
95<script id="mk-webfontloader-js-after"> 96WebFontConfig = { 97 timeout: 2000 98} 99 100if ( mk_typekit_id.length > 0 ) { 101 WebFontConfig.typekit = { 102 id: mk_typekit_id 103 } 104} 105 106if ( mk_google_fonts.length > 0 ) { 107 WebFontConfig.google = { 108 families: mk_google_fonts 109 } 110} 111 112if ( (mk_google_fonts.length > 0 || mk_typekit_id.length > 0) && navigator.userAgent.indexOf("Speed Insights") == -1) { 113 WebFont.load( WebFontConfig ); 114} 115 116//# sourceURL=mk-webfontloader-js-after 117</script>
vendor: 1 bytes, line 117
117
118<script id="jquery-core-js" src="https://www.sinaptec.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 118
118
119<script id="jquery-migrate-js" src="https://www.sinaptec.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 119
119
120<script id="layerslider-utils-js-extra"> 121var LS_Meta = {"v":"8.2.0","fixGSAP":"1"}; 122//# sourceURL=layerslider-utils-js-extra 123</script>
vendor: 1 bytes, line 123
123
124<script id="layerslider-utils-js" src="https://www.sinaptec.fr/wp-content/plugins/LayerSlider/assets/static/layerslider/js/layerslider.utils.js?ver=8.2.0"></script>
vendor: 1 bytes, line 124
124
125<script id="layerslider-js" src="https://www.sinaptec.fr/wp-content/plugins/LayerSlider/assets/static/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=8.2.0"></script>
vendor: 1 bytes, line 125
125
126<script id="layerslider-transitions-js" src="https://www.sinaptec.fr/wp-content/plugins/LayerSlider/assets/static/layerslider/js/layerslider.transitions.js?ver=8.2.0"></script>
vendor: 1 bytes, line 126
126
127<script data-cfasync="false" data-nowprocket="" id="gtmkit-js-before"> 128 window.gtmkit_settings = {"datalayer_name":"dataLayer","console_log":false}; 129 window.gtmkit_data = {}; 130 window.dataLayer = window.dataLayer || []; 131 window.gtmkit = window.gtmkit || {}; 132 window.gtmkit.events = window.gtmkit.events || {}; 133 window.gtmkit.events.push = window.gtmkit.events.push || function (event, name) { 134 var layerName = (typeof name === 'string' && name) ? name : 'dataLayer'; 135 window[layerName] = window[layerName] || []; 136 var events = window.gtmkit.events; 137 if (typeof events.shouldDefer === 'function') { 138 var eventName = (event && typeof event === 'object' && typeof event.event === 'string') ? event.event : ''; 139 var consentState = (window.gtmkit.consent && window.gtmkit.consent.state) ? window.gtmkit.consent.state : undefined; 140 if (events.shouldDefer(eventName, event, consentState)) { 141 if (typeof events.deferralSink === 'function') { 142 events.deferralSink(event, layerName); 143 return window[layerName]; 144 } 145 } 146 } 147 window[layerName].push(event); 148 return window[layerName]; 149 }; 150 window.gtmkit.events.registerDeferralSink = window.gtmkit.events.registerDeferralSink || function (fn) { 151 if (typeof fn === 'function') { 152 window.gtmkit.events.deferralSink = fn; 153 } 154 }; 155 156//# sourceURL=gtmkit-js-before 157</script>
vendor: 1 bytes, line 157
157
158<script data-cfasync="false" data-nowprocket="" id="gtmkit-container-js-after"> 159/* Google Tag Manager */
vendor: 328 bytes, lines 159-164
159 160(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 161new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 162j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 163'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 164})(window,document,'script','dataLayer','
164GTM-TXZKR6F
vendor: 4 bytes, line 164
164');
165/* End Google Tag Manager */ 166 167//# sourceURL=gtmkit-container-js-after 168</script>
vendor: 1 bytes, line 168
168
169<script data-cfasync="false" data-nowprocket="" id="gtmkit-cf7-js-extra"> 170var gtmkitCf7Engagement = {"generateLeadEnabled":"1","payload":{}}; 171//# sourceURL=gtmkit-cf7-js-extra 172</script>
vendor: 1 bytes, line 172
172
173<script data-wp-strategy="defer" defer id="gtmkit-cf7-js" src="https://www.sinaptec.fr/wp-content/plugins/gtm-kit/assets/integration/contact-form-7.js?ver=2.16.4"></script>
vendor: 1 bytes, line 173
173
174<script id="cookie-notice-front-js-before"> 175var cnArgs = {"ajaxUrl":"https:\/\/www.sinaptec.fr\/wp-admin\/admin-ajax.php","nonce":"ad3d3444c8","hideEffect":"fade","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":true,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; 176 177//# sourceURL=cookie-notice-front-js-before 178</script>
vendor: 1 bytes, line 178
178
179<script id="cookie-notice-front-js" src="https://www.sinaptec.fr/wp-content/plugins/cookie-notice/js/front.min.js?ver=3.1.4"></script>
vendor: 1 bytes, line 179
179
180<script data-cfasync="false" data-nowprocket="" id="gtmkit-engagement-events-js-extra"> 181var gtmkitEngagementEvents = {"cookieName":"gtmkit_engagement_event","cookiePath":"/"}; 182//# sourceURL=gtmkit-engagement-events-js-extra 183</script>
vendor: 1 bytes, line 183
183
184<script data-wp-strategy="defer" defer id="gtmkit-engagement-events-js" src="https://www.sinaptec.fr/wp-content/plugins/gtm-kit/assets/frontend/engagement-events.js?ver=2.16.4"></script>
vendor: 1 bytes, line 184
184
185<script data-cfasync="false" data-nowprocket="" id="gtmkit-datalayer-js-before"> 186const gtmkit_dataLayer_content = {"pageType":"page"}; 187window.gtmkit.events.push( gtmkit_dataLayer_content, "dataLayer" ); 188 189//# sourceURL=gtmkit-datalayer-js-before 190</script>
vendor: 1 bytes, line 190
190
191<script></script>
191<meta name="generator" content="Powered by LayerSlider 8.2.0 - Build Heros, Sliders, and Popups. Create Animations and Beautiful, Rich Web Content as Easy as Never Before on WordPress." /> 192<!-- LayerSlider updates and docs at: https://layerslider.com --> 193<link rel="https://api.w.org/" href="https://www.sinaptec.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.sinaptec.fr/wp-json/wp/v2/pages/19279" /><meta name="generator" content="WPML ver:4.9.7 stt:1,4,3;" /> 194<!-- HFCM by 99 Robots - Snippet # 1: Analytics --> 195<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 195-196
195 196<script async src="https://www.googletagmanager.com/gtag/js?id=
196UA-28587118-1
vendor: 13 bytes, line 196
196"></script>
197<script> 198
vendor: 138 bytes, lines 198-202
198window.dataLayer = window.dataLayer || []; 199 function gtag(){dataLayer.push(arguments);} 200 gtag('js', new Date()); 201 202 gtag('config', '
202UA-28587118-1
vendor: 5 bytes, line 202
202');
203</script>
203 204<!-- /end HFCM by 99 Robots --> 205<meta itemprop="author" content="cynthia rong" /><meta itemprop="datePublished" content="24 août 2026" /><meta itemprop="dateModified" content="24 août 2026" /><meta itemprop="publisher" content="Sinaptec" />
205<script> var isTest = false; </script>
205<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> 206<style id="wp-custom-css"> 207h1, h2, h3, h4, h5, h6 { 208 text-transform: none; 209} 210.page-title { 211 text-transform: none !important; 212 font-size: 2.5rem !important; 213} 214@media(max-width: 540px){ 215 #row01{ 216 display: flex; 217 flex-direction: column; 218 } 219 #row01 .a2{ 220 order: 2; 221 } 222} 223 224@media(max-width: 540px){ 225 #row02{ 226 display: flex; 227 flex-direction: column; 228 } 229 #row02 .ccccc01{ 230 order: 2; 231 } 232} 233 234@media(max-width: 540px){ 235 #row02{ 236 display: flex; 237 flex-direction: column; 238 } 239 #row02 .b2{ 240 order: 2; 241 } 242} 243 244@media(max-width: 540px){ 245 #row04{ 246 display: flex; 247 flex-direction: column; 248 } 249 #row04 .b4{ 250 order: 2; 251 } 252} 253/* Hero buse ultrasons */ 254.hero-buse { 255 position: relative; 256 min-height: 420px; 257 background-size: cover !important; 258 background-position: center center !important; 259 background-repeat: no-repeat !important; 260} 261 262.hero-buse .btn-demander-expert { 263 position: absolute; 264 left: 65px; 265 bottom: 20px; 266 z-index: 10; 267} 268 269.hero-buse .btn-demander-expert a { 270 background: #00AEEF !important; 271 color: #ffffff !important; 272 padding: 14px 28px !important; 273 border-radius: 6px !important; 274 font-weight: 600 !important; 275 text-decoration: none !important; 276} 277/* Carte paramètre */ 278.param-card { 279 background: #ffffff; 280 border: 1px solid rgba(0, 174, 239, 0.25); 281 border-radius: 12px; 282 padding: 24px 22px; 283 min-height: 220px; 284 height: 100%; 285 box-shadow: 0 8px 22px rgba(0, 174, 239, 0.08); 286 display: flex; 287 flex-direction: column; 288} 289 290/* Ligne du haut : icône + titre */ 291.param-card-header { 292 display: flex; 293 align-items: center; 294 gap: 16px; 295} 296 297/* Cercle bleu clair */ 298.param-icon { 299 width: 58px; 300 height: 58px; 301 min-width: 58px; 302 border-radius: 50%; 303 background: rgba(0, 174, 239, 0.10); 304 display: flex; 305 align-items: center; 306 justify-content: center; 307} 308 309/* Motif fréquence */ 310.frequency-wave { 311 width: 36px; 312 height: 26px; 313 display: inline-block; 314 background: #006CD8; 315 clip-path: polygon( 316 0% 48%, 317 12% 48%, 318 18% 35%, 319 26% 82%, 320 36% 12%, 321 48% 95%, 322 60% 8%, 323 72% 78%, 324 82% 40%, 325 90% 48%, 326 100% 48%, 327 100% 58%, 328 88% 58%, 329 80% 50%, 330 72% 88%, 331 60% 20%, 332 48% 100%, 333 36% 24%, 334 28% 92%, 335 18% 48%, 336 10% 58%, 337 0% 58% 338 ); 339} 340 341/* Titre */ 342.param-card h3 { 343 font-size: 1.1rem; 344 color: #333333; 345 margin: 0; 346 font-weight: 700; 347 line-height: 1.35; 348} 349 350/* Petit trait bleu */ 351.param-line { 352 width: 48px; 353 height: 3px; 354 background: #00AEEF; 355 margin: 18px 0; 356 border-radius: 2px; 357} 358 359/* Texte */ 360.param-card p { 361 font-size: 0.95rem; 362 line-height: 1.6; 363 color: #555555; 364 margin-bottom: 0; 365} 366 367@media(max-width: 768px) { 368 .param-card { 369 min-height: auto; 370 height: auto; 371 margin-bottom: 18px; 372 } 373} 374/* Supprimer les petits cercles dans les cartes paramètres */ 375.param-icon { 376 display: none !important; 377} 378 379.param-card-header { 380 display: block; 381} 382 383.param-card h3 { 384 margin: 0; 385} 386 387/* Note finale paramètres */ 388.param-note { 389 margin-top: 28px; 390 padding: 18px 24px; 391 background: rgba(0, 174, 239, 0.08); 392 border-radius: 8px; 393 display: flex; 394 align-items: center; 395 gap: 18px; 396} 397 398.param-note-icon { 399 width: 44px; 400 height: 44px; 401 min-width: 44px; 402 border-radius: 50%; 403 background: #006CD8; 404 display: flex; 405 align-items: center; 406 justify-content: center; 407} 408 409.lightbulb-icon { 410 color: #ffffff; 411 font-size: 22px; 412 line-height: 1; 413} 414 415.param-note-separator { 416 width: 1px; 417 height: 38px; 418 background: rgba(0, 174, 239, 0.35); 419} 420 421.param-note p { 422 margin: 0; 423 color: #333333; 424 font-size: 0.95rem; 425 line-height: 1.6; 426} 427 428.tech-table-box { 429 width: 100%; 430 overflow-x: auto; 431 margin-top: 20px; 432} 433 434.tech-table-bordered { 435 width: 100%; 436 border-collapse: collapse; 437 border: 1px solid #d9e6f2; 438 background: #ffffff; 439} 440 441.tech-table-bordered th, 442.tech-table-bordered td { 443 border: 1px solid #d9e6f2; 444 padding: 14px 20px; 445 text-align: center; 446 color: #0b1f4d; 447 font-size: 15px; 448} 449 450.tech-table-bordered th { 451 background: #eef6ff; 452 font-weight: 700; 453} 454 455.tech-table-bordered td { 456 background: #ffffff; 457} 458/* CTA sous le tableau technique */ 459.tech-help-box { 460 max-width: 650px; 461 margin: 22px auto 0; 462 padding: 20px 25px; 463 border: 1px solid #d9e1ea; 464 border-radius: 6px; 465 text-align: center; 466 background: #ffffff; 467} 468 469.tech-help-box p { 470 margin: 0 0 8px; 471 font-size: 16px; 472 color: #5c6670; 473 line-height: 1.5; 474} 475 476.tech-help-link { 477 color: #0056b3 !important; 478 font-weight: 700; 479 text-decoration: none; 480 font-size: 16px; 481} 482 483.tech-help-link:hover { 484 text-decoration: underline; 485} 486/* TOC width - Industrie + MedTech */ 487.sommaire-application-produit-industriel #ez-toc-container, 488.sommaire-application-produit-industriel .ez-toc-container, 489.sommaire-application-produit-medtech #ez-toc-container, 490.sommaire-application-produit-medtech .ez-toc-container { 491 max-width: 960px !important; 492 width: 100% !important; 493 margin: 24px auto 36px auto !important; 494 padding: 18px 22px !important; 495 box-sizing: border-box !important; 496} 497 498/* TOC typography - Industrie + MedTech */ 499.sommaire-application-produit-industriel #ez-toc-container, 500.sommaire-application-produit-medtech #ez-toc-container { 501 font-size: 17px !important; 502 line-height: 1.5 !important; 503} 504 505/* TOC title - Industrie + MedTech */ 506.sommaire-application-produit-industriel #ez-toc-container .ez-toc-title, 507.sommaire-application-produit-medtech #ez-toc-container .ez-toc-title { 508 font-size: 22px !important; 509 line-height: 1.25 !important; 510 white-space: nowrap !important; 511} 512 513/* TOC links - Industrie + MedTech */ 514.sommaire-application-produit-industriel #ez-toc-container .ez-toc-list a, 515.sommaire-application-produit-medtech #ez-toc-container .ez-toc-list a { 516 font-size: 17px !important; 517 line-height: 1.5 !important; 518} 519/* Table des matières : left side + sticky */ 520#ez-toc-container, 521.ez-toc-container { 522 max-width: 960px !important; 523 width: 100% !important; 524 margin: 24px auto 36px auto !important; 525 padding: 18px 22px !important; 526 box-sizing: border-box !important; 527 528 position: sticky !important; 529 top: 110px !important; 530 z-index: 5 !important; 531} 532 533/* Sommaire industrie */ 534.sommaire-industrie #ez-toc-container { 535 max-width: 960px !important; 536 width: 100% !important; 537 font-size: 16px !important; 538} 539 540/* Sommaire title */ 541.sommaire-industrie #ez-toc-container .ez-toc-title { 542 font-size: 22px !important; 543 line-height: 1.2 !important; 544 white-space: nowrap !important; 545} 546 547/* Sommaire links */ 548#ez-toc-container a, 549.ez-toc-container a { 550 white-space: nowrap !important; 551} 552/* Bouton Hero : fond blanc + texte SinapTec bleu */ 553.hero-buse .btn-demander-expert a, 554.hero-buse .btn-demander-expert a span, 555.hero-buse .btn-demander-expert a * { 556 color: #00AEEF !important; 557 text-shadow: none !important; 558} 559 560.hero-buse .btn-demander-expert a { 561 display: inline-block !important; 562 background: #ffffff !important; 563 padding: 14px 30px !important; 564 border-radius: 6px !important; 565 font-weight: 700 !important; 566 font-size: 15px !important; 567 letter-spacing: 0.3px !important; 568 text-decoration: none !important; 569 border: 2px solid #ffffff !important; 570 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important; 571 transition: all 0.2s ease !important; 572} 573 574.hero-buse .btn-demander-expert a:hover, 575.hero-buse .btn-demander-expert a:hover span, 576.hero-buse .btn-demander-expert a:hover * { 577 color: #006CD8 !important; 578 background: #EEF6FF !important; 579 text-shadow: none !important; 580} 581 582/* Vidéo introduction : coins arrondis + ombre légère */ 583.intro-video { 584 border-radius: 10px !important; 585 overflow: hidden !important; 586 box-shadow: 0 8px 22px rgba(0, 174, 239, 0.12) !important; 587} 588 589.intro-video .wpb_video_wrapper, 590.intro-video .wpb_wrapper, 591.intro-video iframe { 592 border-radius: 10px !important; 593 overflow: hidden !important; 594} 595 596.intro-video iframe { 597 display: block !important; 598 width: 100% !important; 599} 600 601/* Tags applications - introduction */ 602.intro-app-tags { 603 display: flex !important; 604 flex-direction: row !important; 605 flex-wrap: wrap !important; 606 align-items: flex-start !important; 607 gap: 10px 12px !important; 608 margin-top: 16px !important; 609 max-width: 620px !important; 610} 611 612.intro-app-tags span { 613 display: inline-flex !important; 614 flex: 0 0 auto !important; 615 width: auto !important; 616 min-width: 0 !important; 617 max-width: none !important; 618 align-items: center !important; 619 padding: 7px 14px !important; 620 background: #EEF6FF !important; 621 border: 1px solid #D9E6F2 !important; 622 border-radius: 20px !important; 623 color: #0b1f4d !important; 624 font-size: 14px !important; 625 font-weight: 600 !important; 626 line-height: 1.3 !important; 627 white-space: nowrap !important; 628} 629 630.intro-app-tags em { 631 display: inline-block !important; 632 font-style: normal !important; 633 font-size: 10px !important; 634 margin-right: 7px !important; 635 color: #006CD8 !important; 636} 637 638@media (max-width: 768px) { 639 .intro-app-tags span { 640 white-space: normal !important; 641 } 642} 643 644.sommaire-industrie #ez-toc-container { 645 max-width: 900px; 646 font-size: 18px; 647} 648.sommaire-industrie #ez-toc-container .ez-toc-title { 649 font-size: 24px; 650} 651 652.bloc-renvoi-produit { 653 margin-top: 22px !important; 654 padding: 18px 24px !important; 655 border-left: 4px solid #00aeef !important; 656 background-color: #f2f9fd !important; 657 display: flex !important; 658 align-items: center !important; 659 box-sizing: border-box !important; 660} 661 662.bloc-renvoi-produit a { 663 color: #0057ff !important; 664 font-weight: 700 !important; 665 text-decoration: none !important; 666 line-height: 1.4 !important; 667 margin: 0 !important; 668 padding: 0 !important; 669} 670 671.bloc-renvoi-produit a:hover { 672 text-decoration: underline !important; 673} 674 675.bloc-contact-projet { 676 margin: 50px 0 30px 0; 677 padding: 32px 36px; 678 border-left: 5px solid #00aeef; 679 background-color: #f2f9fd; 680 box-sizing: border-box; 681} 682 683.bloc-contact-projet h2 { 684 margin: 0 0 16px 0; 685 font-size: 30px; 686 line-height: 1.25; 687 color: #333333; 688} 689 690.bloc-contact-projet p { 691 margin: 0 0 24px 0; 692 font-size: 18px; 693 line-height: 1.6; 694 color: #555555; 695} 696 697.bloc-contact-projet { 698 margin: 50px 0 30px 0; 699 padding: 32px 36px; 700 border-left: 5px solid #00aeef; 701 background-color: #f2f9fd; 702 box-sizing: border-box; 703} 704 705.bloc-contact-projet h2 { 706 margin: 0 0 16px 0; 707 font-size: 30px; 708 line-height: 1.25; 709 color: #333333; 710} 711 712.bloc-contact-projet p { 713 margin: 0 0 24px 0; 714 font-size: 18px; 715 line-height: 1.6; 716 color: #555555; 717} 718 719.bloc-contact-projet { 720 margin: 50px 0 30px 0; 721 padding: 32px 36px; 722 border-left: 5px solid #00aeef; 723 background-color: #f2f9fd; 724 box-sizing: border-box; 725} 726 727.bloc-contact-projet h2 { 728 margin: 0 0 16px 0; 729 font-size: 30px; 730 line-height: 1.25; 731 color: #333333; 732} 733 734.bloc-contact-projet p { 735 margin: 0 0 24px 0; 736 font-size: 18px; 737 line-height: 1.6; 738 color: #555555; 739} 740 741.bouton-contact-projet-fix { 742 display: inline-flex !important; 743 align-items: center !important; 744 justify-content: center !important; 745 746 height: 66px !important; 747 padding: 0 38px !important; 748 749 background-color: #00aeef !important; 750 color: #ffffff !important; 751 752 font-size: 24px !important; 753 font-weight: 700 !important; 754 line-height: 1 !important; 755 756 text-decoration: none !important; 757 border-radius: 4px !important; 758 box-sizing: border-box !important; 759} 760 761.bouton-contact-projet-fix span { 762 display: inline-block !important; 763 position: relative !important; 764 top: -3px !important; 765 line-height: 1 !important; 766} 767 768.bouton-contact-projet-fix:hover { 769 background-color: #008fc4 !important; 770 color: #ffffff !important; 771 text-decoration: none !important; 772} 773 774.bouton-contact-projet-fix span { 775 display: inline-block !important; 776 transform: translateY(-3px) !important; 777} 778 779.bouton-contact-projet-fix { 780 display: inline-flex !important; 781 align-items: center !important; 782 justify-content: center !important; 783 784 height: 66px !important; 785 padding: 0 38px !important; 786 787 background-color: #00aeef !important; 788 color: #ffffff !important; 789 790 font-size: 24px !important; 791 font-weight: 700 !important; 792 line-height: 1 !important; 793 794 text-decoration: none !important; 795 border-radius: 4px !important; 796 box-sizing: border-box !important; 797} 798 799.bouton-contact-projet-fix span { 800 display: inline-block !important; 801 transform: translateY(-3px) !important; 802} 803 804.bouton-contact-projet-fix:hover { 805 background-color: #008fc4 !important; 806 color: #ffffff !important; 807 text-decoration: none !important; 808} 809.bloc-renvoi-produit { 810 margin-top: 22px !important; 811 padding: 18px 24px !important; 812 border-left: 4px solid #00aeef !important; 813 background-color: #f2f9fd !important; 814 display: flex !important; 815 align-items: center !important; 816 box-sizing: border-box !important; 817} 818 819.bloc-renvoi-produit a { 820 color: #0057ff !important; 821 font-weight: 700 !important; 822 text-decoration: none !important; 823 line-height: 1.4 !important; 824 margin: 0 !important; 825 padding: 0 !important; 826} 827 828.bloc-renvoi-produit a:hover { 829 text-decoration: underline !important; 830} 831 832.bloc-contact-projet { 833 margin: 50px 0 30px 0; 834 padding: 32px 36px; 835 border-left: 5px solid #00aeef; 836 background-color: #f2f9fd; 837 box-sizing: border-box; 838} 839 840.bloc-contact-projet h2 { 841 margin: 0 0 16px 0; 842 font-size: 30px; 843 line-height: 1.25; 844 color: #333333; 845} 846 847.bloc-contact-projet p { 848 margin: 0 0 24px 0; 849 font-size: 18px; 850 line-height: 1.6; 851 color: #555555; 852} 853 854.bloc-renvoi-contact { 855 margin-top: 22px !important; 856 padding: 18px 24px !important; 857 border-left: 4px solid #00aeef !important; 858 background-color: #ffffff !important; 859 display: flex !important; 860 align-items: center !important; 861 box-sizing: border-box !important; 862} 863 864.bloc-renvoi-contact a { 865 color: #0057ff !important; 866 font-weight: 700 !important; 867 text-decoration: none !important; 868 line-height: 1.4 !important; 869 margin: 0 !important; 870 padding: 0 !important; 871} 872 873.bloc-renvoi-contact a:hover { 874 text-decoration: underline !important; 875} 876 877.bloc-contact-projet { 878 margin: 50px 0 30px 0; 879 padding: 32px 36px; 880 border-left: 5px solid #00aeef; 881 background-color: #f2f9fd; 882 box-sizing: border-box; 883} 884 885.bloc-contact-projet h2 { 886 margin: 0 0 16px 0; 887 font-size: 30px; 888 line-height: 1.25; 889 color: #333333; 890} 891 892.bloc-contact-projet p { 893 margin: 0 0 24px 0; 894 font-size: 18px; 895 line-height: 1.6; 896 color: #555555; 897} 898 899.bloc-renvoi-contact { 900 margin-top: 24px !important; 901 background: transparent !important; 902 border-left: none !important; 903 padding: 0 !important; 904} 905 906.bloc-renvoi-contact a { 907 display: inline-block !important; 908 padding: 14px 30px 12px 30px !important; 909 background-color: #00aeef !important; 910 color: #ffffff !important; 911 font-weight: 700 !important; 912 text-decoration: none !important; 913 border-radius: 4px !important; 914 line-height: 1.2 !important; 915 box-sizing: border-box !important; 916} 917 918.bloc-renvoi-contact a:hover { 919 background-color: #008fc4 !important; 920 color: #ffffff !important; 921 text-decoration: none !important; 922} 923 924.faq-ultrasons { 925 margin: 50px 0; 926} 927 928.faq-ultrasons h2 { 929 margin-bottom: 24px; 930 font-size: 32px; 931 line-height: 1.25; 932 color: #333333; 933} 934 935.faq-item { 936 margin-bottom: 16px; 937 padding: 0; 938 border-left: 4px solid #00aeef; 939 background-color: #f2f9fd; 940 border-radius: 4px; 941 overflow: hidden; 942} 943 944.faq-item summary { 945 padding: 20px 24px; 946 cursor: pointer; 947 font-weight: 700; 948 font-size: 19px; 949 line-height: 1.4; 950 color: #333333; 951 list-style: none; 952} 953 954.faq-item summary::-webkit-details-marker { 955 display: none; 956} 957 958.faq-item summary::after {
959 content: "+"; 960 float: right; 961 font-size: 24px; 962 line-height: 1; 963 color: #00aeef; 964 font-weight: 700; 965 margin-left: 20px; 966} 967 968.faq-item[open] summary::after { 969 content: "â"; 970} 971 972.faq-item p { 973 margin: 0; 974 padding: 0 24px 22px 24px; 975 font-size: 17px; 976 line-height: 1.65; 977 color: #555555; 978} 979 980è¿æ¯å¯¹åºç CSSï¼ç´æ¥å å° **CSS additionnel** éå³å¯ï¼ 981 982```css 983.grille-applications-buse { 984 display: grid; 985 grid-template-columns: repeat(2, minmax(0, 1fr)); 986 gap: 24px; 987 margin: 30px 0 50px 0; 988} 989 990.carte-application-buse { 991 position: relative; 992 padding: 28px 30px; 993 border: 1px solid #cfeeff; 994 border-left: 5px solid #00aeef; 995 background: #ffffff; 996 border-radius: 8px; 997 box-sizing: border-box; 998} 999 1000.tag-application-buse { 1001 display: inline-block; 1002 margin-bottom: 14px; 1003 padding: 5px 11px; 1004 background-color: #f2f9fd; 1005 color: #00aeef; 1006 font-size: 13px; 1007 font-weight: 700; 1008 border-radius: 20px; 1009 text-transform: uppercase; 1010 letter-spacing: 0.4px; 1011} 1012 1013.carte-application-buse h3 { 1014 margin: 0 0 12px 0; 1015 font-size: 22px; 1016 line-height: 1.35; 1017 color: #333333; 1018} 1019 1020.texte-court-application { 1021 margin: 0 0 14px 0 !important; 1022 font-size: 17px; 1023 line-height: 1.55; 1024 color: #333333; 1025 font-weight: 700; 1026} 1027 1028.carte-application-buse p { 1029 margin: 0 0 12px 0; 1030 font-size: 16.5px; 1031 line-height: 1.65; 1032 color: #555555; 1033} 1034 1035.carte-application-buse p:last-child { 1036 margin-bottom: 0; 1037} 1038 1039@media (max-width: 768px) { 1040 .grille-applications-buse { 1041 grid-template-columns: 1fr; 1042 } 1043 1044 .carte-application-buse { 1045 padding: 22px 24px; 1046 } 1047} 1048 1049.bloc-texte-definition-buse { 1050 padding: 0; 1051 background: transparent; 1052 border-left: none; 1053 box-sizing: border-box; 1054} 1055 1056.bloc-texte-definition-buse p { 1057 margin: 0 0 18px 0; 1058 font-size: 16.5px; 1059 line-height: 1.65; 1060 color: #555555; 1061} 1062 1063.bloc-texte-definition-buse p:last-child { 1064 margin-bottom: 0; 1065} 1066 1067.bloc-texte-definition-buse strong { 1068 color: #333333; 1069 font-weight: 700; 1070} 1071.btn-demander-expert { 1072 margin-left: 40px !important; 1073} 1074 1075.carte-application-buse { 1076 font-size: 17px; 1077 line-height: 1.6; 1078} 1079 1080.carte-application-buse h3 { 1081 font-size: 23px; 1082 line-height: 1.3; 1083} 1084 1085.carte-application-buse .texte-court-application { 1086 font-size: 17px; 1087 line-height: 1.5; 1088 font-weight: 600; 1089} 1090 1091.carte-application-buse { 1092 color: #4a4a4a; 1093} 1094 1095.tag-application-buse { 1096 font-size: 13px; 1097} 1098 1099.image-accompagnement-small { 1100 text-align: center; 1101} 1102 1103.image-accompagnement-small img { 1104 width: 75%; 1105 max-width: 850px; 1106 height: auto; 1107 display: block; 1108 margin: 30px auto; 1109} 1110 1111.bloc-renvoi-produit { 1112 display: flex; 1113 align-items: center; 1114 justify-content: flex-start; 1115 min-height: 82px; 1116 padding: 0 30px; 1117 box-sizing: border-box; 1118 background: #eaf1f7; 1119 border-left: 4px solid #17b8ff; 1120} 1121 1122.bloc-renvoi-produit a { 1123 display: flex; 1124 align-items: center; 1125 height: 100%; 1126 line-height: 1.2; 1127 text-decoration: none; 1128} 1129 1130.bloc-renvoi-produit { 1131 display: flex; 1132 align-items: center; 1133 justify-content: flex-start; 1134 min-height: 82px; 1135 padding: 0 30px; 1136 box-sizing: border-box; 1137} 1138 1139.bloc-renvoi-produit a { 1140 display: flex; 1141 align-items: center; 1142 line-height: 1.2; 1143 text-decoration: none; 1144} 1145 1146.bloc-renvoi-produit { 1147 display: flex !important; 1148 align-items: center !important; 1149 justify-content: flex-start !important; 1150 min-height: 82px !important; 1151 padding-top: 0 !important; 1152 padding-bottom: 0 !important; 1153 box-sizing: border-box !important; 1154} 1155.bloc-renvoi-produit { 1156 display: inline-flex !important; 1157 align-items: center !important; 1158 width: fit-content !important; 1159 min-height: 60px !important; 1160 padding: 0 30px !important; 1161 box-sizing: border-box !important; 1162} 1163 1164.timeline-box { 1165 max-width: 1180px; 1166 margin: 40px auto 50px; 1167 background: #ffffff; 1168 border: 1px solid #d9edf8; 1169 border-radius: 16px; 1170 padding: 42px 46px 48px; 1171 text-align: center; 1172 box-shadow: 0 8px 18px rgba(0, 174, 239, 0.04) !important; 1173} 1174 1175.timeline-box h2 { 1176 color: #333333; 1177 font-size: 26px; 1178 font-weight: 700; 1179 margin-bottom: 0 !important; 1180} 1181.history-text-card { 1182 margin-top: -60px !important; 1183} 1184 1185.timeline-box h2:after { 1186 content: ""; 1187 display: block; 1188 width: 42px; 1189 height: 3px; 1190 background: #00AEEF; 1191 margin: 14px auto 0; 1192} 1193 1194.timeline-intro { 1195 max-width: 820px; 1196 margin: 0 auto 45px; 1197 color: #4b5563; 1198 font-size: 15px; 1199 line-height: 1.8; 1200} 1201 1202.timeline { 1203 display: flex; 1204 justify-content: space-between; 1205 gap: 18px; 1206 position: relative; 1207} 1208 1209.timeline:before { 1210 content: ""; 1211 position: absolute; 1212 top: 12px; 1213 left: 6%; 1214 right: 6%; 1215 height: 2px; 1216 background: linear-gradient(90deg, #bde8f8, #00AEEF, #bde8f8); 1217} 1218 1219.timeline-item { 1220 position: relative; 1221 width: 14.2%; 1222 padding-top: 34px; 1223 z-index: 1; 1224} 1225 1226.timeline-item .dot { 1227 width: 16px; 1228 height: 16px; 1229 background: #ffffff; 1230 border: 4px solid #00AEEF; 1231 border-radius: 50%; 1232 display: block; 1233 margin: -34px auto 20px; 1234 box-shadow: 0 0 0 6px #eefaff; 1235} 1236 1237.timeline-item h3 { 1238 color: #00AEEF; 1239 font-size: 18px; 1240 font-weight: 700; 1241 margin-bottom: 8px; 1242} 1243 1244.timeline-item h4 { 1245 color: #333333; 1246 font-size: 14px; 1247 font-weight: 700; 1248 line-height: 1.35; 1249 margin-bottom: 10px; 1250 min-height: 38px; 1251} 1252 1253.timeline-item p { 1254 color: #06145f; 1255 font-size: 12.5px; 1256 line-height: 1.65; 1257 margin: 0; 1258} 1259 1260.timeline-item.highlight { 1261 background: #f2fbff; 1262 border: 1px solid #bfeeff; 1263 border-radius: 14px; 1264 padding-left: 12px; 1265 padding-right: 12px; 1266 padding-bottom: 18px; 1267 box-shadow: 0 8px 22px rgba(0, 174, 239, 0.12); 1268} 1269 1270.history-summary { 1271 max-width: 1180px; 1272 margin: 0 auto 60px; 1273 padding: 34px 42px; 1274 background: #f5fbfe; 1275 border-left: 5px solid #00AEEF; 1276 border-radius: 12px; 1277} 1278 1279.history-summary h3 {
1280 color: #00AEEF; 1281 font-size: 24px; 1282 font-weight: 700; 1283 margin-bottom: 18px; 1284} 1285 1286.history-summary p { 1287 color: #333333; 1288 font-size: 15px; 1289 line-height: 1.8; 1290 margin: 0; 1291} 1292 1293@media (max-width: 1024px) { 1294 .timeline { 1295 gap: 12px; 1296 } 1297 1298 .timeline-item p { 1299 font-size: 12px; 1300 } 1301} 1302 1303@media (max-width: 768px) { 1304 .timeline-box { 1305 margin: 30px 20px; 1306 padding: 34px 28px; 1307 text-align: left; 1308 } 1309 1310 .timeline-box h2 { 1311 text-align: center; 1312 } 1313 1314 .timeline-intro { 1315 text-align: left; 1316 margin-bottom: 18px; 1317 } 1318 1319 .timeline { 1320 flex-direction: column; 1321 gap: 0; 1322 } 1323 1324 .timeline:before { 1325 top: 0; 1326 bottom: 0; 1327 left: 9px; 1328 right: auto; 1329 width: 2px; 1330 height: 100%; 1331 } 1332 1333 .timeline-item, 1334 .timeline-item.highlight { 1335 width: 100%; 1336 padding: 0 0 32px 42px; 1337 background: transparent; 1338 border: none; 1339 box-shadow: none; 1340 } 1341 1342 .timeline-item .dot { 1343 position: absolute; 1344 left: 0; 1345 top: 4px; 1346 margin: 0; 1347 } 1348 1349 .timeline-item h4 { 1350 min-height: auto; 1351 } 1352 1353 .history-summary { 1354 margin: 20px 20px 50px; 1355 padding: 28px 26px; 1356 } 1357} 1358 1359.st-history { 1360 max-width: 1324px; 1361 margin: 60px auto; 1362 padding: 35px 45px 38px; 1363background: #F8FCFE; 1364border: 1px solid #D7EEF9; 1365 border-radius: 16px; 1366 text-align: center; 1367 box-shadow: none !important; 1368} 1369 1370.st-history h2 { 1371 color: #00aeef !important; 1372 font-size: 30px!important; 1373 font-weight: 800!importan; 1374 letter-spacing: 0.5px!importan; 1375 line-height: 1.2!importan; 1376 margin-bottom:25px!important; 1377} 1378 1379.st-history-subtitle { 1380 color: #4f5f6f; 1381 font-size: 50px; 1382 font-weight: 500; 1383 line-height: 1.6; 1384 margin-bottom: 70px; 1385} 1386.st-history .st-history-subtitle, 1387.st-history p.st-history-subtitle { 1388 font-size: 18px !important; 1389} 1390.st-timeline { 1391 position: relative; 1392 display: grid; 1393 grid-template-columns: repeat(6, 1fr); 1394 min-height: 260px; 1395} 1396 1397.st-timeline::before { 1398 content: ""; 1399 position: absolute; 1400 top: 50%; 1401 left: 4%; 1402 right: 4%; 1403 height: 2px; 1404 background: #b9dff3; 1405} 1406 1407.st-item { 1408 position: relative; 1409 display: flex; 1410 justify-content: center; 1411} 1412 1413.st-item::before { 1414 content: ""; 1415 position: absolute; 1416 top: calc(50% - 7px); 1417 width: 14px; 1418 height: 14px; 1419 background: #00AEEF; 1420 border-radius: 50%; 1421 z-index: 2; 1422} 1423 1424.st-item::after { 1425 content: ""; 1426 position: absolute; 1427 width: 2px; 1428 height: 38px; 1429 background: #b9dff3; 1430 left: 50%; 1431 transform: translateX(-50%); 1432} 1433 1434.st-item.top::after { 1435 bottom: 50%; 1436} 1437 1438.st-item.bottom::after { 1439 top: 50%; 1440} 1441 1442.st-content { 1443 width: 150px; 1444 position: absolute; 1445} 1446 1447.st-item.top .st-content { 1448 bottom: calc(50% + 48px); 1449} 1450 1451.st-item.bottom .st-content { 1452 top: calc(50% + 48px); 1453} 1454 1455.st-content h3 { 1456 color: #00AEEF; 1457 font-size: 18px; 1458 margin-bottom: 10px; 1459} 1460 1461.st-content p { 1462 color: #06145f; 1463 font-size: 13px; 1464 line-height: 1.6; 1465 margin: 0; 1466} 1467 1468@media (max-width: 768px) { 1469 .st-history { 1470 margin: 35px 15px; 1471 padding: 35px 25px; 1472 text-align: left; 1473 } 1474 1475 .st-timeline { 1476 display: block; 1477 min-height: auto; 1478 } 1479 1480 .st-timeline::before { 1481 top: 0; 1482 bottom: 0; 1483 left: 8px; 1484 right: auto; 1485 width: 2px; 1486 height: 100%; 1487 } 1488 1489 .st-item, 1490 .st-item.top, 1491 .st-item.bottom { 1492 display: block; 1493 padding-left: 35px; 1494 margin-bottom: 35px; 1495 } 1496 1497 .st-item::before { 1498 top: 5px; 1499 left: 2px; 1500 } 1501 1502 .st-item::after { 1503 display: none; 1504 } 1505 1506 .st-content, 1507 .st-item.top .st-content, 1508 .st-item.bottom .st-content { 1509 position: relative; 1510 top: auto; 1511 bottom: auto; 1512 width: auto; 1513 } 1514} 1515 1516/* ================================================== 1517 HISTOIRE â TIMELINE 7 ÃTAPES 1518================================================== */ 1519 1520.st-history { 1521 position: relative; 1522 max-width: 1340px; 1523 margin: 0 auto; 1524 padding: 34px 40px 50px; 1525 box-sizing: border-box; 1526 overflow: hidden; 1527} 1528 1529.st-history h2 { 1530 position: relative; 1531 z-index: 5; 1532 margin: 0 0 22px !important; 1533 color: #00AEEF; 1534 text-align: center; 1535} 1536 1537.st-history-subtitle { 1538 position: relative; 1539 z-index: 5; 1540 max-width: 900px; 1541 margin: 0 auto !important; 1542 color: #333; 1543 font-size: 17px; 1544 line-height: 1.5; 1545 text-align: center; 1546} 1547 1548/* Conteneur de la timeline */ 1549.st-history .st-timeline { 1550 position: relative !important; 1551 display: grid !important; 1552 grid-template-columns: repeat(7, minmax(0, 1fr)) !important; 1553 width: 100% !important; 1554 min-height: 330px !important; 1555 margin: 70px auto 0 !important; 1556 padding: 0 25px !important; 1557 box-sizing: border-box !important; 1558} 1559 1560/* Ligne horizontale */ 1561.st-history .st-timeline::before { 1562 content: ""; 1563 position: absolute !important; 1564 top: 50% !important; 1565 left: 7% !important; 1566 right: 7% !important; 1567 width: auto !important; 1568 height: 2px !important; 1569 background: #9eddf7 !important; 1570 transform: translateY(-50%) !important; 1571} 1572 1573/* Chaque étape */ 1574.st-history .st-item, 1575.st-history .st-item:nth-child(1), 1576.st-history .st-item:nth-child(2), 1577.st-history .st-item:nth-child(3), 1578.st-history .st-item:nth-child(4), 1579.st-history .st-item:nth-child(5), 1580.st-history .st-item:nth-child(6), 1581.st-history .st-item:nth-child(7) { 1582 position: relative !important; 1583 top: auto !important; 1584 right: auto !important; 1585 bottom: auto !important; 1586 left: auto !important; 1587 width: auto !important; 1588 height: 100% !important; 1589 margin: 0 !important; 1590 padding: 0 !important; 1591 transform: none !important; 1592} 1593 1594/* Point bleu */ 1595.st-history .st-item::after {
1596 content: ""; 1597 position: absolute !important; 1598 top: 50% !important; 1599 left: 50% !important; 1600 right: auto !important; 1601 bottom: auto !important; 1602 width: 13px !important; 1603 height: 13px !important; 1604 background: #00AEEF !important; 1605 border: none !important; 1606 border-radius: 50% !important; 1607 transform: translate(-50%, -50%) !important; 1608 z-index: 3; 1609} 1610 1611/* Trait vertical */ 1612.st-history .st-item::before { 1613 content: ""; 1614 position: absolute !important; 1615 left: 50% !important; 1616 right: auto !important; 1617 width: 1px !important; 1618 height: 36px !important; 1619 background: #9eddf7 !important; 1620 transform: translateX(-50%) !important; 1621} 1622 1623/* Trait vers le haut */ 1624.st-history .st-item.top::before { 1625 top: calc(50% - 36px) !important; 1626 bottom: auto !important; 1627} 1628 1629/* Trait vers le bas */ 1630.st-history .st-item.bottom::before { 1631 top: 50% !important; 1632 bottom: auto !important; 1633} 1634 1635/* Contenu de chaque étape */ 1636.st-history .st-content, 1637.st-history .st-item:nth-child(1) .st-content, 1638.st-history .st-item:nth-child(2) .st-content, 1639.st-history .st-item:nth-child(3) .st-content, 1640.st-history .st-item:nth-child(4) .st-content, 1641.st-history .st-item:nth-child(5) .st-content, 1642.st-history .st-item:nth-child(6) .st-content, 1643.st-history .st-item:nth-child(7) .st-content { 1644 position: absolute !important; 1645 left: 50% !important; 1646 right: auto !important; 1647 width: 175px !important; 1648 max-width: none !important; 1649 margin: 0 !important; 1650 padding: 0 !important; 1651 text-align: center !important; 1652 transform: translateX(-50%) !important; 1653} 1654 1655/* Ãtapes supérieures */ 1656.st-history .st-item.top .st-content { 1657 top: auto !important; 1658 bottom: calc(50% + 52px) !important; 1659} 1660 1661/* Ãtapes inférieures */ 1662.st-history .st-item.bottom .st-content { 1663 top: calc(50% + 46px) !important; 1664 bottom: auto !important; 1665} 1666 1667/* Texte descriptif */ 1668.st-history .st-content p { 1669 margin: 0 !important; 1670 color: #173b75 !important; 1671 font-size: 14px !important; 1672 line-height: 1.3 !important; 1673 font-weight: 400 !important; 1674} 1675 1676/* Années */ 1677.st-history .st-content h3, 1678.st-history .st-item.top .st-content h3, 1679.st-history .st-item.bottom .st-content h3 { 1680 margin-left: 0 !important; 1681 margin-right: 0 !important; 1682 color: #444 !important; 1683 font-size: 16px !important; 1684 line-height: 1.2 !important; 1685 font-weight: 600 !important; 1686} 1687 1688/* Année sous le texte */ 1689.st-history .st-item.top .st-content h3 { 1690 margin-top: 15px !important; 1691 margin-bottom: 0 !important; 1692} 1693 1694/* Année avant le texte */ 1695.st-history .st-item.bottom .st-content h3 { 1696 margin-top: 0 !important; 1697 margin-bottom: 15px !important; 1698} 1699 1700/* ================================================== 1701 HISTORY TEXT CARD 1702================================================== */ 1703 1704.history-text-card { 1705 max-width: 1340px; 1706 margin: 0 auto 20px; 1707 padding: 34px 40px 32px; 1708 background: #F8FCFE; 1709 border: 1px solid #cdeeff; 1710 border-left: 5px solid #00AEEF; 1711 border-radius: 10px; 1712 box-sizing: border-box; 1713} 1714 1715.history-tag { 1716 display: inline-block; 1717 margin-bottom: 22px; 1718 padding: 6px 16px; 1719 background: #eaf8ff; 1720 border-radius: 999px; 1721 color: #00AEEF; 1722 font-size: 14px; 1723 font-weight: 700; 1724 letter-spacing: 0.04em; 1725 text-transform: uppercase; 1726} 1727 1728.history-text-card p { 1729 margin: 0 0 14px; 1730 color: #1f2933; 1731 font-size: 17px; 1732 line-height: 1.8; 1733 font-weight: 400; 1734} 1735 1736.history-text-card p:last-child { 1737 margin-bottom: 0; 1738} 1739 1740/* ================================================== 1741 TABLETTE 1742================================================== */ 1743 1744@media (max-width: 1024px) and (min-width: 769px) { 1745 .st-history { 1746 padding-right: 25px; 1747 padding-left: 25px; 1748 } 1749 1750 .st-history .st-timeline { 1751 padding-right: 10px !important; 1752 padding-left: 10px !important; 1753 } 1754 1755 .st-history .st-content, 1756 .st-history .st-item:nth-child(1) .st-content, 1757 .st-history .st-item:nth-child(2) .st-content, 1758 .st-history .st-item:nth-child(3) .st-content, 1759 .st-history .st-item:nth-child(4) .st-content, 1760 .st-history .st-item:nth-child(5) .st-content, 1761 .st-history .st-item:nth-child(6) .st-content, 1762 .st-history .st-item:nth-child(7) .st-content { 1763 width: 115px !important; 1764 } 1765 1766 .st-history .st-content p { 1767 font-size: 13px !important; 1768 } 1769} 1770 1771/* ================================================== 1772 MOBILE 1773================================================== */ 1774 1775@media (max-width: 768px) { 1776 .st-history { 1777 padding: 28px 22px 38px; 1778 overflow: visible; 1779 } 1780 1781 .st-history h2 { 1782 font-size: 27px; 1783 } 1784 1785 .st-history-subtitle { 1786 font-size: 15.5px; 1787 } 1788 1789 .st-history .st-timeline { 1790 display: block !important; 1791 min-height: auto !important; 1792 margin-top: 40px !important; 1793 padding: 0 0 0 42px !important; 1794 } 1795 1796 .st-history .st-timeline::before { 1797 top: 0 !important; 1798 bottom: 0 !important; 1799 left: 12px !important; 1800 right: auto !important; 1801 width: 2px !important; 1802 height: auto !important; 1803 transform: none !important; 1804 } 1805 1806 .st-history .st-item, 1807 .st-history .st-item:nth-child(1), 1808 .st-history .st-item:nth-child(2), 1809 .st-history .st-item:nth-child(3), 1810 .st-history .st-item:nth-child(4), 1811 .st-history .st-item:nth-child(5), 1812 .st-history .st-item:nth-child(6), 1813 .st-history .st-item:nth-child(7) { 1814 min-height: auto !important; 1815 height: auto !important; 1816 margin-bottom: 34px !important; 1817 } 1818 1819 .st-history .st-item:last-child { 1820 margin-bottom: 0 !important; 1821 } 1822 1823 .st-history .st-item::after { 1824 top: 7px !important; 1825 left: -30px !important; 1826 transform: translate(-50%, 0) !important; 1827 } 1828 1829 .st-history .st-item::before { 1830 display: none !important; 1831 } 1832
1833 .st-history .st-item.top .st-content, 1834 .st-history .st-item.bottom .st-content, 1835 .st-history .st-item:nth-child(1) .st-content, 1836 .st-history .st-item:nth-child(2) .st-content, 1837 .st-history .st-item:nth-child(3) .st-content, 1838 .st-history .st-item:nth-child(4) .st-content, 1839 .st-history .st-item:nth-child(5) .st-content, 1840 .st-history .st-item:nth-child(6) .st-content, 1841 .st-history .st-item:nth-child(7) .st-content { 1842 position: relative !important; 1843 top: auto !important; 1844 right: auto !important; 1845 bottom: auto !important; 1846 left: auto !important; 1847 width: 100% !important; 1848 max-width: none !important; 1849 transform: none !important; 1850 text-align: left !important; 1851 } 1852 1853 .st-history .st-item.top .st-content { 1854 display: flex !important; 1855 flex-direction: column !important; 1856 } 1857 1858 .st-history .st-item.top .st-content h3 { 1859 order: -1; 1860 margin: 0 0 8px !important; 1861 } 1862 1863 .st-history .st-item.bottom .st-content h3 { 1864 margin: 0 0 8px !important; 1865 } 1866 1867 .st-history .st-content p { 1868 font-size: 14px !important; 1869 } 1870 1871 .history-text-card { 1872 margin: 28px 20px 45px; 1873 padding: 28px 26px; 1874 } 1875 1876 .history-text-card p { 1877 font-size: 15.5px; 1878 } 1879} 1880 1881 1882.company-values-section { 1883 max-width: 1340px !important; 1884 width: calc(100% - 40px); 1885 margin: 20px auto 50px !important; 1886 padding: 40px 52px 48px; 1887 background: #F8FCFE; 1888 border: 1px solid #D7EEF9; 1889 border-radius: 16px; 1890 box-sizing: border-box; 1891} 1892 1893.values-title { 1894 color: #00AEEF !important; 1895 font-size: 30px !important; 1896 font-weight: 600 !important; 1897 letter-spacing: 0.5px !important; 1898 line-height: 1.2 !important; 1899 text-align: center !important; 1900 margin: 0 0 25px !important; 1901} 1902 1903.values-subtitle { 1904 color: #4F5F6F; 1905 font-size: 18px !important; 1906 font-weight: 600; 1907 line-height: 1.6; 1908 text-align: center; 1909 margin: 0 auto 36px !important; 1910 max-width: 760px; 1911} 1912 1913.values-grid { 1914 display: grid; 1915 grid-template-columns: repeat(4, 1fr); 1916 gap: 22px; 1917} 1918 1919.value-card { 1920 background: #ffffff; 1921 border: 1px solid rgba(0, 174, 239, 0.18); 1922 border-radius: 14px; 1923 padding: 26px 24px 28px; 1924 box-shadow: 0 8px 22px rgba(0, 174, 239, 0.06); 1925 box-sizing: border-box; 1926} 1927 1928.value-card h3 { 1929 color: #06145f !important; 1930 font-size: 18px !important; 1931 font-weight: 700 !important; 1932 margin: 0 0 14px !important; 1933 line-height: 1.3; 1934} 1935 1936.value-card div, 1937.value-card p { 1938 color: #1f2933; 1939 font-size: 16px; 1940 line-height: 1.7; 1941 margin: 0 !important; 1942} 1943 1944@media (max-width: 1024px) { 1945 .values-grid { 1946 grid-template-columns: repeat(2, 1fr); 1947 } 1948} 1949 1950@media (max-width: 768px) { 1951 .company-values-section { 1952 width: calc(100% - 30px); 1953 margin: 15px auto 45px !important; 1954 padding: 32px 24px 36px; 1955 } 1956 1957 .company-values-section h2 { 1958 font-size: 28px !important; 1959 } 1960 1961 .values-subtitle { 1962 font-size: 17px !important; 1963 margin-bottom: 28px !important; 1964 } 1965 1966 .values-grid { 1967 grid-template-columns: 1fr; 1968 } 1969} 1970.company-vm-section { 1971 max-width: 1340px !important; 1972 width: calc(100% - 40px); 1973 margin: 20px auto 50px !important; 1974 display: grid; 1975 grid-template-columns: repeat(2, 1fr); 1976 gap: 22px; 1977 box-sizing: border-box; 1978} 1979 1980.vm-card { 1981 padding: 34px 38px 36px; 1982 background: #F8FCFE; 1983 border: 1px solid #D7EEF9; 1984 border-left: 5px solid #00AEEF; 1985 border-radius: 16px; 1986 box-sizing: border-box; 1987} 1988 1989/* 1990 notre vision/notre mission 1991 */ 1992.vm-card h2.vm-label { 1993 color: #00AEEF !important; 1994 font-size: 25px !important; 1995 font-weight: 640 !important; 1996 letter-spacing: 0.06em; 1997 text-transform: none; 1998 margin: 0 0 16px 0 !important; 1999} 2000 2001.vm-card p { 2002 color: #1f2933; 2003 font-size: 17px; 2004 line-height: 1.75; 2005 font-weight: 400; 2006 margin: 0; 2007} 2008/* English Company page - Our Vision / Our Mission */ 2009body.page-id-8211 .company-vm-section .vm-card h2.vm-label { 2010 font-size: 28px !important; 2011 font-weight:605; 2012} 2013@media (max-width: 768px) { 2014 .company-vm-section { 2015 width: calc(100% - 30px); 2016 grid-template-columns: 1fr; 2017 gap: 18px; 2018 margin: 15px auto 45px !important; 2019 } 2020 2021 .vm-card { 2022 padding: 30px 26px 32px; 2023 } 2024 2025 .vm-card p { 2026 font-size: 15.5px; 2027 line-height: 1.7; 2028 } 2029} 2030 2031.be-section { 2032 max-width: 1340px !important; 2033 width: calc(100% - 20px); 2034 margin: 20px auto 50px !important; 2035 padding: 30px 36px 30px; 2036 background: #F8FCFE; 2037 border: 1px solid #D7EEF9; 2038 border-radius: 16px; 2039 box-sizing: border-box; 2040} 2041 2042.be-header { 2043 max-width: 900px; 2044 margin: 0 auto 34px !important; 2045 padding-left: 0 !important; 2046 border-left: none !important; 2047 text-align: center !important; 2048} 2049 2050.be-header h2 { 2051 color: #00AEEF !important; 2052 font-size: 30px !important; 2053 font-weight: 600 !important; 2054 line-height: 1.2 !important; 2055 margin: 0 0 22px !important; 2056} 2057 2058.be-header p { 2059 color: #4F5F6F !important; 2060 font-size: 17px !important; 2061 font-weight: 600 !important; 2062 line-height: 1.7 !important; 2063 margin: 0 auto !important; 2064 max-width: 760px !important; 2065} 2066.be-grid-4 { 2067 display: grid; 2068 grid-template-columns: repeat(2, 1fr); 2069 gap: 22px; 2070} 2071 2072.be-card { 2073 background: #ffffff; 2074 border: 1px solid rgba(0, 174, 239, 0.18); 2075 border-radius: 14px; 2076 padding: 26px 30px 28px; 2077 box-shadow: 0 8px 22px rgba(0, 174, 239, 0.06); 2078 box-sizing: border-box; 2079 min-height: 170px; 2080 2081} 2082 2083.be-card h3 {
2084 color: #06145f !important; 2085 font-size: 18px !important; 2086 font-weight: 700 !important; 2087 line-height: 1.3; 2088 margin: 0 0 14px !important; 2089} 2090 2091.be-card p { 2092 color: #1f2933; 2093 font-size: 15.5px; 2094 line-height: 1.7; 2095 margin: 0 !important; 2096} 2097 2098@media (max-width: 1024px) { 2099 .be-grid-4 { 2100 grid-template-columns: repeat(2, 1fr); 2101 } 2102} 2103 2104@media (max-width: 768px) { 2105 .be-section { 2106 width: calc(100% - 30px); 2107 margin: 15px auto 45px !important; 2108 padding: 34px 26px 38px; 2109 } 2110 2111 .be-header { 2112 padding-left: 20px; 2113 margin-bottom: 28px; 2114 } 2115 2116 .be-header h2 { 2117 font-size: 28px !important; 2118 } 2119 2120 .be-header p { 2121 font-size: 15.5px; 2122 } 2123 2124 .be-grid-4 { 2125 grid-template-columns: 1fr; 2126 } 2127} 2128 2129.quality-ui { 2130 max-width: 1320 !important; 2131 margin: 0 auto !important; 2132 padding: 35px 20px 35px !important; 2133} 2134 2135.quality-ui h2 { 2136 text-align: center !important; 2137 color: #00AEEF !important; 2138 font-size: 30px !important; 2139 font-weight: 600 !important; 2140 line-height: 1.2 !important; 2141 margin: 0 0 38px !important; 2142} 2143 2144.quality-row { 2145 display: grid !important; 2146 grid-template-columns: minmax(0, 1fr) 280px !important; 2147 gap: 50px !important; 2148 align-items: center !important; 2149 2150 width: 1320px !important; 2151 max-width: 100% !important; 2152 margin: 0 auto !important; 2153 2154 box-sizing: border-box !important; 2155 padding: 34px 38px !important; 2156 border: 1px solid #c9eefb !important; 2157 border-radius: 12px !important; 2158 background: #ffffff !important; 2159} 2160 2161.quality-text { 2162 width: 100% !important; 2163 max-width: none !important; 2164} 2165 2166.quality-text p { 2167 color: #1f2933 !important; 2168 font-size: 17px !important; 2169 line-height: 1.75 !important; 2170 font-weight: 400 !important; 2171 margin: 0 0 20px !important; 2172} 2173 2174.quality-text p:last-child { 2175 margin-bottom: 0 !important; 2176} 2177 2178.quality-text strong { 2179 color: #1f2933 !important; 2180 font-weight: 800 !important; 2181} 2182 2183.quality-link, 2184.quality-link strong { 2185 color: #00AEEF !important; 2186 font-weight: 800 !important; 2187 text-decoration: none !important; 2188} 2189 2190.quality-link:hover, 2191.quality-link:hover strong { 2192 color: #008fc5 !important; 2193 text-decoration: underline !important; 2194} 2195 2196.quality-logo { 2197 display: flex !important; 2198 justify-content: center !important; 2199 align-items: center !important; 2200} 2201 2202.quality-logo img { 2203 width: 280px !important; 2204 max-width: 280px !important; 2205 height: auto !important; 2206 display: block !important; 2207} 2208 2209.quality-logo:hover { 2210 opacity: 0.85; 2211} 2212 2213@media (max-width: 768px) { 2214 .quality-row { 2215 grid-template-columns: 1fr !important; 2216 gap: 28px !important; 2217 text-align: center !important; 2218 padding: 30px 24px !important; 2219 } 2220 2221 .quality-logo img { 2222 width: 240px !important; 2223 max-width: 240px !important; 2224 } 2225} 2226 2227 2228 2229.societe-bottom-wave { 2230 width: calc(50vw + 542px - 16px); 2231 max-width: none; 2232 height: 90px; 2233 margin-top: 35px; 2234 margin-left: auto; 2235 margin-right: calc(50% - 50vw + 16px); 2236 2237 position: relative; 2238 left: auto; 2239 transform: none; 2240 2241 background: rgba(0, 174, 239, 0.12); 2242 border-radius: 0 0 90px 0; 2243 box-sizing: border-box; 2244} 2245 2246 2247@media (min-width: 1100px) { 2248 #mk-page-introduce { 2249 width: calc(50vw + 560px) !important; 2250 max-width: none !important; 2251 margin-left: 0 !important; 2252 margin-right: auto !important; 2253 box-sizing: border-box !important; 2254 } 2255} 2256 2257/* ========================================================= 2258 SERVICE PROCESS â MAIN SETTINGS 2259 Edit the variables below to change the main visual styles 2260 ========================================================= */ 2261 2262.service-process { 2263 --service-blue: #00aeef; 2264 --service-dark: #06145f; 2265 --service-text: #1f2933; 2266 --service-bg: #f8fcfe; 2267 --service-line: rgba(0, 174, 239, 0.22); 2268 2269 --service-body-size: 18px; 2270 --service-body-line-height: 1.8; 2271 --service-cta-spacing: 24px; 2272 2273 width: 100%; 2274 max-width: 1340px; 2275 margin: 0 auto; 2276 padding: 80px 60px 90px; 2277 2278 background: var(--service-bg); 2279 border: 1px solid #d7eef9; 2280 border-radius: 32px; 2281 2282 box-sizing: border-box; 2283 overflow: hidden; 2284} 2285 2286.service-process *, 2287.service-process *::before, 2288.service-process *::after { 2289 box-sizing: border-box; 2290} 2291 2292 2293/* ========================================================= 2294 INTRO SECTION 2295 Controls the content above the service list 2296 ========================================================= */ 2297 2298.service-process__intro { 2299 width: 100%; 2300 max-width: 920px; 2301 margin: 0 auto 70px; 2302 text-align: center; 2303} 2304 2305 2306/* ========================================================= 2307 INTRO EYEBROW 2308 Controls the small uppercase line above the main title 2309 ========================================================= */ 2310 2311.service-process .service-eyebrow { 2312 display: block; 2313 margin: 0 0 16px; 2314 2315 color: var(--service-blue) !important; 2316 font-family: Montserrat, Arial, sans-serif !important; 2317 font-size: 14px !important; 2318 font-weight: 700 !important; 2319 line-height: 1.4 !important; 2320 letter-spacing: 0.07em; 2321 text-transform: uppercase; 2322} 2323 2324 2325/* ========================================================= 2326 INTRO MAIN TITLE 2327 Controls the main H2 title 2328Un accompagnement à chaque étape 2329 ========================================================= */ 2330 2331.service-process .service-process__intro h2 { 2332 margin: 0 0 24px !important; 2333 2334 color: var(--service-blue) !important; 2335 font-family: Montserrat, Arial, sans-serif !important; 2336 font-size: 30px !important; 2337 font-weight: 600 !important; 2338 line-height: 1.2 !important; 2339 letter-spacing: -0.02em; 2340} 2341 2342 2343/* ========================================================= 2344 INTRO TITLE LINE 2345 Controls the blue line between: 2346 "Un accompagnement à chaque étape" 2347 and 2348 "De lâétude de faisabilité..." 2349 ========================================================= */ 2350 2351.service-process .service-title-line { 2352 display: block; 2353 width: 700px; 2354 height: 1.7px; 2355 margin: 0 auto 26px; 2356 2357 background: var(--service-blue); 2358 border-radius: 10px; 2359} 2360 2361/* ========================================================= 2362 INTRO SUBTITLE 2363 Controls: 2364 "De lâétude de faisabilité..." 2365 "...tout au long de votre projet ultrasonore." 2366 ========================================================= */ 2367 2368.service-process .service-process__subtitle { 2369 max-width: 900px; 2370 margin: 0 auto; 2371 2372 color: #4f6075 !important; 2373 font-family: Montserrat, Arial, sans-serif !important; 2374 font-size: 18px !important; 2375 font-weight: 600 !important; 2376 line-height: 1.6 !important; 2377} 2378 2379.service-process .service-process__intro p { 2380 max-width: 900px !important; 2381 margin: 0 auto !important; 2382}========================================================= 2383 SERVICE LIST 2384 Controls the complete list width and upper separator 2385 ========================================================= */ 2386 2387.service-process .service-list { 2388 width: 100%; 2389 max-width: 1120px; 2390 margin: 0 auto; 2391 2392 border-top: 1px solid var(--service-line); 2393} 2394 2395 2396/* ========================================================= 2397 SERVICE ITEM 2398 Controls each service row and the two-column layout 2399 ========================================================= */ 2400 2401.service-process .service-item { 2402 position: relative; 2403 display: grid; 2404 grid-template-columns: 34% 66%; 2405 2406 width: 100%; 2407 padding: 52px 0; 2408 2409 border-bottom: 1px solid var(--service-line); 2410} 2411 2412 2413/* ========================================================= 2414 SERVICE HEADING AREA 2415 Controls the number and title area on the left 2416 ========================================================= */ 2417 2418.service-process .service-item__heading { 2419 position: relative; 2420 min-width: 0; 2421 padding: 0 40px 0 20px; 2422} 2423 2424 2425/* ========================================================= 2426 VERTICAL SEPARATOR 2427 Controls the line between the heading and body text 2428 ========================================================= */ 2429 2430.service-process .service-item__heading::after {
2431 content: ""; 2432 position: absolute; 2433 top: 0; 2434 right: 0; 2435 2436 width: 1px; 2437 height: 100%; 2438 2439 background: var(--service-line); 2440} 2441 2442 2443/* ========================================================= 2444 SERVICE NUMBER 2445 Controls numbers such as 01, 02, 03, 04 and 05 2446 ========================================================= */ 2447 2448.service-process .service-item__number { 2449 display: block; 2450 margin: 0 0 14px; 2451 2452 color: var(--service-blue) !important; 2453 font-family: Montserrat, Arial, sans-serif !important; 2454 font-size: 38px !important; 2455 font-weight: 700 !important; 2456 line-height: 1 !important; 2457 letter-spacing: -0.04em; 2458} 2459 2460 2461/* ========================================================= 2462 SERVICE TITLE 2463 Controls titles such as Ãtude de faisabilité 2464 ========================================================= */ 2465 2466.service-process .service-item h3 { 2467 max-width: 300px; 2468 margin: 0 !important; 2469 2470 color: var(--service-dark) !important; 2471 font-family: Montserrat, Arial, sans-serif !important; 2472 font-size: 23px !important; 2473 font-weight: 700 !important; 2474 line-height: 1.35 !important; 2475 2476 overflow-wrap: normal !important; 2477 word-break: normal !important; 2478 hyphens: none !important; 2479} 2480 2481 2482/* ========================================================= 2483 SERVICE BODY AREA 2484 Controls the complete text area on the right 2485 ========================================================= */ 2486 2487.service-process .service-item__body { 2488 min-width: 0; 2489 max-width: 720px; 2490 padding: 0 20px 0 70px !important; 2491 2492 color: var(--service-text) !important; 2493 font-family: Montserrat, Arial, sans-serif !important; 2494 font-size: var(--service-body-size) !important; 2495 font-weight: 400 !important; 2496 line-height: var(--service-body-line-height) !important; 2497} 2498 2499 2500/* ========================================================= 2501 SERVICE BODY PARAGRAPHS 2502 Controls: 2503 "Chaque application ultrasonore présente..." 2504 and 2505 "Nous organisons ensuite des essais..." 2506 ending with: 2507 "...valider la faisabilité technique du projet."========================================================= */ 2508 2509.service-process .service-item__body p { 2510 margin: 0 0 14px !important; 2511 2512 color: var(--service-text) !important; 2513 font-family: Montserrat, Arial, sans-serif !important; 2514 font-size: var(--service-body-size) !important; 2515 font-weight: 400 !important; 2516 line-height: var(--service-body-line-height) !important; 2517} 2518 2519 2520/* ========================================================= 2521 SERVICE BODY TEXT ELEMENTS 2522 Controls text nested inside paragraph elements 2523 ========================================================= */ 2524 2525.service-process .service-item__body p span, 2526.service-process .service-item__body p strong, 2527.service-process .service-item__body p em { 2528 color: inherit !important; 2529 font-family: inherit !important; 2530 font-size: inherit !important; 2531 line-height: inherit !important; 2532} 2533 2534 2535/* ========================================================= 2536 FINAL PARAGRAPH 2537 Removes unnecessary spacing before the CTA calculation 2538 ========================================================= */ 2539 2540.service-process .service-item__body p:last-of-type { 2541 margin-bottom: 0 !important; 2542} 2543 2544 2545/* ========================================================= 2546 TIMELINE POINT 2547 Controls the small blue point on the vertical line 2548 ========================================================= */ 2549 2550.service-process .service-item::before { 2551 content: ""; 2552 position: absolute; 2553 top: 58px; 2554 left: calc(34% - 6px); 2555 z-index: 2; 2556 2557 width: 12px; 2558 height: 12px; 2559 2560 background: var(--service-blue); 2561 border: 4px solid var(--service-bg); 2562 border-radius: 50%; 2563 2564 box-sizing: content-box; 2565} 2566 2567 2568/* ========================================================= 2569 CTA LINK 2570 Controls: 2571 "Parler de votre application" 2572 "Ãchanger avec notre équipe R&D" 2573 "Demander une solution sur mesure" 2574 "Organiser un accompagnement" 2575 "Contacter le service technique" 2576 ========================================================= */ 2577 2578.service-process .service-item__body .service-item__link { 2579 display: flex !important; 2580 align-items: center !important; 2581 clear: both !important; 2582 width: fit-content !important; 2583 gap: 9px !important; 2584 2585 margin-top: var(--service-cta-spacing) !important; 2586 margin-bottom: 0 !important; 2587 2588 color: var(--service-blue) !important; 2589 font-family: Montserrat, Arial, sans-serif !important; 2590 2591 font-size: 20px !important; 2592 2593 font-weight: 700 !important; 2594 2595 line-height: 1.4 !important; 2596 text-decoration: none !important; 2597 2598 transition: 2599 gap 0.25s ease, 2600 color 0.25s ease; 2601} 2602 2603 2604/* ========================================================= 2605 CTA TEXT AND ARROW 2606 Prevents body text styles from overriding the CTA 2607 ========================================================= */ 2608 2609.service-process .service-item__body .service-item__link, 2610.service-process .service-item__body .service-item__link span { 2611 color: var(--service-blue) !important; 2612} 2613 2614 2615/* ========================================================= 2616 CTA ARROW
2617 Controls the arrow size 2618 ========================================================= */ 2619 2620.service-process .service-item__body .service-item__link span { 2621 font-family: inherit !important; 2622 font-size: 20px !important; 2623 font-weight: 400 !important; 2624 line-height: 1 !important; 2625} 2626 2627 2628/* ========================================================= 2629 CTA HOVER 2630 Controls the CTA hover animation and color 2631 ========================================================= */ 2632 2633.service-process .service-item__body .service-item__link:hover { 2634 gap: 14px !important; 2635 color: var(--service-dark) !important; 2636 text-decoration: none !important; 2637} 2638 2639.service-process .service-item__body .service-item__link:hover span { 2640 color: var(--service-dark) !important; 2641} 2642 2643 2644/* ========================================================= 2645 TABLET 2646 Applies below 900px 2647 ========================================================= */ 2648 2649@media (max-width: 900px) { 2650 2651 .service-process { 2652 --service-body-size: 17px; 2653 --service-cta-spacing: 22px; 2654 2655 padding: 70px 30px 80px; 2656 } 2657 2658 .service-process .service-process__intro h2 { 2659 font-size: 36px !important; 2660 } 2661 2662 .service-process .service-item { 2663 grid-template-columns: 40% 60%; 2664 padding: 45px 0; 2665 } 2666 2667 .service-process .service-item__heading { 2668 padding: 0 28px 0 10px; 2669 } 2670 2671 .service-process .service-item__body { 2672 padding: 0 10px 0 42px !important; 2673 } 2674 2675 .service-process .service-item::before { 2676 top: 51px; 2677 left: calc(40% - 6px); 2678 } 2679 2680 .service-process .service-item h3 { 2681 max-width: none; 2682 font-size: 23px !important; 2683 line-height: 1.35 !important; 2684 } 2685 2686 .service-process .service-item__body .service-item__link { 2687 font-size: 16px !important; 2688 } 2689 2690 .service-process .service-item__body .service-item__link span { 2691 font-size: 19px !important; 2692 } 2693} 2694 2695 2696/* ========================================================= 2697 MOBILE 2698 Applies below 650px 2699 ========================================================= */ 2700 2701@media (max-width: 650px) { 2702 2703 .service-process { 2704 --service-body-size: 16px; 2705 --service-body-line-height: 1.75; 2706 --service-cta-spacing: 20px; 2707 2708 padding: 55px 20px 65px; 2709 border-radius: 24px; 2710 } 2711 2712 .service-process .service-process__intro { 2713 margin-bottom: 45px; 2714 text-align: left; 2715 } 2716 2717 .service-process .service-eyebrow { 2718 font-size: 13px !important; 2719 } 2720 2721 .service-process .service-process__intro h2 { 2722 margin-bottom: 18px !important; 2723 font-size: 31px !important; 2724 line-height: 1.2 !important; 2725 } 2726 2727 .service-process .service-title-line { 2728 margin-left: 0; 2729 margin-bottom: 20px; 2730 } 2731 2732 .service-process .service-list { 2733 border-top: 0; 2734 } 2735 2736 .service-process .service-item { 2737 display: block; 2738 padding: 36px 0 36px 32px; 2739 } 2740 2741 .service-process .service-item__heading { 2742 padding: 0 0 20px; 2743 } 2744 2745 .service-process .service-item__heading::after { 2746 top: 0; 2747 right: auto; 2748 left: -25px; 2749 2750 width: 1px; 2751 height: calc(100% + 20px); 2752 } 2753 2754 .service-process .service-item::before { 2755 top: 40px; 2756 left: 0; 2757 transform: translateX(-50%); 2758 } 2759 2760 .service-process .service-item__number { 2761 margin-bottom: 9px; 2762 font-size: 31px !important; 2763 } 2764 2765 .service-process .service-item h3 { 2766 max-width: none; 2767 font-size: 21px !important; 2768 line-height: 1.35 !important; 2769 } 2770 2771 .service-process .service-item__body { 2772 max-width: none; 2773 padding: 0 !important; 2774 } 2775 2776 .service-process .service-item__body .service-item__link { 2777 font-size: 15px !important; 2778 } 2779 2780 .service-process .service-item__body .service-item__link span { 2781 font-size: 18px !important; 2782 } 2783} 2784 2785 2786/* ========================================================= 2787 BOTTOM WAVE 2788 Controls the decorative block below the service section 2789 ========================================================= */ 2790 2791.service-bottom-wave { 2792 width: calc(50vw + 542px - 16px); 2793 max-width: none; 2794 height: 90px; 2795 2796 margin-top: 35px; 2797 margin-left: auto; 2798 margin-right: calc(50% - 50vw + 16px); 2799 2800 position: relative; 2801 left: auto; 2802 transform: none; 2803 2804 background: rgba(0, 174, 239, 0.12); 2805 border-radius: 0 0 90px 0; 2806 2807 box-sizing: border-box; 2808} 2809 2810/* ========================================================= 2811 NOTRE EQUIPE â TECHNICAL EXPERTISE 2812 ========================================================= */ 2813 2814.team-expertise { 2815 --team-blue: #00aeef; 2816 --team-dark: #07145f; 2817 --team-text: #374151; 2818 --team-border: #cceefa; 2819 --team-soft-bg: #f8fcfe; 2820 --team-card-bg: #ffffff; 2821 2822 width: 100%; 2823 margin-top: 24px; 2824 padding: 38px 36px; 2825 2826 background: var(--team-card-bg); 2827 border: 1px solid var(--team-border); 2828 border-radius: 18px; 2829 2830 box-sizing: border-box; 2831} 2832 2833/* ========================================================= 2834 INTRODUCTORY TEXT 2835 ========================================================= */ 2836 2837.team-expertise__intro { 2838 max-width: 980px; 2839 margin: 0 auto 36px; 2840} 2841 2842.team-expertise__intro p, 2843.team-expertise__content p, 2844.team-expertise__skills-intro { 2845 margin: 0; 2846 2847 color: var(--team-text); 2848 font-size: 17px; 2849 line-height: 1.7; 2850 font-weight: 400; 2851} 2852 2853.team-expertise__intro p + p { 2854 margin-top: 16px; 2855} 2856 2857/* ========================================================= 2858 TECHNICAL SKILLS BLOCK 2859 ========================================================= */ 2860 2861.team-expertise__skills { 2862 max-width: 980px; 2863 margin: 0 auto; 2864 padding: 30px 32px; 2865 2866 background: var(--team-soft-bg); 2867 border: 1px solid var(--team-border); 2868 border-radius: 16px; 2869 2870 box-sizing: border-box; 2871} 2872 2873.team-expertise__skills h3 { 2874 margin: 0 0 30px; 2875 2876 color: var(--team-dark); 2877 font-size: 21px; 2878 line-height: 1.35; 2879 font-weight: 700; 2880} 2881 2882.team-expertise__skills-intro { 2883 margin-bottom: 24px; 2884} 2885 2886/* ========================================================= 2887 SKILLS GRID 2888 ========================================================= */ 2889 2890.team-expertise__skills-grid { 2891 display: grid; 2892 grid-template-columns: repeat(2, minmax(0, 1fr)); 2893 gap: 14px 34px; 2894} 2895 2896.team-expertise__skill {
2897 display: flex; 2898 align-items: flex-start; 2899 gap: 13px; 2900 2901 min-height: 48px; 2902 padding: 13px 15px; 2903 2904 background: #ffffff; 2905 border: 1px solid rgba(0, 174, 239, 0.2); 2906 border-radius: 10px; 2907 2908 box-sizing: border-box; 2909} 2910 2911.team-expertise__line { 2912 flex: 0 0 4px; 2913 width: 4px; 2914 height: 28px; 2915 margin-top: 1px; 2916 2917 background: var(--team-blue); 2918 border-radius: 4px; 2919} 2920 2921.team-expertise__skill p { 2922 margin: 0; 2923 2924 color: var(--team-dark); 2925 font-size: 16px; 2926 line-height: 1.45; 2927 font-weight: 600; 2928} 2929 2930/* ========================================================= 2931 CLOSING CONTENT 2932 ========================================================= */ 2933 2934.team-expertise__content { 2935 max-width: 980px; 2936 margin: 30px auto 0; 2937} 2938 2939.team-expertise__content p + p { 2940 margin-top: 16px; 2941} 2942 2943/* ========================================================= 2944 RESPONSIVE 2945 ========================================================= */ 2946 2947@media (max-width: 900px) { 2948 .team-expertise { 2949 padding: 32px 26px; 2950 } 2951 2952 .team-expertise__skills { 2953 padding: 26px; 2954 } 2955 2956 .team-expertise__skills-grid { 2957 grid-template-columns: 1fr; 2958 gap: 12px; 2959 } 2960} 2961 2962@media (max-width: 600px) { 2963 .team-expertise { 2964 margin-top: 18px; 2965 padding: 26px 20px; 2966 border-radius: 15px; 2967 } 2968 2969 .team-expertise__intro { 2970 margin-bottom: 24px; 2971 } 2972 2973 .team-expertise__skills { 2974 padding: 22px 18px; 2975 border-radius: 14px; 2976 } 2977 2978 .team-expertise__skills h3 { 2979 font-size: 19px; 2980 } 2981 2982 .team-expertise__intro p, 2983 .team-expertise__content p, 2984 .team-expertise__skills-intro { 2985 font-size: 16px; 2986 line-height: 1.65; 2987 } 2988 2989 .team-expertise__skill p { 2990 font-size: 15px; 2991 } 2992 2993 .team-expertise__content { 2994 margin-top: 24px; 2995 } 2996} 2997 2998 2999 3000 3001 3002/* ========================================================= 3003 SERVICE HERO SECTION 3004 Controls the global width of the Service hero area 3005 ========================================================= */ 3006 3007.service-hero-section { 3008 width: 100% !important; 3009 max-width: 1340px !important; 3010 margin-left: auto !important; 3011 margin-right: auto !important; 3012 box-sizing: border-box !important; 3013} 3014 3015 3016/* ========================================================= 3017 SERVICE HERO IMAGE ROW 3018 Positioning container for the image and CTA button 3019 ========================================================= */ 3020 3021.service-hero-image-row { 3022 position: relative !important; 3023 width: 100% !important; 3024 max-width: 1340px !important; 3025 margin-left: auto !important; 3026 margin-right: auto !important; 3027 padding: 0 !important; 3028 overflow: hidden !important; 3029 box-sizing: border-box !important; 3030} 3031 3032 3033/* Removes possible internal width restrictions */ 3034.service-hero-image-row .vc_column_container, 3035.service-hero-image-row .vc_column-inner, 3036.service-hero-image-row .wpb_wrapper { 3037 width: 100% !important; 3038 max-width: 100% !important; 3039 padding: 0 !important; 3040 margin: 0 !important; 3041 box-sizing: border-box !important; 3042} 3043 3044 3045/* ========================================================= 3046 SERVICE HERO IMAGE 3047 Makes the image fill the complete row width 3048 ========================================================= */ 3049 3050.service-hero-image-row .wpb_single_image, 3051.service-hero-image-row .vc_single_image-wrapper, 3052.service-hero-image-row .mk-image-container { 3053 display: block !important; 3054 width: 100% !important; 3055 max-width: 100% !important; 3056 margin: 0 !important; 3057 padding: 0 !important; 3058} 3059 3060.service-hero-image-row img { 3061 display: block !important; 3062 width: 100% !important; 3063 max-width: 100% !important; 3064 height: auto !important; 3065 margin: 0 !important; 3066} 3067 3068 3069/* ========================================================= 3070 SERVICE HERO CTA 3071 Controls the position of: 3072 "Discutons de votre projet" 3073 ========================================================= */ 3074 3075.service-hero-image-row .service-hero-cta { 3076 position: absolute !important; 3077 left: 110px !important; 3078 bottom: 42px !important; 3079 z-index: 20 !important; 3080 width: auto !important; 3081 margin: 0 !important; 3082 padding: 0 !important; 3083} 3084 3085 3086/* Removes spacing added by the button wrapper */ 3087.service-hero-image-row .service-hero-cta .vc_btn3-container, 3088.service-hero-image-row .service-hero-cta .mk-button-container { 3089 margin: 0 !important; 3090 padding: 0 !important; 3091} 3092 3093 3094/* ========================================================= 3095 SERVICE HERO CTA BUTTON 3096 Controls the visual style of: 3097 "Discutons de votre projet" 3098 ========================================================= */ 3099 3100.service-hero-image-row .service-hero-cta a { 3101 display: inline-flex !important; 3102 align-items: center !important; 3103 justify-content: center !important; 3104 3105 width: auto !important; 3106 min-width: 0 !important; 3107 padding: 12px 24px !important; 3108 3109 background: #00AEEF !important; 3110 border: 2px solid #00AEEF !important; 3111 border-radius: 4px !important; 3112 3113 color: #ffffff !important; 3114 font-family: Montserrat, Arial, sans-serif !important; 3115 font-size: 15px !important; 3116 font-weight: 700 !important; 3117 line-height: 1.2 !important; 3118 text-decoration: none !important; 3119 3120 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important; 3121 transition: 3122 background-color 0.25s ease, 3123 border-color 0.25s ease, 3124 transform 0.25s ease, 3125 box-shadow 0.25s ease !important; 3126} 3127 3128 3129/* ========================================================= 3130 SERVICE HERO CTA HOVER 3131 ========================================================= */ 3132 3133.service-hero-image-row .service-hero-cta a:hover { 3134 background: #008fc4 !important; 3135 border-color: #008fc4 !important; 3136 color: #ffffff !important; 3137 transform: translateY(-2px) !important; 3138 box-shadow: 0 9px 20px rgba(0, 0, 0, 0.2) !important; 3139 text-decoration: none !important; 3140} 3141 3142 3143/* ========================================================= 3144 TABLET 3145 ========================================================= */ 3146 3147@media (max-width: 1024px) { 3148 3149 .service-hero-image-row .service-hero-cta { 3150 left: 50px !important; 3151 bottom: 30px !important; 3152 } 3153 3154 .service-hero-image-row .service-hero-cta a { 3155 padding: 12px 24px !important; 3156 font-size: 15px !important; 3157 } 3158} 3159 3160 3161/* ========================================================= 3162 MOBILE 3163 Keeps the CTA inside the image 3164 ========================================================= */ 3165 3166@media (max-width: 768px) { 3167 3168 .service-hero-image-row .service-hero-cta { 3169 left: 20px !important; 3170 right: 20px !important; 3171 bottom: 18px !important; 3172 width: auto !important; 3173 } 3174 3175 .service-hero-image-row .service-hero-cta a { 3176 width: 100% !important; 3177 padding: 12px 18px !important; 3178 font-size: 14px !important; 3179 text-align: center !important; 3180 } 3181} 3182 3183/* ========================================================= 3184 SERVICE BOTTOM DECORATION 3185 Starts at the content left edge and extends to screen right 3186 ========================================================= */ 3187 3188.service-bottom-decoration { 3189 width: calc(50vw + 542px - 16px); 3190 max-width: none; 3191 height: 90px; 3192 3193 margin-top: 70px; 3194 margin-left: auto; 3195 margin-right: calc(50% - 50vw + 16px); 3196 3197 position: relative; 3198 left: auto; 3199 transform: none; 3200 3201 padding: 0; 3202 box-sizing: border-box; 3203 overflow: hidden; 3204 3205 background: rgba(0, 174, 239, 0.14); 3206 3207 /* Rounded bottom-right corner */ 3208 border-radius: 0 0 90px 0; 3209} 3210 3211 3212/* Removes default WPBakery spacing */ 3213 3214.service-bottom-decoration .vc_column-inner, 3215.service-bottom-decoration .wpb_wrapper { 3216 width: 100%; 3217 height: 100%; 3218 min-height: 90px; 3219 3220 padding: 0 !important; 3221 margin: 0 !important; 3222 box-sizing: border-box; 3223} 3224 3225/* ========================================================= 3226 ENGLISH VERSION â SUBMENU 3227 Same design as the French version 3228 ========================================================= */ 3229
3230/* Dropdown container */ 3231html[lang^="en"] .main-navigation-ul ul.sub-menu, 3232html[lang^="en"] .mk-main-navigation ul.sub-menu, 3233html[lang^="en"] #mk-main-navigation ul.sub-menu, 3234html[lang^="en"] .header-style-1 .main-navigation-ul ul.sub-menu { 3235 background: #EAF8FD !important; 3236 background-color: #EAF8FD !important; 3237 3238 border-left: 4px solid #00AEEF !important; 3239 border-top: 0 !important; 3240 border-right: 0 !important; 3241 border-bottom: 0 !important; 3242 border-radius: 4px !important; 3243 3244 padding: 12px 16px !important; 3245 3246 box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12) !important; 3247 3248 width: max-content !important; 3249 min-width: 460px !important; 3250 max-width: none !important; 3251 3252 overflow: visible !important; 3253} 3254 3255 3256/* Remove default decorative elements */ 3257html[lang^="en"] .main-navigation-ul ul.sub-menu::before, 3258html[lang^="en"] .main-navigation-ul ul.sub-menu::after, 3259html[lang^="en"] .mk-main-navigation ul.sub-menu::before, 3260html[lang^="en"] .mk-main-navigation ul.sub-menu::after, 3261html[lang^="en"] #mk-main-navigation ul.sub-menu::before, 3262html[lang^="en"] #mk-main-navigation ul.sub-menu::after, 3263html[lang^="en"] .header-style-1 .main-navigation-ul ul.sub-menu::before, 3264html[lang^="en"] .header-style-1 .main-navigation-ul ul.sub-menu::after { 3265 display: none !important; 3266 content: none !important; 3267 border: 0 !important; 3268 background: transparent !important; 3269} 3270 3271 3272/* Each submenu item */ 3273html[lang^="en"] .main-navigation-ul ul.sub-menu li, 3274html[lang^="en"] .mk-main-navigation ul.sub-menu li, 3275html[lang^="en"] #mk-main-navigation ul.sub-menu li { 3276 display: block !important; 3277 width: 100% !important; 3278 3279 background: transparent !important; 3280 background-color: transparent !important; 3281 3282 border: none !important; 3283 border-radius: 4px !important; 3284 3285 overflow: hidden !important; 3286} 3287 3288 3289/* Submenu links */ 3290html[lang^="en"] .main-navigation-ul ul.sub-menu li > a, 3291html[lang^="en"] .mk-main-navigation ul.sub-menu li > a, 3292html[lang^="en"] #mk-main-navigation ul.sub-menu li > a, 3293html[lang^="en"] .main-navigation-ul ul.sub-menu li > a.menu-item-link, 3294html[lang^="en"] .mk-main-navigation ul.sub-menu li > a.menu-item-link, 3295html[lang^="en"] #mk-main-navigation ul.sub-menu li > a.menu-item-link { 3296 display: flex !important; 3297 align-items: center !important; 3298 gap: 10px !important; 3299 3300 width: 100% !important; 3301 padding: 11px 18px !important; 3302 3303 color: #58595B !important; 3304 -webkit-text-fill-color: #58595B !important; 3305 3306 background: transparent !important; 3307 background-color: transparent !important; 3308 3309 opacity: 1 !important; 3310 3311 font-size: 15px !important; 3312 line-height: 1.4 !important; 3313 font-weight: 400 !important; 3314 3315 border-radius: 4px !important; 3316 3317 white-space: nowrap !important; 3318 word-break: keep-all !important; 3319 overflow-wrap: normal !important; 3320 3321 text-transform: none !important; 3322 letter-spacing: normal !important; 3323 text-shadow: none !important; 3324 3325 box-sizing: border-box !important; 3326 3327 transition: 3328 color 0.2s ease, 3329 background-color 0.2s ease !important; 3330} 3331 3332 3333/* Keep nested text the same color */ 3334html[lang^="en"] .main-navigation-ul ul.sub-menu li > a *, 3335html[lang^="en"] .mk-main-navigation ul.sub-menu li > a *, 3336html[lang^="en"] #mk-main-navigation ul.sub-menu li > a * { 3337 color: inherit !important; 3338 -webkit-text-fill-color: inherit !important; 3339 text-shadow: none !important; 3340} 3341 3342 3343/* Arrow before submenu links */ 3344html[lang^="en"] .main-navigation-ul ul.sub-menu li > a::before, 3345html[lang^="en"] .mk-main-navigation ul.sub-menu li > a::before, 3346html[lang^="en"] #mk-main-navigation ul.sub-menu li > a::before { 3347 content: "âº" !important; 3348 3349 color: #00AEEF !important; 3350 -webkit-text-fill-color: #00AEEF !important; 3351 3352 font-weight: 700 !important; 3353 margin-right: 2px !important; 3354 3355 flex: 0 0 auto !important; 3356} 3357 3358 3359/* Remove default arrow after the link */ 3360html[lang^="en"] .main-navigation-ul ul.sub-menu li > a::after, 3361html[lang^="en"] .mk-main-navigation ul.sub-menu li > a::after, 3362html[lang^="en"] #mk-main-navigation ul.sub-menu li > a::after { 3363 display: none !important; 3364 content: none !important; 3365} 3366 3367 3368/* Hover and active item background */
3369html[lang^="en"] .main-navigation-ul ul.sub-menu li:hover, 3370html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-item, 3371html[lang^="en"] .main-navigation-ul ul.sub-menu li.current_page_item, 3372html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-parent, 3373html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-ancestor, 3374html[lang^="en"] .mk-main-navigation ul.sub-menu li:hover, 3375html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-item, 3376html[lang^="en"] .mk-main-navigation ul.sub-menu li.current_page_item, 3377html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-parent, 3378html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-ancestor, 3379html[lang^="en"] #mk-main-navigation ul.sub-menu li:hover, 3380html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-item, 3381html[lang^="en"] #mk-main-navigation ul.sub-menu li.current_page_item, 3382html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-parent, 3383html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-ancestor { 3384 background: #ffffff !important; 3385 background-color: #ffffff !important; 3386} 3387 3388 3389/* Hover and active link */ 3390html[lang^="en"] .main-navigation-ul ul.sub-menu li:hover > a, 3391html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-item > a, 3392html[lang^="en"] .main-navigation-ul ul.sub-menu li.current_page_item > a, 3393html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-parent > a, 3394html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-ancestor > a, 3395html[lang^="en"] .mk-main-navigation ul.sub-menu li:hover > a, 3396html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-item > a, 3397html[lang^="en"] .mk-main-navigation ul.sub-menu li.current_page_item > a, 3398html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-parent > a, 3399html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-ancestor > a, 3400html[lang^="en"] #mk-main-navigation ul.sub-menu li:hover > a, 3401html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-item > a, 3402html[lang^="en"] #mk-main-navigation ul.sub-menu li.current_page_item > a, 3403html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-parent > a, 3404html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-ancestor > a { 3405 background: transparent !important; 3406 background-color: transparent !important; 3407 3408 color: #00AEEF !important; 3409 -webkit-text-fill-color: #00AEEF !important; 3410 3411 opacity: 1 !important; 3412 text-shadow: none !important; 3413} 3414 3415 3416/* Hover nested text and arrow */ 3417html[lang^="en"] .main-navigation-ul ul.sub-menu li:hover > a *, 3418html[lang^="en"] .mk-main-navigation ul.sub-menu li:hover > a *, 3419html[lang^="en"] #mk-main-navigation ul.sub-menu li:hover > a *, 3420html[lang^="en"] .main-navigation-ul ul.sub-menu li:hover > a::before, 3421html[lang^="en"] .mk-main-navigation ul.sub-menu li:hover > a::before, 3422html[lang^="en"] #mk-main-navigation ul.sub-menu li:hover > a::before { 3423 color: #00AEEF !important; 3424 -webkit-text-fill-color: #00AEEF !important; 3425 text-shadow: none !important; 3426} 3427 3428/* English submenu: 3429 blue by default, white only on hover */ 3430 3431html[lang^="en"] .main-navigation-ul ul.sub-menu li, 3432html[lang^="en"] .mk-main-navigation ul.sub-menu li, 3433html[lang^="en"] #mk-main-navigation ul.sub-menu li, 3434 3435html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-item, 3436html[lang^="en"] .main-navigation-ul ul.sub-menu li.current_page_item, 3437html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-parent, 3438html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-ancestor, 3439 3440html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-item, 3441html[lang^="en"] .mk-main-navigation ul.sub-menu li.current_page_item, 3442html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-parent, 3443html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-ancestor, 3444 3445html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-item, 3446html[lang^="en"] #mk-main-navigation ul.sub-menu li.current_page_item, 3447html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-parent, 3448html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-ancestor { 3449 background: transparent !important; 3450 background-color: transparent !important; 3451} 3452 3453 3454/* Default link state */ 3455html[lang^="en"] .main-navigation-ul ul.sub-menu li > a, 3456html[lang^="en"] .mk-main-navigation ul.sub-menu li > a, 3457html[lang^="en"] #mk-main-navigation ul.sub-menu li > a, 3458 3459html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-item > a, 3460html[lang^="en"] .main-navigation-ul ul.sub-menu li.current_page_item > a, 3461html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-parent > a, 3462html[lang^="en"] .main-navigation-ul ul.sub-menu li.current-menu-ancestor > a, 3463 3464html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-item > a, 3465html[lang^="en"] .mk-main-navigation ul.sub-menu li.current_page_item > a, 3466html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-parent > a, 3467html[lang^="en"] .mk-main-navigation ul.sub-menu li.current-menu-ancestor > a, 3468 3469html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-item > a, 3470html[lang^="en"] #mk-main-navigation ul.sub-menu li.current_page_item > a, 3471html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-parent > a, 3472html[lang^="en"] #mk-main-navigation ul.sub-menu li.current-menu-ancestor > a { 3473 background: transparent !important; 3474 background-color: transparent !important; 3475 3476 color: #58595B !important; 3477 -webkit-text-fill-color: #58595B !important; 3478} 3479 3480 3481/* White background only while hovering */
3482html[lang^="en"] .main-navigation-ul ul.sub-menu li:hover, 3483html[lang^="en"] .mk-main-navigation ul.sub-menu li:hover, 3484html[lang^="en"] #mk-main-navigation ul.sub-menu li:hover { 3485 background: #ffffff !important; 3486 background-color: #ffffff !important; 3487} 3488 3489 3490/* Blue text only while hovering */ 3491html[lang^="en"] .main-navigation-ul ul.sub-menu li:hover > a, 3492html[lang^="en"] .mk-main-navigation ul.sub-menu li:hover > a, 3493html[lang^="en"] #mk-main-navigation ul.sub-menu li:hover > a { 3494 background: transparent !important; 3495 background-color: transparent !important; 3496 3497 color: #00AEEF !important; 3498 -webkit-text-fill-color: #00AEEF !important; 3499} 3500 3501 3502/* Keep the arrow blue */ 3503html[lang^="en"] .main-navigation-ul ul.sub-menu li > a::before, 3504html[lang^="en"] .mk-main-navigation ul.sub-menu li > a::before, 3505html[lang^="en"] #mk-main-navigation ul.sub-menu li > a::before { 3506 color: #00AEEF !important; 3507 -webkit-text-fill-color: #00AEEF !important; 3508} 3509 3510/* ========================================================= 3511 ENGLISH VERSION â PAGE TITLE AREA 3512 Same design as the French version 3513 ========================================================= */ 3514 3515html[lang^="en"] #mk-page-introduce { 3516 min-height: 110px !important; 3517 height: auto !important; 3518 3519 padding-top: 0 !important; 3520 padding-bottom: 14px !important; 3521 3522 background-color: rgba(0, 174, 239, 0.14) !important; 3523 background-image: none !important; 3524 3525 border-radius: 0 0 0 86px !important; 3526 box-shadow: 0 12px 28px rgba(0, 0, 0, 0.075) !important; 3527 3528 overflow: visible !important; 3529 box-sizing: border-box !important; 3530} 3531 3532 3533/* Inner content width and alignment */ 3534html[lang^="en"] #mk-page-introduce .mk-grid { 3535 max-width: 1120px !important; 3536 3537 margin-left: auto !important; 3538 margin-right: auto !important; 3539 3540 padding-left: 48px !important; 3541 padding-right: 48px !important; 3542 3543 background: transparent !important; 3544 box-shadow: none !important; 3545 3546 box-sizing: border-box !important; 3547} 3548 3549 3550/* English H1 */ 3551html[lang^="en"] #mk-page-introduce h1, 3552html[lang^="en"] #mk-page-introduce .page-title, 3553html[lang^="en"] #mk-page-introduce .mk-page-heading { 3554 width: auto !important; 3555 max-width: 100% !important; 3556 3557 margin-top: 0 !important; 3558 margin-bottom: 4px !important; 3559 3560 color: #58595B !important; 3561 -webkit-text-fill-color: #58595B !important; 3562 3563 font-size: 42px !important; 3564 font-weight: 500 !important; 3565 line-height: 1.08 !important; 3566 letter-spacing: 0.01em !important; 3567 3568 white-space: normal !important; 3569 overflow: visible !important; 3570} 3571 3572 3573/* Remove title decorative line */ 3574html[lang^="en"] #mk-page-introduce h1::before, 3575html[lang^="en"] #mk-page-introduce h1::after, 3576html[lang^="en"] #mk-page-introduce .page-title::before, 3577html[lang^="en"] #mk-page-introduce .page-title::after, 3578html[lang^="en"] #mk-page-introduce .mk-page-heading::before, 3579html[lang^="en"] #mk-page-introduce .mk-page-heading::after { 3580 display: none !important; 3581 content: none !important; 3582 background: none !important; 3583 border: 0 !important; 3584} 3585 3586 3587/* ========================================================= 3588 ENGLISH VERSION â BREADCRUMB 3589 ========================================================= */ 3590 3591/* Outer breadcrumb wrapper */ 3592html[lang^="en"] #mk-page-introduce .mk-breadcrumbs, 3593html[lang^="en"] #mk-page-introduce #mk-breadcrumbs { 3594 display: inline-flex !important; 3595 align-items: center !important; 3596 3597 width: auto !important; 3598 min-height: 42px !important; 3599 height: 42px !important; 3600 3601 margin-top: 0 !important; 3602 margin-bottom: 0 !important; 3603 3604 padding: 0 !important; 3605 3606 background: transparent !important; 3607 background-color: transparent !important; 3608 3609 border: 0 !important; 3610 box-shadow: none !important; 3611 3612 position: relative !important; 3613 z-index: 2 !important; 3614 3615 box-sizing: border-box !important; 3616} 3617 3618 3619/* Visible white breadcrumb card */ 3620html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner, 3621html[lang^="en"] #mk-page-introduce .breadcrumbs, 3622html[lang^="en"] #mk-page-introduce .breadcrumb { 3623 display: inline-flex !important; 3624 align-items: center !important; 3625 flex-wrap: wrap !important; 3626 3627 min-height: 42px !important; 3628 3629 padding: 9px 18px !important; 3630 3631 background: #ffffff !important; 3632 background-color: #ffffff !important; 3633 3634 border-left: 4px solid #00AEEF !important; 3635 border-radius: 4px !important; 3636 3637 color: #58595B !important; 3638 3639 font-size: 14px !important; 3640 font-weight: 600 !important; 3641 line-height: 1.4 !important; 3642 3643 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important; 3644 3645 box-sizing: border-box !important; 3646} 3647 3648 3649/* Breadcrumb text */ 3650html[lang^="en"] #mk-page-introduce .mk-breadcrumbs *, 3651html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner *, 3652html[lang^="en"] #mk-page-introduce .breadcrumbs *, 3653html[lang^="en"] #mk-page-introduce .breadcrumb * { 3654 color: #58595B !important; 3655 3656 font-size: 14px !important; 3657 font-weight: 600 !important; 3658 line-height: 1.4 !important; 3659 3660 text-transform: none !important; 3661 letter-spacing: 0 !important; 3662} 3663 3664 3665/* Breadcrumb links */ 3666html[lang^="en"] #mk-page-introduce .mk-breadcrumbs a, 3667html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner a, 3668html[lang^="en"] #mk-page-introduce .breadcrumbs a, 3669html[lang^="en"] #mk-page-introduce .breadcrumb a { 3670 color: #00AEEF !important; 3671 -webkit-text-fill-color: #00AEEF !important; 3672 3673 font-weight: 700 !important; 3674 text-decoration: none !important; 3675} 3676 3677 3678/* Breadcrumb hover */ 3679html[lang^="en"] #mk-page-introduce .mk-breadcrumbs a:hover, 3680html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner a:hover, 3681html[lang^="en"] #mk-page-introduce .breadcrumbs a:hover, 3682html[lang^="en"] #mk-page-introduce .breadcrumb a:hover {
3683 color: #007FAE !important; 3684 -webkit-text-fill-color: #007FAE !important; 3685 text-decoration: none !important; 3686} 3687 3688 3689/* Remove unwanted decorative elements */ 3690html[lang^="en"] #mk-page-introduce::before, 3691html[lang^="en"] #mk-page-introduce::after, 3692html[lang^="en"] #mk-page-introduce .mk-grid::before, 3693html[lang^="en"] #mk-page-introduce .mk-grid::after { 3694 display: none !important; 3695 content: none !important; 3696} 3697 3698 3699/* ========================================================= 3700 MOBILE 3701 ========================================================= */ 3702 3703@media (max-width: 768px) { 3704 3705 html[lang^="en"] #mk-page-introduce { 3706 min-height: auto !important; 3707 3708 padding: 20px 0 22px !important; 3709 3710 border-radius: 0 0 0 42px !important; 3711 box-shadow: none !important; 3712 } 3713 3714 html[lang^="en"] #mk-page-introduce .mk-grid { 3715 padding-left: 22px !important; 3716 padding-right: 22px !important; 3717 } 3718 3719 html[lang^="en"] #mk-page-introduce h1, 3720 html[lang^="en"] #mk-page-introduce .page-title, 3721 html[lang^="en"] #mk-page-introduce .mk-page-heading { 3722 margin-bottom: 14px !important; 3723 3724 font-size: 28px !important; 3725 line-height: 1.2 !important; 3726 } 3727 3728 html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner, 3729 html[lang^="en"] #mk-page-introduce .breadcrumbs, 3730 html[lang^="en"] #mk-page-introduce .breadcrumb { 3731 min-height: auto !important; 3732 3733 padding: 8px 14px !important; 3734 3735 font-size: 12px !important; 3736 } 3737 3738 html[lang^="en"] #mk-page-introduce .mk-breadcrumbs *, 3739 html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner *, 3740 html[lang^="en"] #mk-page-introduce .breadcrumbs *, 3741 html[lang^="en"] #mk-page-introduce .breadcrumb * { 3742 font-size: 12px !important; 3743 } 3744} 3745/* English page title â keep long titles on one line */ 3746@media (min-width: 1100px) { 3747 html[lang^="en"] #mk-page-introduce h1, 3748 html[lang^="en"] #mk-page-introduce .page-title, 3749 html[lang^="en"] #mk-page-introduce .mk-page-heading { 3750 width: max-content !important; 3751 max-width: none !important; 3752 3753 font-size: 36px !important; 3754 line-height: 1.15 !important; 3755 3756 white-space: nowrap !important; 3757 overflow: visible !important; 3758 } 3759} 3760 3761/* English page title â add space below the main menu */ 3762@media (min-width: 1100px) { 3763 html[lang^="en"] #mk-page-introduce { 3764 padding-top: 25px !important; 3765 padding-bottom: 25px !important; 3766 } 3767 3768 html[lang^="en"] #mk-page-introduce h1, 3769 html[lang^="en"] #mk-page-introduce .page-title, 3770 html[lang^="en"] #mk-page-introduce .mk-page-heading { 3771 margin-top: 0 !important; 3772 margin-bottom: 14px !important; 3773 } 3774} 3775 3776/* English page title â keep original size and use more width */ 3777@media (min-width: 1100px) { 3778 3779 html[lang^="en"] #mk-page-introduce .mk-grid { 3780 width: 100% !important; 3781 max-width: 1420px !important; 3782 3783 margin-left: auto !important; 3784 margin-right: auto !important; 3785 3786 padding-left: 65px !important; 3787 padding-right: 65px !important; 3788 3789 box-sizing: border-box !important; 3790 } 3791 3792 html[lang^="en"] #mk-page-introduce h1, 3793 html[lang^="en"] #mk-page-introduce .page-title, 3794 html[lang^="en"] #mk-page-introduce .mk-page-heading { 3795 width: 100% !important; 3796 max-width: none !important; 3797 3798 font-size: 42px !important; 3799 line-height: 1.18 !important; 3800 3801 white-space: nowrap !important; 3802 overflow: visible !important; 3803 } 3804} 3805 3806/* English page title â better horizontal alignment */ 3807@media (min-width: 1100px) { 3808 3809 html[lang^="en"] #mk-page-introduce .mk-grid { 3810 width: 100% !important; 3811 max-width: 1320px !important; 3812 3813 margin-left: auto !important; 3814 margin-right: auto !important; 3815 3816 padding-left: 115px !important; 3817 padding-right: 45px !important; 3818 3819 box-sizing: border-box !important; 3820 } 3821 3822 html[lang^="en"] #mk-page-introduce h1, 3823 html[lang^="en"] #mk-page-introduce .page-title, 3824 html[lang^="en"] #mk-page-introduce .mk-page-heading { 3825 width: 100% !important; 3826 max-width: none !important; 3827 3828 font-size: 42px !important; 3829 line-height: 1.18 !important; 3830 3831 white-space: nowrap !important; 3832 text-align: left !important; 3833 } 3834} 3835/* English page title and breadcrumb â same left alignment */ 3836@media (min-width: 1100px) { 3837 3838 html[lang^="en"] #mk-page-introduce .mk-grid { 3839 width: 100% !important; 3840 max-width: 1320px !important; 3841 margin-left: auto !important; 3842 margin-right: auto !important; 3843 padding-left: 95px !important; 3844 padding-right: 45px !important; 3845 box-sizing: border-box !important; 3846 } 3847 3848 html[lang^="en"] #mk-page-introduce h1, 3849 html[lang^="en"] #mk-page-introduce .page-title, 3850 html[lang^="en"] #mk-page-introduce .mk-page-heading, 3851 html[lang^="en"] #mk-page-introduce .mk-breadcrumbs, 3852 html[lang^="en"] #mk-page-introduce #mk-breadcrumbs, 3853 html[lang^="en"] #mk-page-introduce .mk-breadcrumbs-inner { 3854 margin-left: 0 !important; 3855 transform: none !important; 3856 left: auto !important; 3857 } 3858} 3859 3860/* ========================================================= 3861 ENGLISH VERSION â GLOBAL SOMMAIRE 3862 Applies automatically to all English pages 3863 ========================================================= */ 3864 3865 3866/* Main sommaire container */ 3867html[lang^="en"] #ez-toc-container, 3868html[lang^="en"] .ez-toc-container { 3869 width: 100% !important; 3870 max-width: 960px !important; 3871 3872 margin: 24px auto 36px !important; 3873 padding: 22px 24px !important; 3874 3875 background: #EAF8FD !important; 3876 background-color: #EAF8FD !important; 3877 3878 border: 1px solid rgba(0, 174, 239, 0.25) !important; 3879 border-left: 4px solid #00AEEF !important; 3880 border-radius: 4px !important; 3881 3882 box-shadow: none !important; 3883 3884 box-sizing: border-box !important; 3885} 3886 3887 3888/* Sommaire title */ 3889html[lang^="en"] #ez-toc-container .ez-toc-title, 3890html[lang^="en"] .ez-toc-container .ez-toc-title, 3891html[lang^="en"] #ez-toc-container p.ez-toc-title, 3892html[lang^="en"] .ez-toc-container p.ez-toc-title { 3893 margin: 0 0 18px !important; 3894 3895 color: #222222 !important; 3896 -webkit-text-fill-color: #222222 !important; 3897 3898 font-size: 22px !important; 3899 font-weight: 700 !important; 3900 line-height: 1.25 !important; 3901 3902 white-space: nowrap !important; 3903} 3904 3905 3906/* Remove default list spacing */ 3907html[lang^="en"] #ez-toc-container nav, 3908html[lang^="en"] .ez-toc-container nav, 3909html[lang^="en"] #ez-toc-container ul, 3910html[lang^="en"] .ez-toc-container ul, 3911html[lang^="en"] #ez-toc-container ol, 3912html[lang^="en"] .ez-toc-container ol { 3913 margin: 0 !important; 3914 padding-left: 0 !important; 3915} 3916 3917 3918/* Each sommaire item */ 3919html[lang^="en"] #ez-toc-container li, 3920html[lang^="en"] .ez-toc-container li { 3921 margin: 0 0 8px !important; 3922 padding: 0 !important; 3923 3924 line-height: 1.4 !important; 3925 list-style: none !important; 3926} 3927 3928 3929/* Last item */ 3930html[lang^="en"] #ez-toc-container li:last-child, 3931html[lang^="en"] .ez-toc-container li:last-child { 3932 margin-bottom: 0 !important; 3933} 3934 3935 3936/* Sommaire links */ 3937html[lang^="en"] #ez-toc-container a, 3938html[lang^="en"] .ez-toc-container a { 3939 display: inline-flex !important; 3940 align-items: center !important; 3941 gap: 8px !important; 3942 3943 width: auto !important; 3944 max-width: 100% !important; 3945 3946 padding: 6px 10px !important; 3947 3948 background: transparent !important; 3949 background-color: transparent !important; 3950 3951 color: #58595B !important; 3952 -webkit-text-fill-color: #58595B !important; 3953 3954 border-radius: 4px !important; 3955 3956 font-size: 17px !important; 3957 font-weight: 600 !important; 3958 line-height: 1.4 !important; 3959 3960 text-decoration: none !important; 3961 text-transform: none !important; 3962 letter-spacing: normal !important; 3963 3964 box-sizing: border-box !important; 3965 3966 transition: 3967 color 0.2s ease, 3968 background-color 0.2s ease, 3969 transform 0.2s ease !important; 3970} 3971 3972 3973/* Blue arrow */ 3974html[lang^="en"] #ez-toc-container a::before, 3975html[lang^="en"] .ez-toc-container a::before { 3976 content: "âº" !important; 3977 3978 color: #00AEEF !important; 3979 -webkit-text-fill-color: #00AEEF !important; 3980 3981 font-size: 18px !important; 3982 font-weight: 700 !important; 3983 line-height: 1 !important; 3984 3985 flex: 0 0 auto !important; 3986} 3987 3988 3989/* Remove other automatic markers */ 3990html[lang^="en"] #ez-toc-container a::after, 3991html[lang^="en"] .ez-toc-container a::after { 3992 display: none !important; 3993 content: none !important; 3994} 3995 3996 3997/* Hover only */ 3998html[lang^="en"] #ez-toc-container a:hover, 3999html[lang^="en"] .ez-toc-container a:hover { 4000 background: #ffffff !important; 4001 background-color: #ffffff !important; 4002 4003 color: #00AEEF !important; 4004 -webkit-text-fill-color: #00AEEF !important; 4005 4006 text-decoration: none !important; 4007 4008 transform: translateX(3px) !important; 4009} 4010 4011 4012/* Keep nested text blue on hover */ 4013html[lang^="en"] #ez-toc-container a:hover *, 4014html[lang^="en"] .ez-toc-container a:hover * { 4015 color: #00AEEF !important; 4016 -webkit-text-fill-color: #00AEEF !important; 4017} 4018 4019 4020/* Keep arrow blue on hover */ 4021html[lang^="en"] #ez-toc-container a:hover::before, 4022html[lang^="en"] .ez-toc-container a:hover::before { 4023 color: #00AEEF !important; 4024 -webkit-text-fill-color: #00AEEF !important; 4025} 4026 4027 4028/* Nested list spacing */ 4029html[lang^="en"] #ez-toc-container .ez-toc-list > li > ul, 4030html[lang^="en"] .ez-toc-container .ez-toc-list > li > ul { 4031 margin-top: 6px !important; 4032 margin-bottom: 10px !important; 4033 padding-left: 28px !important; 4034} 4035 4036 4037/* Remove plugin numbering */ 4038html[lang^="en"] #ez-toc-container .ez-toc-list, 4039html[lang^="en"] .ez-toc-container .ez-toc-list { 4040 list-style: none !important; 4041 counter-reset: none !important; 4042} 4043 4044 4045/* Keep the toggle button in the upper-right corner */ 4046html[lang^="en"] #ez-toc-container .ez-toc-title-container, 4047html[lang^="en"] .ez-toc-container .ez-toc-title-container { 4048 display: flex !important; 4049 align-items: center !important; 4050 justify-content: space-between !important; 4051 gap: 20px !important; 4052} 4053 4054 4055/* Mobile */ 4056@media (max-width: 768px) { 4057 4058 html[lang^="en"] #ez-toc-container, 4059 html[lang^="en"] .ez-toc-container { 4060 width: calc(100% - 30px) !important; 4061 max-width: none !important; 4062 4063 margin: 20px auto 30px !important; 4064 padding: 20px 18px !important; 4065 } 4066 4067 html[lang^="en"] #ez-toc-container .ez-toc-title, 4068 html[lang^="en"] .ez-toc-container .ez-toc-title, 4069 html[lang^="en"] #ez-toc-container p.ez-toc-title, 4070 html[lang^="en"] .ez-toc-container p.ez-toc-title { 4071 font-size: 19px !important; 4072 white-space: normal !important; 4073 } 4074 4075 html[lang^="en"] #ez-toc-container a, 4076 html[lang^="en"] .ez-toc-container a { 4077 font-size: 15.5px !important; 4078 white-space: normal !important; 4079 } 4080} 4081 4082/* ========================================================== 4083 ACTIVITÃS - HERO BANNER WIDTH 4084 Ajustement de la largeur de la bannière bleue 4085 Alignement à droite avec le menu "Contact" 4086 ========================================================== */ 4087@media (min-width: 1100px) { 4088 .sinaptec-page-title-banner-activite { 4089 width: calc(50vw + 565px - 16px) !important; 4090 max-width: none !important; 4091 margin-left: 0 !important; 4092 margin-right: auto !important; 4093 overflow: hidden !important; 4094 box-sizing: border-box !important; 4095 } 4096 4097 .sinaptec-page-title-banner-activite .mk-page-section-inner, 4098 .sinaptec-page-title-banner-activite .mk-video-color-mask { 4099 width: 100% !important; 4100 max-width: none !important; 4101 left: 0 !important; 4102 right: auto !important; 4103 } 4104} 4105 4106/* ========================================================= 4107 ENGLISH HOME â REMOVE PAGE TITLE BANNER 4108 Supprime uniquement la bannière bleue de lâaccueil anglais 4109 ========================================================= */ 4110 4111html[lang^="en"] body.home #mk-page-introduce { 4112 display: none !important; 4113} 4114 4115/* ========================================================= 4116 ACTIVITIES FR + EN â HERO BANNER 4117 Bandeau bleu des pages Activités 4118 ========================================================= */ 4119 4120@media (min-width: 1100px) { 4121 .sinaptec-page-title-banner-activite { 4122 width: calc(50vw + 565px - 16px) !important; 4123 max-width: none !important; 4124 margin-left: 0 !important; 4125 margin-right: auto !important; 4126 overflow: hidden !important; 4127 box-sizing: border-box !important; 4128 4129 background: rgba(0, 174, 239, 0.16) !important; 4130 border-radius: 0 0 0 90px !important; 4131 } 4132 4133 .sinaptec-page-title-banner-activite .mk-page-section-inner { 4134 width: 100% !important; 4135 max-width: none !important; 4136 } 4137} 4138 4139/* ========================================================= 4140 EN ACTIVITIES â TITLE + BREADCRUMB 4141 ========================================================= */ 4142 4143.activities-page-title { 4144 margin: 0 0 22px !important; 4145 color: #5f6265 !important; 4146 font-size: 40px !important; 4147 font-weight: 400 !important; 4148 line-height: 1.2 !important; 4149} 4150 4151.activities-breadcrumb { 4152 display: inline-flex; 4153 align-items: center; 4154 gap: 5px; 4155 4156 padding: 11px 18px; 4157 4158 background: #ffffff; 4159 border-left: 4px solid #00AEEF; 4160 border-radius: 4px; 4161 4162 color: #4f5f6f; 4163 font-size: 14px; 4164 font-weight: 600; 4165 line-height: 1.4; 4166} 4167 4168.activities-breadcrumb a { 4169 color: #00AEEF !important; 4170 font-weight: 700; 4171 text-decoration: none; 4172} 4173 4174.activities-breadcrumb a:hover { 4175 text-decoration: underline; 4176} 4177 4178/* ========================================================= 4179 EN ACTIVITIES â PAGE TITLE 4180 Montserrat 42px, identique aux autres pages 4181 ========================================================= */ 4182 4183#fancy-title-4, 4184#fancy-title-4 span, 4185#fancy-title-4 span[style] { 4186 font-family: "Montserrat", Arial, sans-serif !important; 4187 font-size: 42px !important; 4188 font-weight: 500 !important; 4189 line-height: 1.2 !important; 4190} 4191 4192/* ========================================================= 4193 EN ACTIVITIES â BANNER HEIGHT 4194 Même hauteur que la version française 4195 ========================================================= */ 4196 4197html[lang^="en"] .sinaptec-page-title-banner-activite { 4198 min-height:125px !important; 4199 height: 125px !important; 4200 padding-top: 0 !important; 4201 padding-bottom: 0 !important; 4202} 4203 4204html[lang^="en"] .sinaptec-page-title-banner-activite .page-section-content { 4205 height: 100% !important; 4206 display: flex !important; 4207 flex-direction: column !important; 4208 justify-content: center !important; 4209} 4210 4211html[lang^="en"] .sinaptec-page-title-banner-activite .activities-page-title { 4212 margin: 0 0 18px !important; 4213} 4214 4215html[lang^="en"] .sinaptec-page-title-banner-activite .activities-breadcrumb { 4216 margin: 0 !important; 4217} 4218 4219/* ========================================================= 4220 INDUSTRIE - NUCLEAIRE CARD 4221 ========================================================= */ 4222 4223.industry-nucleaire-card { 4224 max-width: 1100px !important; 4225 width: calc(100% - 40px) !important; 4226 4227 margin: 30px auto 45px !important; 4228 padding: 42px 48px 45px !important; 4229 4230 background: #F8FCFE !important; 4231 border: 1px solid #D7EEF9 !important; 4232 border-radius: 16px !important; 4233 4234 box-sizing: border-box !important; 4235 box-shadow: none !important; 4236} 4237 4238/* Nuclear card - buttons only */ 4239.industry-nucleaire-card a.mk-button.mk-button--dimension-outline.mk-button--size-large, 4240.industry-nucleaire-card a.mk-button.mk-button--dimension-outline.mk-button--size-medium { 4241 width: auto !important; 4242 min-width: 0 !important; 4243 max-width: 100% !important; 4244 padding: 10px 22px !important; 4245} 4246 4247.industry-agroalimentaire-card { 4248 max-width: 1340px !important; 4249 width: calc(100% - 40px) !important; 4250 margin: 30px auto 45px !important; 4251 4252 padding: 30px 48px 36px !important; 4253 4254 background: #ffffff !important; 4255 border: none solid #D7EEF9 !important; 4256 border-radius: 0 !important; 4257 4258 box-sizing: border-box !important; 4259 box-shadow: none !important; 4260} 4261 4262/* Agroalimentaire card - buttons only */ 4263.industry-agroalimentaire-card .mk-button { 4264 width: auto !important; 4265 min-width: 0 !important; 4266 max-width: 100% !important; 4267 padding: 10px 22px !important; 4268} 4269 4270/* ========================================================= 4271 FIX ENGLISH LONG PAGE TITLE - 27/08/2026 4272 ========================================================= */ 4273 4274@media (min-width: 1100px) { 4275 4276 html[lang^="en"] #mk-page-introduce { 4277 height: auto !important; 4278 min-height: 110px !important; 4279 padding-top: 22px !important; 4280 padding-bottom: 22px !important; 4281 } 4282 4283 html[lang^="en"] #mk-page-introduce h1, 4284 html[lang^="en"] #mk-page-introduce .page-title, 4285 html[lang^="en"] #mk-page-introduce .mk-page-heading { 4286 width: 100% !important; 4287 max-width: 100% !important; 4288 4289 white-space: normal !important; 4290 overflow-wrap: normal !important; 4291 word-break: normal !important; 4292 4293 font-size: 42px !important; 4294 line-height: 1.18 !important; 4295 4296 bo
4296x-sizing: border-box !important; 4297 } 4298} 4299</style> 4300<meta name="generator" content="Jupiter Child 6.10.6.1708701148" /><style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1784556723539{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript> </head> 4301 4302<body data-rsssl=1 class="wp-singular page-template-default page page-id-19279 wp-theme-jupiter wp-child-theme-theme-jupiter-enfant cookies-not-set wpb-js-composer js-comp-ver-8.7.3 vc_responsive" itemscope="itemscope" itemtype="https://schema.org/WebPage" data-adminbar=""> 4303 4304 <!-- Target for scroll anchors to achieve native browser bahaviour + possible enhancements like smooth scrolling --> 4305 <div id="top-of-page"></div> 4306 4307 <div id="mk-boxed-layout"> 4308 4309 <div id="mk-theme-container" > 4310 4311 4312 <header data-height='90' 4313 data-sticky-height='55' 4314 data-responsive-height='90' 4315 data-transparent-skin='' 4316 data-header-style='1' 4317 data-sticky-style='fixed' 4318 data-sticky-offset='header' id="mk-header-1" class="mk-header header-style-1 header-align-left toolbar-true menu-hover-3 sticky-style-fixed mk-background-stretch boxed-header " role="banner" itemscope="itemscope" itemtype="https://schema.org/WPHeader" > 4319 <div class="mk-header-holder"> 4320 4321<div class="mk-header-toolbar"> 4322
4323 <div class="mk-grid header-grid"> 4324 4325 <div class="mk-header-toolbar-holder"> 4326 4327 <div class="mk-header-login"> 4328 <a href="#" id="mk-header-login-button" class="mk-login-link mk-toggle-trigger"><svg class="mk-svg-icon" data-name="mk-moon-user-8" data-cacheid="icon-6abf49775856b" style=" height:16px; width: 16px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M160 352a96 96 12780 1 0 192 0 96 96 12780 1 0-192 0zm96-128c-106.039 0-192-100.289-192-224h64c0 88.365 57.307 160 128 160 70.691 0 128-71.635 128-160h64c0 123.711-85.962 224-192 224z" transform="scale(1 -1) translate(0 -480)"/></svg>Login</a> 4329 <div class="mk-login-register mk-box-to-trigger"> 4330 4331 <div id="mk-login-panel"> 4332 <form id="mk_login_form" name="mk_login_form" method="post" class="mk-login-form" action="https://www.sinaptec.fr/wp-login.php"> 4333 <span class="form-section"> 4334 <label for="log">Username</label> 4335 <input type="text" id="username" name="log" class="text-input"> 4336 </span> 4337 <span class="form-section"> 4338 <label for="pwd">Password</label> 4339 <input type="password" id="password" name="pwd" class="text-input"> 4340 </span> 4341 <label class="mk-login-remember"> 4342 <input type="checkbox" name="rememberme" id="rememberme" value="forever"> Remember Me </label> 4343 4344 <input type="submit" id="login" name="submit_button" class="accent-bg-color button" value="LOG IN"> 4345<input type="hidden" id="security" name="security" value="0c9f284db0" /><input type="hidden" name="_wp_http_referer" value="/services-ultrasons/" /> 4346 <div class="register-login-links"> 4347 <a href="#" class="mk-forget-password">Forgot?</a> 4348</div> 4349 <div class="clearboth"></div> 4350 <p class="mk-login-status"></p> 4351 </form> 4352 </div> 4353 4354 4355 <div class="mk-forget-panel"> 4356 <span class="mk-login-title">Forget your password?</span> 4357 <form id="forgot_form" name="login_form" method="post" class="mk-forget-password-form" action="https://www.sinaptec.fr/wp-login.php?action=lostpassword"> 4358 <span class="form-section"> 4359 <label for="user_login">Username or E-mail</label> 4360 <input type="text" id="forgot-email" name="user_login" class="text-input"> 4361 </span> 4362 <span class="form-section"> 4363 <input type="submit" id="recover" name="submit" class="accent-bg-color button" value="Get New Password"> 4364 </span> 4365 <div class="register-login-links"> 4366 <a class="mk-return-login" href="#">Remembered Password?</a> 4367 </div> 4368 </form> 4369 4370 </div> 4371 </div> 4372</div> 4373 4374 </div> 4375 4376 </div> 4377 4378</div> 4379 <div class="mk-header-inner add-header-height"> 4380 4381 <div class="mk-header-bg "></div> 4382 4383 <div class="mk-toolbar-resposnive-icon"><svg class="mk-svg-icon" data-name="mk-icon-chevron-down" data-cacheid="icon-6abf497758861" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"/></svg></div> 4384 4385 <div class="mk-gri
4385d header-grid"> 4386 4387 <div class="mk-header-nav-container one-row-style menu-hover-style-3" role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" > 4388 <nav class="mk-main-navigation js-main-nav"><ul id="menu-main-menu" class="main-navigation-ul"><li id="menu-item-19751" class="menu-item menu-item-type-post_type menu-item-object-page no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/societe/">Société</a></li> 4389<li id="menu-item-19800" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-19279 current_page_item no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/services-ultrasons/">Service</a></li> 4390<li id="menu-item-8749" class="menu-item menu-item-type-post_type menu-item-object-page no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/nos-activites-ultrasons/">Activités</a></li> 4391<li id="menu-item-16113" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="#">Applications & Produits</a> 4392<ul style="" class="sub-menu "> 4393 <li id="menu-item-8788" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/produits/">Applications et Produits pour l’industrie</a></li> 4394 <li id="menu-item-16114" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/produits-sante/">Applications et produits pour la MedTech</a></li> 4395</ul> 4396</li> 4397<li id="menu-item-7145" class="menu-item menu-item-type-post_type menu-item-object-page no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/modules-et-composants-ultrasons/">Générateur</a></li> 4398<li id="menu-item-6649" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children no-mega-menu"><a class="menu-item-link js-smooth-scroll" title="Découvrir les ultrasons : principes généraux" href="https://www.sinaptec.fr/principes-generaux-ultrasons/">Ultrasons</a> 4399<ul style="" class="sub-menu "> 4400 <li id="menu-item-7584" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" title="Principaux effets et applications" href="https://www.sinaptec.fr/ultrasons-de-puissance/">Les Ultrasons de Puissance</a></li> 4401 <li id="menu-item-13088" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/la-technologie/">Les transducteur ultrason et effet piézoélectrique : la technologie</a></li> 4402</ul> 4403</li> 4404<li id="menu-item-11159" class="menu-item menu-item-type-taxonomy menu-item-object-category no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/blog/">Blog</a></li> 4405<li id="menu-item-6356" class="menu-item menu-item-type-post_type menu-item-object-page has-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/contactez-nous-3/">Contact</a></li> 4406</ul></nav><div class="mk-dashboard-trigger fullscreen-style add-header-height"> 4407 <div class="mk-css-icon-menu icon-size-small"> 4408 <div class="mk-css-icon-menu-line-1"></div> 4409 <div class="mk-css-icon-menu-line-2"></div> 4410 <div class="mk-css-icon-menu-line-3"></div> 4411 </div> 4412</div> 4413 4414 </div> 4415 4416<div class="mk-nav-responsive-link"> 4417 <div class="mk-css-icon-menu"> 4418 <div class="mk-css-icon-menu-line-1"></div> 4419 <div class="mk-css-icon-menu-line-2"></div> 4420 <div class="mk-css-icon-menu-line-3"></div> 4421 </div> 4422</div> <div class=" header-logo fit-logo-img add-header-height logo-is-responsive logo-has-sticky"> 4423 <a href="https://www.sinaptec.fr/" title="Sinaptec"> 4424 4425 <img class="mk-desktop-logo dark-logo " 4426 title="Technologie Ultrasons" 4427 alt="Technologie Ultrasons" 4428 src="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" /> 4429 4430 <img class="mk-desktop-logo light-logo " 4431 title="Technologie Ultrasons" 4432 alt="Technologie Ultrasons" 4433 src="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" /> 4434 4435 <img class="mk-resposnive-logo " 4436 title="Technologie Ultrasons" 4437 alt="Technologie Ultrasons" 4438 src="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" /> 4439 4440 <img class="mk-sticky-logo " 4441 title="Technologie Ultrasons" 4442 alt="Technologie Ultrasons" 4443 src="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" /> 4444 </a> 4445 </div> 4446 4447 </div> 4448 4449 <div class="mk-header-right"> 4450 4451<div class="mk-header-search"> 4452 <form class="mk-header-searchform" method="get" id="mk-header-searchform" action="https://www.sinaptec.fr/">
4453 <span> 4454 <input type="text" class="text-input on-close-state" value="" name="s" id="s" placeholder="Search.." /> 4455 <i class="mk-searchform-icon"><svg class="mk-svg-icon" data-name="mk-icon-search" data-cacheid="icon-6abf497762702" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1664 1792"><path d="M1152 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"/></svg><input value="" type="submit" class="header-search-btn" /></i> 4456 </span> 4457 </form> 4458</div> 4459 </div> 4460 4461 </div> 4462 4463<div class="mk-responsive-wrap"> 4464 4465 <nav class="menu-main-menu-container"><ul id="menu-main-menu-1" class="mk-responsive-nav"><li id="responsive-menu-item-19751" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/societe/">Société</a></li> 4466<li id="responsive-menu-item-19800" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-19279 current_page_item"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/services-ultrasons/">Service</a></li> 4467<li id="responsive-menu-item-8749" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/nos-activites-ultrasons/">Activités</a></li> 4468<li id="responsive-menu-item-16113" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a class="menu-item-link js-smooth-scroll" href="#">Applications & Produits</a><span class="mk-nav-arrow mk-nav-sub-closed"><svg class="mk-svg-icon" data-name="mk-moon-arrow-down" data-cacheid="icon-6abf497765221" style=" height:16px; width: 16px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 192l-96-96-160 160-160-160-96 96 256 255.999z"/></svg></span> 4469<ul class="sub-menu "> 4470 <li id="responsive-menu-item-8788" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/produits/">Applications et Produits pour l’industrie</a></li> 4471 <li id="responsive-menu-item-16114" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/produits-sante/">Applications et produits pour la MedTech</a></li> 4472</ul> 4473</li> 4474<li id="responsive-menu-item-7145" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/modules-et-composants-ultrasons/">Générateur</a></li> 4475<li id="responsive-menu-item-6649" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a class="menu-item-link js-smooth-scroll" title="Découvrir les ultrasons : principes généraux" href="https://www.sinaptec.fr/principes-generaux-ultrasons/">Ultrasons</a><span class="mk-nav-arrow mk-nav-sub-closed"><svg class="mk-svg-icon" data-name="mk-moon-arrow-down" data-cacheid="icon-6abf4977656d4" style=" height:16px; width: 16px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 192l-96-96-160 160-160-160-96 96 256 255.999z"/></svg></span> 4476<ul class="sub-menu "> 4477 <li id="responsive-menu-item-7584" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" title="Principaux effets et applications" href="https://www.sinaptec.fr/ultrasons-de-puissance/">Les Ultrasons de Puissance</a></li> 4478 <li id="responsive-menu-item-13088" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/la-technologie/">Les transducteur ultrason et effet piézoélectrique : la technologie</a></li> 4479</ul> 4480</li> 4481<li id="responsive-menu-item-11159" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/blog/">Blog</a></li> 4482<li id="responsive-menu-item-6356" class="menu-item menu-item-type-post_type menu-item-object-page"><a class="menu-item-link js-smooth-scroll" href="https://www.sinaptec.fr/contactez-nous-3/">Contact</a></li> 4483</ul></nav> 4484 <form class="responsive-searchform" method="get" action="https://www.sinaptec.fr/"> 4485 <input type="text" class="text-input" value="" name="s" id="s" placeholder="Search.." /> 4486 <i><input value="" type="submit" /><svg class="mk-svg-icon" data-name="mk-icon-search" data-cacheid="icon-6abf497765b20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1664 1792"><path d="M1152 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"/></svg></i> 4487 </form> 4488 4489 4490</div> 4491 4492 </div> 4493 4494 <div class="mk-header-padding-wrapper"></div> 4495 4496 <section id="mk-page-introduce" class="intro-left">
4496<div class="mk-grid"><h1 class="page-title ">Service</h1><div id="mk-breadcrumbs"><div class="mk-breadcrumbs-inner light-skin"><span><span><a href="https://www.sinaptec.fr/">Accueil</a></span> » <span class="breadcrumb_last" aria-current="page">Service</span></span></div></div><div class="clearboth"></div></div></section> 4497 </header> 4498 4499 <div id="theme-page" class="master-holder clearfix" itemscope="itemscope" itemtype="https://schema.org/Blog" > 4500 <div class="master-holder-bg-holder"> 4501 <div id="theme-page-bg" class="master-holder-bg js-el" ></div> 4502 </div> 4503 <div class="mk-main-wrapper-holder"> 4504 <div id="mk-page-id-19279" class="theme-page-wrapper mk-main-wrapper mk-grid full-layout no-padding"> 4505 <div class="theme-content no-padding" itemprop="mainEntityOfPage"> 4506 <div class="wpb-content-wrapper"> 4507<div class="mk-page-section-wrapper" data-mk-full-width="true" data-mk-full-width-init="true" data-mk-stretch-content="true"> 4508 <div id="page-section-2" class="mk-page-section self-hosted full_layout full-width-2 js-el js-master-row jupiter-donut- Discutons de votre projet" data-intro-effect="false"> 4509 4510 4511 <div class="mk-page-section-inner"> 4512 4513 4514 4515<div class="mk-video-color-mask"></div> 4516 4517 4518 </div> 4519 4520 4521 <div class="page-section-content vc_row-fluid mk-grid " > 4522 <div class="mk-padding-wrapper wpb_row"> 4523<div class="vc_col-sm-12 wpb_column column_container jupiter-donut- _ jupiter-donut-height-full"> 4524 4525 4526<div class="wpb_row vc_inner vc_row vc_row-fluid jupiter-donut- service-hero-image-row attched-false "> 4527 <div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_empty_space" style="height: 32px"><span class="vc_empty_space_inner"></span></div><div class="vc_empty_space" style="height: 32px"><span class="vc_empty_space_inner"></span></div> 4528 <div class="wpb_single_image wpb_content_element vc_align_center wpb_content_element vc_custom_1784556723539"> 4529 4530 <figure class="wpb_wrapper vc_figure"> 4531 <div class="vc_single_image-wrapper vc_box_border_grey"><img fetchpriority="high" decoding="async" width="1007" height="349" src="https://www.sinaptec.fr/wp-content/uploads/2026/07/hero-image-service.jpg" class="vc_single_image-img attachment-full" alt="" title="hero-image-service" srcset="https://www.sinaptec.fr/wp-content/uploads/2026/07/hero-image-service.jpg 1007w, https://www.sinaptec.fr/wp-content/uploads/2026/07/hero-image-service-300x104.jpg 300w, https://www.sinaptec.fr/wp-content/uploads/2026/07/hero-image-service-768x266.jpg 768w" sizes="(max-width: 1007px) 100vw, 1007px" itemprop="image" /></div> 4532 </figure> 4533 </div> 4534 4535<div id="mk-button-4" class="mk-button-container _ jupiter-donut-relative jupiter-donut-inline-block jupiter-donut-left service-hero-cta"> 4536 4537 4538 <a href="https://www.sinaptec.fr/contactez-nous-3/" target="_blank" class="mk-button
4538js-smooth-scroll mk-button--dimension-three mk-button--size-small mk-button--corner-pointed text-color-light _ jupiter-donut-relative jupiter-donut-text-center jupiter-donut-font-weight-700 jupiter-donut-no-backface letter-spacing-1 jupiter-donut-inline-block"><span class="mk-button--text">Discutons de votre projet </span></a> 4539 4540 4541</div> 4542</div></div></div> </div> 4543</div> 4544</div> 4545 <div class="clearboth"></div> 4546 </div> 4547 4548 4549 4550 4551<div class="mk-skip-to-next" data-skin="dark"> 4552 <svg class="mk-svg-icon" data-name="mk-jupiter-icon-arrow-bottom" data-cacheid="icon-6abf49776a399" style=" height:16px; width: 16px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 121.6c0 8-3.2 16-8 22.4l-225.6 240c-6.4 6.4-14.4 9.6-24 9.6-8 0-16-3.2-22.4-9.6l-224-240c-11.2-12.8-11.2-33.6 1.6-44.8 12.8-12.8 32-11.2 44.8 1.6l201.6 214.4 203.2-216c11.2-12.8 32-12.8 44.8 0 4.8 6.4 8 14.4 8 22.4z"/></svg></div> 4553 4554 <div class="clearboth"></div> 4555 </div> 4556</div> 4557<div class="vc_row-full-width vc_clearfix"></div> 4558 4559 4560<div class="mk-page-section-wrapper" data-mk-full-width="true" data-mk-full-width-init="true" data-mk-stretch-content="true"> 4561 <div id="page-section-5" class="mk-page-section self-hosted full_layout full-width-5 js-el js-master-row jupiter-donut- " data-intro-effect="false"> 4562 4563 4564 <div class="mk-page-section-inner"> 4565 4566 4567 4568<div class="mk-video-color-mask"></div> 4569 4570 4571 </div> 4572 4573 4574 <div class="page-section-content vc_row-fluid mk-grid " > 4575 <div class="mk-padding-wrapper wpb_row"> 4576<div class="vc_col-sm-12 wpb_column column_container jupiter-donut- _ jupiter-donut-height-full"> 4577 <div class="vc_empty_space" style="height: 50px"><span class="vc_empty_space_inner"></span></div> 4578 <div class="wpb_raw_code wpb_raw_html wpb_content_element" > 4579 <div class="wpb_wrapper"> 4580 <div class="service-process"> 4581 4582 <div class="service-process__intro"> 4583 4584 <h2>Un accompagnement à chaque étape</h2> 4585 4586 <span class="service-title-line"></span> 4587 4588 <p class="service-process__subtitle"> 4589 De lâétude de faisabilité au développement dâune solution sur mesure, 4590 jusquâau service après‑vente, nos équipes vous accompagnent tout 4591 au long de votre projet ultrasonore. 4592 </p> 4593 4594 </div> 4595 4596 4597 <div class="service-list"> 4598 4599 <!-- ===================================================== 4600 01 â ÃTUDE DE FAISABILITà 4601 ===================================================== --> 4602 4603 <article class="service-item"> 4604 4605 <div class="service-item__heading"> 4606 4607 <span class="service-item__number">01</span> 4608 4609 <h3>Ãtude de faisabilité</h3> 4610 4611 </div> 4612 4613 <div class="service-item__body"> 4614 4615 <p> 4616 Chaque application ultrasonore présente des contraintes spécifiques. 4617 Nos ingénieurs analysent votre besoin afin de vous orienter vers les 4618 meilleurs choix technologiques et d'architecturaux. 4619 </p> 4620 4621 <p> 4622 De façon privilégiée, nous organisons dans un premier temps des essais, 4623 soit dans notre laboratoire, soit avec vous dans vos locaux, avec du 4624 matériel SinapTec mis à votre disposition. Cette première phase dâessais 4625 permet de comparer plusieurs configurations, de définir les paramètres 4626 pertinents et de valider la faisabilité technique du projet. 4627 </p> 4628 4629 <a class="service-item__link" href="/contact/"> 4630 Parler de votre application 4631 <span aria-hidden="true">â</span> 4632 </a> 4633 4634 </div> 4635 4636 </article> 4637 4638 4639 <!-- ===================================================== 4640 02 â RECHERCHE & DÃVELOPPEMENT 4641 ===================================================== --> 4642 4643 <article class="service-item"> 4644 4645 <div class="service-item__heading"> 4646 4647 <span class="service-item__number">02</span> 4648 4649 <h3>Recherche & Développement</h3> 4650 4651 </div> 4652 4653 <div class="service-item__body"> 4654 4655 <p> 4656 Les produits que nous avons développés sont le fruit de notre longue 4657 expérience dans lâaccompagnement de projets très divers. Nous vous 4658 orientons naturellement vers notre gamme de transducteurs 4659 et de générateurs existants. 4660 </p> 4661 4662 <p>
4663 Lorsque les solutions standard ne suffisent pas, SinapTec conçoit 4664 et réalise des équipements ultrasonores personnalisés. 4665 </p> 4666 4667 <p> 4668 Nos compétences couvrent tous les domaines scientifiques et techniques 4669 liés à la mise en Åuvre des ultrasons : lâacoustique, la mécanique, 4670 lâélectronique, les logiciels embarqués ainsi que la simulation numérique. 4671 </p> 4672 4673 <a class="service-item__link" href="/contact/"> 4674 Ãchanger avec notre équipe R&D 4675 <span aria-hidden="true">â</span> 4676 </a> 4677 4678 </div> 4679 4680 </article> 4681 4682 4683 <!-- ===================================================== 4684 03 â ACCOMPAGNEMENT TECHNIQUE 4685 ===================================================== --> 4686 4687 <article class="service-item"> 4688 4689 <div class="service-item__heading"> 4690 4691 <span class="service-item__number">03</span> 4692 4693 <h3>Accompagnement technique</h3> 4694 4695 </div> 4696 4697 <div class="service-item__body"> 4698 4699 <p> 4700 Nos équipes vous accompagnent dans la prise en main de vos équipements 4701 et dans la compréhension de leur fonctionnement. 4702 </p> 4703 4704 <p> 4705 Selon les besoins du projet, nous proposons des formations adaptées 4706 aux utilisateurs et aux équipes techniques, portant notamment sur 4707 lâutilisation des équipements, leur paramétrage et les bonnes pratiques 4708 à respecter. 4709 </p> 4710 4711 <p> 4712 Cet accompagnement permet à vos équipes de gagner en autonomie 4713 et dâexploiter pleinement les possibilités de la solution mise 4714 à leur disposition. 4715 </p> 4716 4717 <a class="service-item__link" href="/contact/"> 4718 Organiser un accompagnement 4719 <span aria-hidden="true">â</span> 4720 </a> 4721 4722 </div> 4723 4724 </article> 4725 4726 4727 <!-- ===================================================== 4728 04 â SERVICE APRÃS-VENTE 4729 ===================================================== --> 4730 4731 <article class="service-item"> 4732 4733 <div class="service-item__heading"> 4734 4735 <span class="service-item__number">04</span> 4736 4737 <h3>Service après‑vente</h3> 4738 4739 </div> 4740 4741 <div class="service-item__body"> 4742 4743 <p> 4744 Nos ingénieurs et techniciens interviennent pour la mise en route, 4745 les réglages, le suivi des équipements ainsi quâen cas de question 4746 technique ou de dysfonctionnement. 4747 </p> 4748 4749 <p> 4750 Grâce à la technologie numérique NexTgen, ils peuvent, selon la 4751 configuration de lâéquipement, accéder à distance aux données de 4752 fonctionnement, établir un diagnostic et recommander les actions 4753 correctives nécessaires. 4754 </p> 4755 4756 <p> 4757 Réactivité, expertise et efficacité permettent de limiter les temps 4758 dâarrêt et dâassurer durablement les performances de vos équipements. 4759 </p> 4760 4761 <a class="service-item__link" href="/contact/"> 4762 Contacter le service technique 4763 <span aria-hidden="true">â</span> 4764 </a> 4765 4766 </div> 4767 4768 </article> 4769 4770 </div> 4771 4772</div> 4773 </div> 4774 </div> 4775</div> 4776</div> 4777 <div class="clearboth"></div> 4778 </div> 4779 4780 4781 4782 4783 4784 <div class="clearboth"></div> 4785 </div> 4786</div> 4787<div class="vc_row-full-width vc_clearfix"></div> 4788 4789 4790<div data-mk-stretch-content="true" class="wpb_row vc_row vc_row-fluid jupiter-donut- mk-fullwidth-false attched-false js-master-row mk-grid"> 4791 4792<div class="vc_col-sm-12 service-bottom-decoration wpb_column column_container jupiter-donut- _ jupiter-donut-height-full"> 4793 <div class="vc_empty_space" style="height: 90px"><span class="vc_empty_space_inner"></span></div></div> 4794 </div> 4795 4796</div> <div class="clearboth"></div> 4797 <div class="clearboth"></div> 4798 </div> 4799 <div class="clearboth"></div> 4800 </div> 4801 </div> 4802 </div> 4803 4804 4805<section id="mk-footer-unfold-spacer"></section> 4806 4807<section id="mk-footer" class="" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" > 4808 <div class="footer-wrapper mk-grid"> 4809 <div class="mk-padding-wrapper"> 4810 <div class="mk-col-1-4"><section id="custom_html-4" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><em style="font-size: 30px;"><strong>The World's Finest Choice in Ultrasonic Technology!</strong></em></div></section></div> 4811 <div class="mk-col-1-4"><section id="text-5" class="widget widget_text"><div class="widgettitle">Société</div> <div class="textwidget"><div style="padding-bottom: (px; color: #ececec;">Les mentions légales sont accessibles dans le <a href="https://www.sinaptec.fr/plan-de-site/">plan de site</a>.</div> 4812<div></div> 4813</div> 4814 </section></div> 4815 <div class="mk-col-1-4"></div> 4816 <div class="mk-col-1-4"></div> 4817 <div class="clearboth"></div> 4818 </div> 4819 </div> 4820 4821<div id="sub-footer">
4822 <div class=" mk-grid"> 4823 4824 <span class="mk-footer-copyright">Copyright All Rights Reserved © 2020</span> 4825 </div> 4826 <div class="clearboth"></div> 4827</div> 4828</section> 4829</div> 4830 4831<div class="mk-fullscreen-nav logo-is-responsive"> 4832 <a href="#" class="mk-fullscreen-nav-close light"><svg class="mk-svg-icon" data-name="mk-moon-close-2" data-cacheid="icon-6abf49776e5cd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M390.628 345.372l-45.256 45.256-89.372-89.373-89.373 89.372-45.255-45.255 89.373-89.372-89.372-89.373 45.254-45.254 89.373 89.372 89.372-89.373 45.256 45.255-89.373 89.373 89.373 89.372z"/></svg></a> 4833 <div class="mk-fullscreen-inner _ flex flex-center flex-items-center "> 4834 <div class="mk-fullscreen-nav-wrapper"> 4835 4836 <img class="mk-fullscreen-nav-logo dark-logo" alt="Sinaptec" src="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" /> 4837 <img class="mk-fullscreen-nav-logo responsive-logo" alt="Sinaptec" src="https://www.sinaptec.fr/wp-content/uploads/2019/09/logo-sinaptec-l250.png" /> 4838 4839 </div> 4840 </div> 4841</div> 4842</div> 4843 4844<div class="bottom-corner-btns js-bottom-corner-btns"> 4845 4846<a href="#top-of-page" class="mk-go-top js-smooth-scroll js-bottom-corner-btn js-bottom-corner-btn--back"> 4847 <svg class="mk-svg-icon" data-name="mk-icon-chevron-up" data-cacheid="icon-6abf49776ea41" style=" height:16px; width: 16px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"/></svg></a> 4848 <div class="mk-quick-contact-wrapper js-bottom-corner-btn js-bottom-corner-btn--contact"> 4849 4850 <a href="#" class="mk-quick-contact-link"><svg class="mk-svg-icon" data-name="mk-icon-envelope" data-cacheid="icon-6abf49776ed8d" style=" height:20px; width: 20px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1792 710v794q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-794q44 49 101 87 362 246 497 345 57 42 92.5 65.5t94.5 48 110 24.5h2q51 0 110-24.5t94.5-48 92.5-65.5q170-123 498-345 57-39 100-87zm0-294q0 79-49 151t-122 123q-376 261-468 325-10 7-42.5 30.5t-54 38-52 32.5-57.5 27-50 9h-2q-23 0-50-9t-57.5-27-52-32.5-54-38-42.5-30.5q-91-64-262-182.5t-205-142.5q-62-42-117-115.5t-55-136.5q0-78 41.5-130t118.5-52h1472q65 0 112.5 47t47.5 113z"/></svg></a> 4851 <div id="mk-quick-contact"> 4852 <div class="mk-quick-contact-title">Contact Us</div> 4853 <p>We're not around right now. But you can send us an email and we'll get back to you, asap.</p> 4854 <form class="mk-contact-form" method="post" novalidate="novalidate"> 4855 <input type="text" placeholder="Name*" required="required" id="name" name="name" class="text-input" value="" tabindex="2174" /> 4856 <input type="email" data-type="email" required="required" placeholder="Email*" id="email" name="email" class="text-input" value="" tabindex="2175" /> 4857 <textarea placeholder="Message*" required="required" id="content" name="content" class="textarea" tabindex="2176"></textarea> 4858 4859 <div class="mk-quick-contact-gdpr-consent"> 4860 <div> 4861 <input type="checkbox" name="contact_form_gdpr_check" id="gdpr_check_2177" class="mk-checkbox" required="required" value="" tabindex="2177" /><label for="gdpr_check_2177">I consent to Sinaptec collecting my details through this form.</label> 4862 </div> 4863 </div> 4864 4865 <div class="btn-cont"> 4866 <button tabindex="2178" class="mk-progress-button mk-contact-button accent-bg-color button" data-style="move-up"> 4867 <span class="mk-progress-button-content">Send</span> 4868 <span class="mk-progress"> 4869 <span class="mk-progress-inner"></span> 4870 </span> 4871 <span class="state-success"><svg class="mk-svg-icon" data-name="mk-moon-checkmark" data-cacheid="icon-6abf49776f15f" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M432 64l-240 240-112-112-80 80 192 192 320-320z"/></svg></span> 4872 <span class="state-error"><svg class="mk-svg-icon" data-name="mk-moon-close" data-cacheid="icon-6abf49776f3bf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M507.331 411.33l-.006-.005-155.322-155.325 155.322-155.325.006-.005c1.672-1.673 2.881-3.627 3.656-5.708 2.123-5.688.912-12.341-3.662-16.915l-73.373-73.373c-4.574-4.573-11.225-5.783-16.914-3.66-2.08.775-4.035 1.984-5.709 3.655l-.004.005-155.324 155.326-155.324
4872-155.325-.005-.005c-1.673-1.671-3.627-2.88-5.707-3.655-5.69-2.124-12.341-.913-16.915 3.66l-73.374 73.374c-4.574 4.574-5.784 11.226-3.661 16.914.776 2.08 1.985 4.036 3.656 5.708l.005.005 155.325 155.324-155.325 155.326-.004.005c-1.671 1.673-2.88 3.627-3.657 5.707-2.124 5.688-.913 12.341 3.661 16.915l73.374 73.373c4.575 4.574 11.226 5.784 16.915 3.661 2.08-.776 4.035-1.985 5.708-3.656l.005-.005 155.324-155.325 155.324 155.325.006.004c1.674 1.672 3.627 2.881 5.707 3.657 5.689 2.123 12.342.913 16.914-3.661l73.373-73.374c4.574-4.574 5.785-11.227 3.662-16.915-.776-2.08-1.985-4.034-3.657-5.707z"/></svg></span> 4873 </button> 4874 </div> 4875 <input type="hidden" id="security" name="security" value="618b0f9202" /><input type="hidden" name="_wp_http_referer" value="/services-ultrasons/" /> <input type="hidden" id="sh_id" name="sh_id" value="15"><input type="hidden" id="p_id" name="p_id" value="2342"> <div class="contact-form-message clearfix"></div> 4876 </form> 4877 <div class="bottom-arrow"></div> 4878 </div> 4879 </div> 4880</div> 4881 4882 4883 4884 4885 <style type='text/css'></style><style id="mk-shortcode-static-styles" type="text/css"> #mk-button-4 { margin-bottom:15px; margin-top:0px; margin-right:15px; } #mk-button-4 .mk-button { display:inline-block; max-width:100%; } #mk-button-4 .mk-button { background-color:#339dd5; } #mk-button-4 .mk-button { background-color:#339dd5; color:#fff!important; } #mk-button-4 .mk-button .mk-svg-icon { color:#fff!important; } #mk-button-4 .mk-button:hover { background-color:#2f92c6; } #mk-button-4 .mk-button, #mk-button-4 .mk-button:active { box-shadow:0px 3px 0px 0px #297eaa; margin-bottom:3px; } .full-width-2 { min-height:100px; margin-bottom:0px; } .full-width-2 .page-section-content { padding:10px 0 10px; } #background-layer--2 { ; background-position:left top; background-repeat:repeat; ; } #background-layer--2 .mk-color-layer { ; width:100%; height:100%; position:absolute; top:0; left:0; } .full-width-5 { min-height:100px; margin-bottom:0px; } .full-width-5 .page-section-content { padding:0px 0 0px; } #background-layer--5 { ; background-position:center center; background-repeat:no-repeat; position:fixed;; } #background-layer--5 .mk-color-layer { ; width:100%; height:100%; position:absolute; top:0; left:0; } </style>
4885<script type="speculationrules"> 4886{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/theme-jupiter-enfant/*","/wp-content/themes/jupiter/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4887</script>
4887 4888 <!-- Leadinfo tracking code --> 4889
4889<script> (function (l, e, a, d, i, n, f, o) { 4890 if (!l[i]) { 4891 l.GlobalLeadinfoNamespace = l.GlobalLeadinfoNamespace || []; 4892 l.GlobalLeadinfoNamespace.push(i); 4893 l[i] = function () { 4894 (l[i].q = l[i].q || []).push(arguments) 4895 }; 4896 l[i].t = l[i].t || n; 4897 l[i].q = l[i].q || []; 4898 o = e.createElement(a); 4899 f = e.getElementsByTagName(a)[0]; 4900 o.async = 1; 4901 o.src = d; 4902 f.parentNode.insertBefore(o, f); 4903 } 4904 }(window, document, "script", "https://cdn.leadinfo.net/ping.js", "leadinfo", "LI-6A01D00F6E6CB")); </script>
4904 4905
4905<script type="text/javascript"> 4906 php = { 4907 hasAdminbar: false, 4908 json: (null != null) ? null : "", 4909 jsPath: 'https://www.sinaptec.fr/wp-content/themes/jupiter/assets/js' 4910 }; 4911 </script>
4911<script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script>
4911 4912<div role="navigation" aria-label="Sélecteur de langue" class="wpml-ls-statics-footer wpml-ls wpml-ls-legacy-list-horizontal"> 4913 <ul><li class="wpml-ls-slot-footer wpml-ls-item wpml-ls-item-fr wpml-ls-current-language wpml-ls-first-item wpml-ls-item-legacy-list-horizontal"> 4914 <a href="https://www.sinaptec.fr/services-ultrasons/" hreflang="fr" lang="fr" class="wpml-ls-link" aria-current="page" aria-label="Passer à Français (Français)" title="Passer à Français (Français)"> 4915 <img 4916 class="wpml-ls-flag" 4917 src="https://www.sinaptec.fr/wp-content/plugins/sitepress-multilingual-cms/res/flags/fr.png" 4918 alt="" 4919 loading="lazy" 4920 width=18 4921 height=12 4922 /><span class="wpml-ls-native">Français</span></a> 4923 </li><li class="wpml-ls-slot-footer wpml-ls-item wpml-ls-item-en wpml-ls-item-legacy-list-horizontal"> 4924 <a href="https://www.sinaptec.fr/en/service/" hreflang="en" lang="en" class="wpml-ls-link" aria-label="Passer à Anglais (English)" title="Passer à Anglais (English)"> 4925 <img 4926 class="wpml-ls-flag" 4927 src="https://www.sinaptec.fr/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png" 4928 alt="" 4929 loading="lazy" 4930 width=18 4931 height=12 4932 /><span class="wpml-ls-native">English</span><span class="wpml-ls-display"><span class="wpml-ls-bracket"> (</span>Anglais<span class="wpml-ls-bracket">)</span></span></a> 4933 </li><li class="wpml-ls-slot-footer wpml-ls-item wpml-ls-item-de wpml-ls-last-item wpml-ls-item-legacy-list-horizontal"> 4934 <a href="https://www.sinaptec.fr/de/" hreflang="de" lang="de" class="wpml-ls-link" aria-label="Passer à Allemand (Deutsch)" title="Passer à Allemand (Deutsch)"> 4935 <img 4936 class="wpml-ls-flag" 4937 src="https://www.sinaptec.fr/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.png" 4938 alt="" 4939 loading="lazy" 4940 width=18 4941 height=12 4942 /><span class="wpml-ls-native">Deutsch</span><span class="wpml-ls-display"><span class="wpml-ls-bracket"> (</span>Allemand<span class="wpml-ls-bracket">)</span></span></a> 4943 </li></ul> 4944</div>
4945<script id="wp-hooks-js" src="https://www.sinaptec.fr/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 4945
4945
4946<script id="wp-i18n-js" src="https://www.sinaptec.fr/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 4946
4946
4947<script id="wp-i18n-js-after"> 4948wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 4949//# sourceURL=wp-i18n-js-after 4950</script>
vendor: 1 bytes, line 4950
4950
4951<script id="swv-js" src="https://www.sinaptec.fr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 4951
4951
4952<script id="contact-form-7-js-translations"> 4953( function( domain, translations ) { 4954 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 4955 localeData[""].domain = domain; 4956 wp.i18n.setLocaleData( localeData, domain ); 4957} )( "contact-form-7", {"translation-revision-date":"2026-07-27 15:37:27+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 4958//# sourceURL=contact-form-7-js-translations 4959</script>
vendor: 1 bytes, line 4959
4959
4960<script id="contact-form-7-js-before"> 4961var wpcf7 = { 4962 "api": { 4963 "root": "https:\/\/www.sinaptec.fr\/wp-json\/", 4964 "namespace": "contact-form-7\/v1" 4965 }, 4966 "cached": 1 4967}; 4968//# sourceURL=contact-form-7-js-before 4969</script>
vendor: 1 bytes, line 4969
4969
4970<script id="contact-form-7-js" src="https://www.sinaptec.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 4970
4970
4971<script id="cf7apps-honeypot-refill-js-extra"> 4972var cf7appsHoneypotRefill = {"forceRefillOnInit":"1"}; 4973//# sourceURL=cf7apps-honeypot-refill-js-extra 4974</script>
vendor: 1 bytes, line 4974
4974
4975<script id="cf7apps-honeypot-refill-js" src="https://www.sinaptec.fr/wp-content/plugins/contact-form-7-honeypot/legacy-honeypot/includes/js/honeypot-refill.js?ver=3.7.1"></script>
vendor: 1 bytes, line 4975
4975
4976<script id="smoothscroll-js" src="https://www.sinaptec.fr/wp-content/themes/jupiter/assets/js/plugins/wp-enqueue/min/smoothscroll.js?ver=1729171169"></script>
vendor: 1 bytes, line 4976
4976
4977<script id="theme-scripts-js" src="https://www.sinaptec.fr/wp-content/themes/jupiter/assets/js/min/full-scripts.6.10.6.js?ver=1729170245"></script>
vendor: 1 bytes, line 4977
4977
4978<script id="mkhb-render-js" src="https://www.sinaptec.fr/wp-content/themes/jupiter/header-builder/includes/assets/js/mkhb-render.js?ver=6.10.6"></script>
vendor: 1 bytes, line 4978
4978
4979<script id="mkhb-column-js" src="https://www.sinaptec.fr/wp-content/themes/jupiter/header-builder/includes/assets/js/mkhb-column.js?ver=6.10.6"></script>
vendor: 1 bytes, line 4979
4979
4980<script id="jupiter-donut-shortcodes-js-extra"> 4981var jupiterDonutVars = {"themeDir":"https://www.sinaptec.fr/wp-content/themes/jupiter","assetsUrl":"https://www.sinaptec.fr/wp-content/plugins/jupiter-donut/assets","gridWidth":"1140","ajaxUrl":"https://www.sinaptec.fr/wp-admin/admin-ajax.php","nonce":"ac1f14022d"}; 4982//# sourceURL=jupiter-donut-shortcodes-js-extra 4983</script>
vendor: 1 bytes, line 4983
4983
4984<script id="jupiter-donut-shortcodes-js" src="https://www.sinaptec.fr/wp-content/plugins/jupiter-donut/assets/js/shortcodes-scripts.min.js?ver=1.6.5"></script>
vendor: 1 bytes, line 4984
4984
4985<script id="wpb_composer_front_js-js" src="https://www.sinaptec.fr/wp-content/plugins/js_composer_theme/assets/js/dist/js_composer_front.min.js?ver=8.7.3"></script>
vendor: 1 bytes, line 4985
4985
4986<script></script>
4986
4986<script type="text/javascript"> 4987 (function () { 4988 function getUltrasonsButtons() { 4989 var wrappers = document.querySelectorAll('.btn-ultrasons-equal'); 4990 var buttons = []; 4991 4992 wrappers.forEach(function (wrapper) { 4993 if ( 4994 wrapper.matches && 4995 wrapper.matches('a.mk-button, a.mk-button-js-smooth-scroll, a[class*="mk-button"]') 4996 ) { 4997 buttons.push(wrapper); 4998 return; 4999 } 5000 5001 var button = wrapper.querySelector( 5002 'a.mk-button, a.mk-button-js-smooth-scroll, a[class*="mk-button"], a' 5003 ); 5004 5005 if (button) { 5006 buttons.push(button); 5007 } 5008 }); 5009 5010 return buttons; 5011 } 5012 5013 function equalizeUltrasonsButtons() { 5014 var buttons = getUltrasonsButtons(); 5015 5016 if (!buttons.length) { 5017 return; 5018 } 5019 5020 buttons.forEach(function (button) { 5021 button.style.setProperty('display', 'inline-flex', 'important'); 5022 button.style.setProperty('align-items', 'center', 'important'); 5023 button.style.setProperty('justify-content', 'center', 'important'); 5024 button.style.setProperty('white-space', 'nowrap', 'important'); 5025 button.style.setProperty('box-sizing', 'border-box', 'important'); 5026 button.style.setProperty('width', 'auto', 'important'); 5027 button.style.setProperty('min-width', '360px', 'important'); 5028 button.style.setProperty('max-width', 'none', 'important'); 5029 }); 5030 5031 var maxWidth = 0; 5032 5033 buttons.forEach(function (button) { 5034 var width = Math.ceil(button.getBoundingClientRect().width); 5035 5036 if (width > maxWidth) { 5037 maxWidth = width; 5038 } 5039 }); 5040 5041 buttons.forEach(function (button) { 5042 button.style.setProperty('width', maxWidth + 'px', 'important'); 5043 button.style.setProperty('min-width', maxWidth + 'px', 'important'); 5044 button.style.setProperty('max-width', maxWidth + 'px', 'important'); 5045 }); 5046 } 5047 5048 function styleSinaptecPageTitle() { 5049 var titles = document.querySelectorAll( 5050 '#mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading' 5051 ); 5052
5053 titles.forEach(function (title) { 5054 if (title.querySelector('.sinaptec-title-blue')) return; 5055 5056 var text = title.textContent.trim(); 5057 5058 if ( 5059 text === "Applications et produits pour lâindustrie" || 5060 text === "Applications et produits pour l'industrie" 5061 ) { 5062 title.innerHTML = 'Applications et produits<br>pour <span class="sinaptec-title-blue">lâindustrie</span>'; 5063 } 5064 5065 if (text === "Applications et produits pour la MedTech") { 5066 title.innerHTML = 'Applications et produits<br>pour la <span class="sinaptec-title-blue">MedTech</span>'; 5067 } 5068 5069 if ( 5070 window.location.pathname === "/modules-et-composants-ultrasons/" && 5071 text === "Générateur ultrason : Sinaptec, des générateurs ultrasons qui sâadaptent" 5072 ) { 5073 title.innerHTML = '<span class="sinaptec-title-blue">Générateur ultrason</span> : Sinaptec, des générateurs ultrasons qui sâadaptent'; 5074 } 5075 }); 5076 } 5077 5078 function runAll() { 5079 styleSinaptecPageTitle(); 5080 equalizeUltrasonsButtons(); 5081 5082 setTimeout(equalizeUltrasonsButtons, 300); 5083 setTimeout(equalizeUltrasonsButtons, 1000); 5084 setTimeout(equalizeUltrasonsButtons, 2000); 5085 } 5086 5087 if (document.readyState === 'loading') { 5088 document.addEventListener('DOMContentLoaded', runAll); 5089 } else { 5090 runAll(); 5091 } 5092 5093 window.addEventListener('load', runAll); 5094 window.addEventListener('resize', equalizeUltrasonsButtons); 5095})(); 5096 var path = window.location.pathname.replace(//+$/, ""); 5097 5098 if (path !== "/produits" && path !== "/produits-sante") { 5099 return; 5100 } 5101 5102 var titles = document.querySelectorAll( 5103 "#mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading" 5104 ); 5105
5106 titles.forEach(function (title) { 5107 title.style.setProperty("max-width", "none", "important"); 5108 title.style.setProperty("white-space", "nowrap", "important"); 5109 5110 title.querySelectorAll("span").forEach(function (span) { 5111 span.style.setProperty("display", "inline", "important"); 5112 span.style.setProperty("white-space", "nowrap", "important"); 5113 }); 5114 5115 title.querySelectorAll("br").forEach(function (br) { 5116 br.style.setProperty("display", "none", "important"); 5117 }); 5118 }); 5119 } 5120 5121 if (document.readyState === "loading") { 5122 document.addEventListener("DOMContentLoaded", keepTitleOnOneLine); 5123 } else { 5124 keepTitleOnOneLine(); 5125 } 5126 5127 window.addEventListener("load", keepTitleOnOneLine); 5128 5129 setTimeout(keepTitleOnOneLine, 300); 5130 setTimeout(keepTitleOnOneLine, 1000); 5131 setTimeout(keepTitleOnOneLine, 2000); 5132 5133 var observer = new MutationObserver(keepTitleOnOneLine); 5134 observer.observe(document.documentElement, { 5135 childList: true, 5136 subtree: true 5137 }); 5138})(); 5139(function () { 5140 function wrapTitleText(root, textToWrap) { 5141 if (!root || !textToWrap) { 5142 return; 5143 } 5144 5145 var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, { 5146 acceptNode: function (node) { 5147 if (!node.nodeValue || node.nodeValue.indexOf(textToWrap) === -1) { 5148 return NodeFilter.FILTER_REJECT; 5149 } 5150 5151 if ( 5152 node.parentElement && 5153 node.parentElement.closest(".sinaptec-title-blue") 5154 ) { 5155 return NodeFilter.FILTER_REJECT; 5156 } 5157 5158 return NodeFilter.FILTER_ACCEPT; 5159 } 5160 }); 5161 5162 var nodes = []; 5163 while (walker.nextNode()) { 5164 nodes.push(walker.currentNode); 5165 } 5166 5167 nodes.forEach(function (node) { 5168 var text = node.nodeValue; 5169 var parts = text.split(textToWrap); 5170 var fragment = document.createDocumentFragment(); 5171 5172 parts.forEach(function (part, index) { 5173 if (part) { 5174 fragment.appendChild(document.createTextNode(part)); 5175 } 5176 5177 if (index < parts.length - 1) { 5178 var span = document.createElement("span"); 5179 span.className = "sinaptec-title-blue"; 5180 span.textContent = textToWrap; 5181 fragment.appendChild(span); 5182 } 5183 }); 5184 5185 node.parentNode.replaceChild(fragment, node); 5186 }); 5187 } 5188 5189 function styleSinaptecHighlightedTitleWords() { 5190 var path = window.location.pathname.replace(//+$/, ""); 5191 5192 var titles = document.querySelectorAll( 5193 "#mk-page-introduce h1, #mk-page-introduce .page-title, #mk-page-introduce .mk-page-heading" 5194 ); 5195
5196 titles.forEach(function (title) { 5197 if (path === "/produits") { 5198 wrapTitleText(title, "lâindustrie"); 5199 wrapTitleText(title, "l'industrie"); 5200 } 5201 5202 if (path === "/produits-sante") { 5203 wrapTitleText(title, "la MedTech"); 5204 } 5205 5206 if (path === "/modules-et-composants-ultrasons") { 5207 wrapTitleText(title, "Générateur ultrason"); 5208 } 5209 }); 5210 } 5211 5212 if (document.readyState === "loading") { 5213 document.addEventListener("DOMContentLoaded", styleSinaptecHighlightedTitleWords); 5214 } else { 5215 styleSinaptecHighlightedTitleWords(); 5216 } 5217 5218 window.addEventListener("load", styleSinaptecHighlightedTitleWords); 5219 5220 setTimeout(styleSinaptecHighlightedTitleWords, 300); 5221 setTimeout(styleSinaptecHighlightedTitleWords, 1000); 5222 setTimeout(styleSinaptecHighlightedTitleWords, 2000); 5223})(); 5224 5225 </script>
5225 5226
5226<script type="text/javascript"> window.get = {}; window.get.captcha = function(enteredCaptcha) { 5227 return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); 5228 };</script>
5228 5229 <!-- Compliance by Hu-manity.co plugin v3.1.4 https://hu-manity.co/ --> 5230 <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Compliance by Hu-manity.co" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">Les cookies nous permettent d'analyser notre traffic, d'optimiser les contenus et les annonces pour vous garantir la meilleure expérience sur notre site web. En cliquant sur "Accepter", vous acceptez l'utilisation de tous les cookies. En cliquant sur "Refuser", vous refusez l'utilisation de tous les cookies. Vous trouverez plus d'informations dans notre politique de confidentialité. 5231</span><span id="cn-notice-buttons" class="cn-buttons-container"><button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Accepter" style="background-color: #1e73be">Accepter</button><button id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-set-cookie cn-button" aria-label="Refuser" style="background-color: #1e73be">Refuser</button></span><button type="button" id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" aria-label="Refuser" tabindex="0"></button></div> 5232 5233 </div> 5234 <!-- / Compliance by Hu-manity.co plugin --> 5235 </body> 5236</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.