{"id":1795,"date":"2022-06-19T18:34:18","date_gmt":"2022-06-19T16:34:18","guid":{"rendered":"http:\/\/cim-atlantique.com\/?page_id=1795"},"modified":"2026-06-30T07:16:32","modified_gmt":"2026-06-30T05:16:32","slug":"conception-de-machines-speciales","status":"publish","type":"page","link":"https:\/\/www.cim-atlantique.com\/fr\/conception-de-machines-speciales\/","title":{"rendered":"Conception de machines sp\u00e9ciales industrielles sur mesure"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n.fusion-page-title-bar{display:none!important;}\n\/* =====================================================================\n   CIM ATLANTIQUE \u2014 Page \u00ab Conception de machines sp\u00e9ciales \u00bb\n   FEUILLE DE STYLES \u2014 contenu de page uniquement.\n\n   \u00b7 TOUTES les r\u00e8gles sont scop\u00e9es sous #cim-ms \u2192 aucun impact sur\n     le header, le footer ou le reste du th\u00e8me Avada.\n   \u00b7 La POLICE est h\u00e9rit\u00e9e du th\u00e8me (font-family: inherit) \u2192 conserve\n     automatiquement les polices du site. Ne RIEN importer.\n   \u00b7 Ic\u00f4nes : Font Awesome 5 (classes \"fas fa-\u2026\"), d\u00e9j\u00e0 fourni par Avada.\n   \u00b7 Coller dans : Avada > Options > Custom CSS  OU le child theme.\n   ===================================================================== *\/\n\n#cim-ms{\n  \/* ---- Charte CIM ---- *\/\n  --navy:    #0A3A64;\n  --navy-d:  #072B4B;\n  --rouge:   #7F1919;   \/* Rouge CIM (logo \/ accents de marque) *\/\n  --teal:    #0B909E;   \/* accent principal *\/\n  --blue:    #009EDB;   \/* liens *\/\n  --teal-d:  #0A7B87;   \/* hover bouton *\/\n  --gray:    #F4F4F4;\n  --white:   #FFFFFF;\n  --ink:     #14242F;\n  --muted:   #54677A;\n  --line:    #E3E9EE;\n  --teal-lt: #5BD0DE;   \/* accent clair sur navy *\/\n  --teal-soft:#EAF4F5;  \/* teinte teal tr\u00e8s claire pour fonds de bloc *\/\n\n  --accent:  var(--teal);\n  --radius:  4px;\n  --radius-lg: 8px;\n\n  --maxw: 1180px;\n  --pad-x: clamp(20px, 5vw, 48px);\n  --sec-y: clamp(54px, 8vw, 100px);\n  --shadow-sm: 0 1px 2px rgba(10,58,100,.06);\n  --shadow:    0 2px 6px rgba(10,58,100,.06), 0 14px 38px rgba(10,58,100,.08);\n\n  direction: ltr;                 \/* \u26a0\ufe0f \u00e9vite l'inversion de colonnes Avada *\/\n  font-family: inherit;\n  color: var(--ink);\n  line-height: 1.7;\n  font-size: 17px;\n  -webkit-font-smoothing:antialiased;\n}\n#cim-ms *{ box-sizing:border-box; }\n#cim-ms img{ max-width:100%; display:block; }\n#cim-ms a{ color:var(--blue); text-decoration:none; }\n#cim-ms a:hover{ text-decoration:underline; }\n#cim-ms h1,#cim-ms h2,#cim-ms h3,#cim-ms h4{\n  color:var(--navy); line-height:1.14; margin:0; font-weight:800;\n  letter-spacing:-.01em; text-wrap:balance; }\n#cim-ms p{ margin:0; }\n#cim-ms strong{ color:var(--ink); font-weight:700; }\n#cim-ms ul{ margin:0; padding:0; list-style:none; }\n\n#cim-ms .container{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--pad-x); }\n#cim-ms > section{ padding-block:var(--sec-y); }\n#cim-ms .bg-gray{ background:var(--gray); }\n#cim-ms .bg-tint{ background:var(--teal-soft); }\n#cim-ms .bg-navy{ background:var(--navy); color:#DCE7F0; }\n#cim-ms .bg-navy h2,#cim-ms .bg-navy h3,#cim-ms .bg-navy h4{ color:#fff; }\n\/* ---- Fond ROUGE CIM ---- *\/\n#cim-ms .bg-red{ background:var(--rouge); color:#F6DCDC; }\n#cim-ms .bg-red h2,#cim-ms .bg-red h3,#cim-ms .bg-red h4{ color:#fff; }\n#cim-ms .bg-red .eyebrow{ color:#FFC9C9; }\n#cim-ms .bg-red .eyebrow::before{ background:#fff; }\n#cim-ms .bg-red .eyebrow__num{ color:#E8A9A9; }\n#cim-ms .bg-red .sec-head__lead{ color:#F2C9C9; }\n#cim-ms .bg-red .sec-head__lead a{ color:#fff; text-decoration:underline; }\n#cim-ms .bg-red a{ color:#fff; }\n#cim-ms .bg-red .btn--primary{ background:#fff; color:var(--rouge); }\n#cim-ms .bg-red .btn--primary:hover{ background:#F6DCDC; }\n#cim-ms .bg-red .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.45); }\n#cim-ms .bg-red .btn--ghost:hover{ border-color:#fff; }\n\/* cartes \"exigences\" sur fond rouge : verre d\u00e9poli clair *\/\n#cim-ms .bg-red .req{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); }\n#cim-ms .bg-red .req::before{ background:#fff; }\n#cim-ms .bg-red .req__ic{ background:rgba(255,255,255,.14); color:#fff; }\n#cim-ms .bg-red .req h3{ color:#fff; }\n#cim-ms .bg-red .req p{ color:#F2CFCF; }\n\n\/* ---- En-t\u00eates de section ---- *\/\n#cim-ms .eyebrow{ display:inline-flex; align-items:center; gap:10px;\n  font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--accent); margin-bottom:16px; }\n#cim-ms .eyebrow::before{ content:\"\"; width:26px; height:2px; background:var(--rouge); display:inline-block; }\n#cim-ms .bg-navy .eyebrow{ color:var(--teal-lt); }\n#cim-ms .eyebrow__num{ font-variant-numeric:tabular-nums; color:var(--muted); letter-spacing:.05em; }\n#cim-ms .bg-navy .eyebrow__num{ color:#8FB0CC; }\n#cim-ms .sec-head{ max-width:780px; margin-bottom:clamp(32px,5vw,52px); }\n#cim-ms .sec-head h2{ font-size:clamp(1.6rem, 1rem + 2.4vw, 2.4rem); }\n#cim-ms .sec-head__lead{ margin-top:18px; font-size:clamp(1.02rem,.95rem + .5vw,1.18rem); color:var(--muted); max-width:68ch; }\n#cim-ms .sec-head__lead a{ color:var(--blue); font-weight:600; }\n#cim-ms .bg-navy .sec-head__lead{ color:#B8CADB; }\n\n\/* ---- Boutons ---- *\/\n#cim-ms .btn{ display:inline-flex; align-items:center; gap:.6em; font-family:inherit;\n  font-weight:700; font-size:1.02rem; padding:16px 28px; border-radius:var(--radius);\n  border:2px solid transparent; cursor:pointer; text-decoration:none; line-height:1;\n  transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease; }\n#cim-ms .btn:hover{ text-decoration:none; }\n#cim-ms .btn i{ font-size:.92em; transition:transform .2s ease; }\n#cim-ms .btn:hover i{ transform:translateX(3px); }\n#cim-ms .btn--primary{ background:var(--accent); color:#fff; }\n#cim-ms .btn--primary:hover{ background:var(--teal-d); transform:translateY(-1px); }\n#cim-ms .btn--ghost{ background:transparent; color:var(--navy); border-color:var(--line); }\n#cim-ms .btn--ghost:hover{ border-color:var(--accent); color:var(--accent); }\n#cim-ms .bg-navy .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.35); }\n#cim-ms .bg-navy .btn--ghost:hover{ border-color:#fff; }\n\n\/* =========================================================\n   1 \u00b7 HERO\n   ========================================================= *\/\n#cim-ms .hero{ position:relative; background:var(--navy); color:#E7EFF6; overflow:hidden; isolation:isolate; }\n#cim-ms .hero__bg{ position:absolute; inset:0; z-index:-2; }\n#cim-ms .hero__bg img{ width:100%; height:100%; object-fit:cover; }\n#cim-ms .hero__bg::after{ content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(100deg, var(--navy-d) 6%, rgba(7,43,75,.90) 42%, rgba(7,43,75,.62) 100%); }\n#cim-ms .hero::before{ content:\"\"; position:absolute; inset:0; z-index:-1; opacity:.55;\n  background:radial-gradient(900px 480px at 90% -10%, rgba(11,144,158,.30), transparent 60%),\n             radial-gradient(700px 420px at 4% 120%, rgba(0,158,219,.16), transparent 60%); }\n#cim-ms .hero__inner{ padding-block:clamp(56px,9vw,104px); max-width:760px; }\n#cim-ms .hero h1{ color:#fff; font-size:clamp(2.1rem, 1.1rem + 4vw, 3.4rem); margin-block:14px 20px; }\n#cim-ms .hero h1 .hl{ color:var(--teal-lt); }\n#cim-ms .hero__lead{ font-size:clamp(1.05rem,.98rem + .6vw,1.3rem); color:#C6D6E6; max-width:60ch; }\n#cim-ms .hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }\n#cim-ms .reassure{ display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:34px; padding-top:26px; border-top:1px solid rgba(255,255,255,.14); }\n#cim-ms .reassure li{ display:flex; align-items:center; gap:10px; font-size:.92rem; font-weight:600; color:#D6E3EF; }\n#cim-ms .reassure i{ color:var(--teal-lt); font-size:1.05rem; width:22px; text-align:center; }\n\n\/* =========================================================\n   2 \u00b7 INTRO + COMMENT \u00c7A FONCTIONNE (3 \u00e9tapes)\n   ========================================================= *\/\n#cim-ms .intro__lead{ font-size:clamp(1.06rem,1rem + .5vw,1.24rem); color:var(--ink); max-width:74ch; }\n#cim-ms .intro__lead + .intro__lead{ margin-top:18px; }\n#cim-ms .intro__q{ margin-top:22px; font-style:italic; color:var(--rouge); font-weight:600; font-size:1.05rem; max-width:70ch; }\n#cim-ms .flow{ display:grid; gap:18px; margin-top:clamp(34px,5vw,52px); counter-reset:flow; }\n#cim-ms .flow__step{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  padding:28px 26px; position:relative; transition:transform .2s ease, box-shadow .2s ease; }\n#cim-ms .flow__step:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-ms .flow__no{ counter-increment:flow; font-variant-numeric:tabular-nums; font-weight:800;\n  font-size:.9rem; color:var(--rouge); letter-spacing:.1em; }\n#cim-ms .flow__no::before{ content:\"\u00c9TAPE \" counter(flow,decimal-leading-zero); }\n#cim-ms .flow__ic{ width:54px; height:54px; border-radius:var(--radius); display:grid; place-items:center;\n  background:rgba(11,144,158,.10); color:var(--accent); font-size:1.4rem; margin:14px 0 16px; }\n#cim-ms .flow__step h3{ font-size:1.16rem; margin-bottom:8px; }\n#cim-ms .flow__step p{ color:var(--muted); font-size:.97rem; }\n\n\/* =========================================================\n   CARTES g\u00e9n\u00e9riques (applications, mat\u00e9riel, avantages)\n   ========================================================= *\/\n#cim-ms .cards{ display:grid; gap:18px; }\n#cim-ms .card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  padding:30px 26px; position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }\n#cim-ms .card::before{ content:\"\"; position:absolute; top:0; left:0; right:0; height:3px; background:var(--accent); }\n#cim-ms .card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-ms .card__ic{ width:56px; height:56px; border-radius:var(--radius); display:grid; place-items:center;\n  background:rgba(11,144,158,.10); color:var(--accent); font-size:1.5rem; margin-bottom:18px; }\n#cim-ms .card__kicker{ display:block; font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }\n#cim-ms .card h3{ font-size:1.18rem; margin-bottom:10px; }\n#cim-ms .card p{ color:var(--muted); font-size:.96rem; }\n\n\/* =========================================================\n   3 \u00b7 LES DIFF\u00c9RENTS TYPES (texte + photo cam\u00e9ra)\n   ========================================================= *\/\n#cim-ms .types__grid{ display:grid; gap:clamp(28px,5vw,52px); align-items:center; }\n#cim-ms .types__list{ display:grid; gap:20px; }\n#cim-ms .types__item{ padding-left:22px; border-left:3px solid var(--accent); }\n#cim-ms .types__item h3{ font-size:1.18rem; margin-bottom:8px; }\n#cim-ms .types__item p{ color:var(--muted); font-size:.98rem; }\n#cim-ms .types__media figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line); }\n#cim-ms .types__media img{ width:100%; aspect-ratio:3\/2; object-fit:cover; }\n#cim-ms .types__media figcaption{ background:var(--navy); color:#C6D6E6; font-size:.82rem; padding:12px 16px; display:flex; align-items:center; gap:8px; }\n#cim-ms .types__media figcaption i{ color:var(--teal-lt); }\n\n\/* ---- Vignette vid\u00e9o (bandeau dans \u00ab Mat\u00e9riel \u00bb) ---- *\/\n#cim-ms .videocard{ margin-top:clamp(34px,5vw,48px); position:relative; display:block; border-radius:var(--radius-lg);\n  overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line); aspect-ratio:16\/6.2; background:#000; }\n#cim-ms .videocard img{ width:100%; height:100%; object-fit:cover; opacity:.86; transition:opacity .25s, transform .4s ease; }\n#cim-ms .videocard:hover img{ opacity:1; transform:scale(1.02); }\n#cim-ms .videocard__play{ position:absolute; inset:0; display:grid; place-items:center; }\n#cim-ms .videocard__play span{ width:72px; height:72px; border-radius:50%; background:rgba(127,25,25,.92);\n  color:#fff; display:grid; place-items:center; font-size:1.5rem; box-shadow:0 10px 30px rgba(0,0,0,.4); transition:transform .2s ease; }\n#cim-ms .videocard:hover .videocard__play span{ transform:scale(1.08); }\n#cim-ms .videocard__label{ position:absolute; left:0; right:0; bottom:0; padding:30px 20px 16px;\n  background:linear-gradient(transparent, rgba(0,0,0,.78)); color:#fff; font-weight:700; font-size:.95rem;\n  display:flex; align-items:center; gap:10px; }\n\n\/* =========================================================\n   AVANTAGES (sur navy)\n   ========================================================= *\/\n#cim-ms .adv{ display:grid; gap:18px; }\n#cim-ms .adv__item{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:32px 28px; position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }\n#cim-ms .adv__item::before{ content:\"\"; position:absolute; top:0; left:0; right:0; height:3px; background:var(--accent); }\n#cim-ms .adv__item:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-ms .adv__ic{ font-size:1.6rem; color:var(--accent); margin-bottom:14px; }\n#cim-ms .adv__item h3{ color:var(--navy); font-size:1.16rem; margin-bottom:8px; }\n#cim-ms .adv__item p{ color:var(--muted); font-size:.95rem; }\n\n\/* =========================================================\n   SIMULATEUR DE ROI\n   ========================================================= *\/\n#cim-ms .roi{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  box-shadow:var(--shadow); overflow:hidden; display:grid; }\n#cim-ms .roi__form{ padding:clamp(26px,4vw,40px); }\n#cim-ms .roi__field{ margin-bottom:20px; }\n#cim-ms .roi__field label{ display:block; font-weight:700; color:var(--navy); margin-bottom:8px; font-size:.96rem; }\n#cim-ms .roi__input{ position:relative; }\n#cim-ms .roi__input input{ width:100%; font:inherit; font-size:1.05rem; padding:14px 16px 14px 40px;\n  border:2px solid var(--line); border-radius:var(--radius); color:var(--ink); background:#fff; transition:border-color .2s ease; }\n#cim-ms .roi__input input:focus{ outline:none; border-color:var(--accent); }\n#cim-ms .roi__input::before{ content:\"\u20ac\"; position:absolute; left:15px; top:50%; transform:translateY(-50%); color:var(--muted); font-weight:700; }\n#cim-ms .roi__btn{ width:100%; justify-content:center; margin-top:6px; }\n#cim-ms .roi__note{ margin-top:16px; font-size:.82rem; color:var(--muted); }\n#cim-ms .roi__result{ background:var(--navy); color:#fff; padding:clamp(26px,4vw,40px); display:flex; flex-direction:column; justify-content:center; }\n#cim-ms .roi__result .eyebrow{ color:var(--teal-lt); }\n#cim-ms .roi__result .eyebrow::before{ background:var(--teal-lt); }\n#cim-ms .roi__big{ font-size:clamp(2.2rem,1.4rem + 3vw,3.4rem); font-weight:800; color:#fff; letter-spacing:-.02em; line-height:1; margin:6px 0; font-variant-numeric:tabular-nums; }\n#cim-ms .roi__big small{ font-size:1rem; font-weight:600; color:var(--teal-lt); letter-spacing:0; }\n#cim-ms .roi__sub{ color:#B8CADB; font-size:.95rem; }\n#cim-ms .roi__rows{ margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,.16); display:grid; gap:12px; }\n#cim-ms .roi__row{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; font-size:.94rem; color:#C6D6E6; }\n#cim-ms .roi__row b{ color:#fff; font-variant-numeric:tabular-nums; font-size:1.05rem; }\n#cim-ms .roi__placeholder{ color:#8FB0CC; font-size:.95rem; }\n\n\/* =========================================================\n   DEEP CAPTURE\n   ========================================================= *\/\n#cim-ms .deep__head{ display:flex; align-items:center; justify-content:space-between; gap:18px 32px; flex-wrap:wrap; margin-bottom:clamp(24px,4vw,40px); }\n#cim-ms .deep__head .sec-head{ margin-bottom:0; }\n#cim-ms .deep__logo{ width:min(240px, 54%); height:auto; flex:none; }\n#cim-ms .deep__intro{ max-width:80ch; }\n#cim-ms .deep__intro p{ color:var(--muted); font-size:1.04rem; }\n#cim-ms .deep__intro strong{ color:var(--navy); }\n#cim-ms .deep__grid{ display:grid; gap:16px; margin-top:clamp(30px,4vw,44px); }\n#cim-ms .deep__card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px 24px; }\n#cim-ms .deep__card .ic{ width:50px; height:50px; border-radius:var(--radius); display:grid; place-items:center; background:var(--navy); color:var(--teal-lt); font-size:1.3rem; margin-bottom:16px; }\n#cim-ms .deep__card h3{ font-size:1.04rem; margin-bottom:8px; text-transform:none; }\n#cim-ms .deep__card p{ color:var(--muted); font-size:.93rem; }\n#cim-ms .deep__cta{ margin-top:clamp(30px,4vw,40px); }\n\n\/* =========================================================\n   R\u00c9ALISATIONS (5 cas)\n   ========================================================= *\/\n#cim-ms .work{ display:grid; gap:20px; }\n#cim-ms .work__card{ display:block; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;\n  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; color:inherit; }\n#cim-ms .work__card:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:transparent; text-decoration:none; }\n#cim-ms .work__media{ position:relative; overflow:hidden; aspect-ratio:16\/9; background:#0b0b0b; }\n#cim-ms .work__media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }\n#cim-ms .work__card:hover .work__media img{ transform:scale(1.05); }\n#cim-ms .work__sector{ position:absolute; top:14px; left:14px; background:rgba(7,43,75,.92); color:#fff;\n  font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:7px 12px; border-radius:var(--radius); }\n#cim-ms .work__body{ padding:22px 22px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; }\n#cim-ms .work__body h3{ font-size:1.08rem; }\n#cim-ms .work__body i{ color:var(--accent); flex:none; transition:transform .2s ease; }\n#cim-ms .work__card:hover .work__body i{ transform:translateX(4px); }\n#cim-ms .work__closing{ margin-top:clamp(40px,6vw,64px); position:relative; overflow:hidden;\n  border-radius:var(--radius-lg); isolation:isolate; }\n#cim-ms .work__closing__bg{ position:absolute; inset:0; z-index:-2;\n  width:100%; height:100%; object-fit:cover; object-position:center 30%; }\n#cim-ms .work__closing::before{ content:\"\"; position:absolute; inset:0; z-index:-1;\n  background:linear-gradient(105deg,\n    rgba(10,58,100,.93) 0%,\n    rgba(10,58,100,.82) 45%,\n    rgba(11,144,158,.68) 100%); }\n#cim-ms .work__closing__inner{ padding:clamp(40px,6vw,72px) clamp(28px,5vw,56px); }\n#cim-ms .work__closing h3{ font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem); color:#fff; margin-bottom:18px; }\n#cim-ms .work__closing p{ color:rgba(255,255,255,.82); font-size:1.02rem; max-width:68ch; }\n#cim-ms .work__closing p + p{ margin-top:14px; }\n#cim-ms .work__closing .btn{ margin-top:28px; }\n#cim-ms .work__closing .btn--primary{ background:#fff; color:var(--navy); }\n#cim-ms .work__closing .btn--primary:hover{ background:var(--teal-soft); }\n\n\/* =========================================================\n   BLOG (3 articles)\n   ========================================================= *\/\n#cim-ms .posts{ display:grid; gap:20px; }\n#cim-ms .post{ display:block; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; color:inherit;\n  transition:transform .2s ease, box-shadow .2s ease; }\n#cim-ms .post:hover{ transform:translateY(-4px); box-shadow:var(--shadow); text-decoration:none; }\n#cim-ms .post__media{ aspect-ratio:16\/9; overflow:hidden; background:var(--gray); }\n#cim-ms .post__media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }\n#cim-ms .post:hover .post__media img{ transform:scale(1.04); }\n#cim-ms .post__body{ padding:22px 22px 26px; }\n#cim-ms .post__body h3{ font-size:1.08rem; margin-bottom:10px; color:var(--navy); }\n#cim-ms .post__body p{ color:var(--muted); font-size:.92rem; }\n#cim-ms .post__more{ display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:var(--blue); font-weight:700; font-size:.9rem; }\n\n\/* =========================================================\n   FAQ (accord\u00e9on \u2014 fonctionne aussi sans JS via <details>)\n   ========================================================= *\/\n#cim-ms .faq{ max-width:880px; margin-inline:auto; display:grid; gap:12px; }\n#cim-ms .faq__item{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; }\n#cim-ms .faq__item[open]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }\n#cim-ms .faq__q{ list-style:none; cursor:pointer; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;\n  font-weight:700; color:var(--navy); font-size:1.05rem; }\n#cim-ms .faq__q::-webkit-details-marker{ display:none; }\n#cim-ms .faq__q i{ flex:none; color:var(--accent); transition:transform .25s ease; }\n#cim-ms .faq__item[open] .faq__q i{ transform:rotate(45deg); }\n#cim-ms .faq__a{ padding:0 24px 24px; color:var(--muted); font-size:.98rem; }\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n#cim-ms .cta-final{ background:var(--navy); color:#DCE7F0; position:relative; overflow:hidden; isolation:isolate; }\n#cim-ms .cta-final__inner{ display:grid; gap:26px; text-align:center; justify-items:center; }\n#cim-ms .cta-final h2{ color:#fff; font-size:clamp(1.7rem,1.2rem + 2.2vw,2.5rem); }\n#cim-ms .cta-final p{ color:#B8CADB; font-size:clamp(1.05rem,1rem + .5vw,1.28rem); max-width:60ch; }\n#cim-ms .cta-final__actions{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }\n#cim-ms .cta-final .phone{ color:#fff; font-weight:700; display:inline-flex; align-items:center; gap:10px; }\n#cim-ms .cta-final .phone i{ color:var(--teal-lt); }\n\n\/* =========================================================\n   ANIMATIONS (progressive enhancement \u2014 visible sans JS)\n   ========================================================= *\/\n@media (prefers-reduced-motion: no-preference){\n  #cim-ms.has-anim .reveal{ transform:translateY(20px);\n    transition:transform .6s cubic-bezier(.22,1,.36,1); }\n  #cim-ms.has-anim .reveal.in{ transform:none; }\n}\n\n\/* =========================================================\n   RESPONSIVE (mobile-first)\n   ========================================================= *\/\n@media (min-width:640px){\n  #cim-ms .flow{ grid-template-columns:repeat(3,1fr); }\n  #cim-ms .cards{ grid-template-columns:repeat(2,1fr); }\n  #cim-ms .adv{ grid-template-columns:repeat(3,1fr); }\n  #cim-ms .work{ grid-template-columns:repeat(2,1fr); }\n  #cim-ms .posts{ grid-template-columns:repeat(2,1fr); }\n  #cim-ms .deep__grid{ grid-template-columns:repeat(2,1fr); }\n  #cim-ms .roi{ grid-template-columns:1fr 1fr; }\n}\n@media (min-width:900px){\n  #cim-ms .cards--4{ grid-template-columns:repeat(4,1fr); }\n  #cim-ms .cards--3{ grid-template-columns:repeat(3,1fr); }\n  #cim-ms .types__grid{ grid-template-columns:1.05fr .95fr; }\n  #cim-ms .work{ grid-template-columns:repeat(3,1fr); }\n  #cim-ms .work__card--wide{ grid-column:span 1; }\n  #cim-ms .posts{ grid-template-columns:repeat(3,1fr); }\n  #cim-ms .deep__grid{ grid-template-columns:repeat(5,1fr); }\n  #cim-ms .deep__card h3{ min-height:2.4em; }\n}\n\n\/* =========================================================\n   MOTIF NEURONAL ANIM\u00c9 (canvas \u2014 fonds marine)\n   ========================================================= *\/\n#cim-ms .has-neural{ position:relative; overflow:hidden; }\n#cim-ms .has-neural > .container{ position:relative; z-index:1; }\n#cim-ms .net{ position:absolute; inset:0; z-index:0; pointer-events:none; }\n#cim-ms .net svg{ display:block; width:100%; height:100%; overflow:visible; }\n@media (prefers-reduced-motion: no-preference){\n  #cim-ms .has-neural.net-live .ln{ animation:netLine 4.2s ease-in-out infinite; }\n  #cim-ms .has-neural.net-live .nd{ transform-box:fill-box; transform-origin:center; animation:netNode 4.6s ease-in-out infinite; }\n  #cim-ms .has-neural.net-live .hl{ transform-box:fill-box; transform-origin:center; animation:netHalo 5.4s ease-in-out infinite; }\n}\n@keyframes netLine{ 0%,100%{ stroke-opacity:.45 } 50%{ stroke-opacity:1 } }\n@keyframes netNode{ 0%,100%{ transform:scale(1) } 50%{ transform:scale(1.16) } }\n@keyframes netHalo{ 0%,100%{ transform:scale(1); fill-opacity:.65 } 50%{ transform:scale(1.32); fill-opacity:1 } }\n\n\/* =========================================================\n   CARROUSEL (r\u00e9alisations)\n   ========================================================= *\/\n#cim-ms .carousel{ position:relative; }\n#cim-ms .carousel__track{ display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;\n  scroll-behavior:smooth; padding:4px 2px 10px; scrollbar-width:none; -ms-overflow-style:none; }\n#cim-ms .carousel__track::-webkit-scrollbar{ display:none; }\n#cim-ms .carousel__track > .work__card{ flex:0 0 84%; scroll-snap-align:center; }\n#cim-ms .carousel__nav{ position:absolute; top:30%; transform:translateY(-50%); z-index:3;\n  width:48px; height:48px; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--navy);\n  display:grid; place-items:center; cursor:pointer; box-shadow:var(--shadow);\n  transition:background .2s ease, color .2s ease, opacity .2s ease; }\n#cim-ms .carousel__nav:hover{ background:var(--accent); color:#fff; }\n#cim-ms .carousel__nav[disabled]{ opacity:.32; cursor:default; }\n#cim-ms .carousel__nav--prev{ left:-8px; }\n#cim-ms .carousel__nav--next{ right:-8px; }\n#cim-ms .carousel__dots{ display:flex; justify-content:center; gap:9px; margin-top:24px; }\n#cim-ms .carousel__dot{ width:9px; height:9px; border-radius:50%; border:0; background:var(--line);\n  cursor:pointer; padding:0; transition:background .2s ease, transform .2s ease; }\n#cim-ms .carousel__dot.is-active{ background:var(--accent); transform:scale(1.35); }\n\/* cartes du carrousel toujours visibles (annule l'anim d'apparition horizontale) *\/\n#cim-ms.has-anim .carousel__track .reveal{ opacity:1; transform:none; }\n@media (min-width:640px){\n  #cim-ms .carousel__track > .work__card{ flex-basis:46%; scroll-snap-align:start; }\n}\n@media (min-width:900px){\n  #cim-ms .carousel__track > .work__card{ flex-basis:31.3%; }\n  #cim-ms .carousel__nav--prev{ left:-22px; }\n  #cim-ms .carousel__nav--next{ right:-22px; }\n}\n\n\/* =====================================================================\n   COMPOSANTS SP\u00c9CIFIQUES \u2014 PAGE PRESSE\n   ===================================================================== *\/\n\n\/* ---- HERO SPLIT (texte + photo presse verticale) ---- *\/\n#cim-ms .hero--split .hero__inner{ max-width:var(--maxw); display:grid; gap:clamp(32px,5vw,56px); align-items:center; }\n#cim-ms .hero__media{ display:none; }\n#cim-ms .hero__media figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden;\n  background:linear-gradient(160deg,#16344f,#0b2238); border:1px solid rgba(255,255,255,.12);\n  box-shadow:0 30px 70px rgba(0,0,0,.4); }\n#cim-ms .hero__media img{ width:100%; height:100%; max-height:540px; object-fit:contain; padding:14px; }\n@media (min-width:900px){\n  #cim-ms .hero--split .hero__inner{ grid-template-columns:1.25fr .75fr; }\n  #cim-ms .hero__media{ display:block; }\n}\n\n\/* ---- BANDE DE 3 PHOTOS (showcase presses) ---- *\/\n#cim-ms .shots{ display:grid; gap:16px; margin-top:clamp(32px,5vw,48px); }\n#cim-ms .shot{ margin:0; position:relative; border-radius:var(--radius-lg); overflow:hidden;\n  border:1px solid var(--line); background:#fff; box-shadow:var(--shadow-sm); }\n#cim-ms .shot img{ width:100%; aspect-ratio:4\/5; object-fit:cover; object-position:center; }\n#cim-ms .shot figcaption{ position:absolute; left:0; right:0; bottom:0; padding:26px 16px 12px;\n  background:linear-gradient(transparent, rgba(7,43,75,.9)); color:#fff; font-size:.84rem; font-weight:600;\n  display:flex; align-items:center; gap:8px; }\n#cim-ms .shot figcaption i{ color:var(--teal-lt); }\n@media (min-width:700px){ #cim-ms .shots{ grid-template-columns:repeat(3,1fr); } }\n\n\/* ---- CARTES TECHNOLOGIES (avantages \/ limites) ---- *\/\n#cim-ms .tech{ display:grid; gap:24px; }\n#cim-ms .tech__card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  overflow:hidden; box-shadow:var(--shadow-sm); }\n#cim-ms .tech__head{ display:flex; align-items:center; gap:18px; flex-wrap:wrap;\n  padding:24px clamp(22px,3vw,32px); border-bottom:1px solid var(--line); }\n#cim-ms .tech__ic{ width:56px; height:56px; flex:none; border-radius:var(--radius); display:grid; place-items:center;\n  background:var(--navy); color:var(--teal-lt); font-size:1.5rem; }\n#cim-ms .tech__head h3{ font-size:clamp(1.2rem,1rem + .8vw,1.5rem); }\n#cim-ms .tech__badge{ margin-left:auto; background:var(--teal-soft); color:var(--teal-d);\n  font-weight:700; font-size:.82rem; padding:8px 14px; border-radius:100px; white-space:nowrap; }\n#cim-ms .tech__intro{ padding:22px clamp(22px,3vw,32px) 0; color:var(--muted); font-size:1rem; }\n#cim-ms .tech__cols{ display:grid; gap:8px 32px; padding:22px clamp(22px,3vw,32px); }\n#cim-ms .proscons h4{ display:flex; align-items:center; gap:9px; font-size:.82rem; letter-spacing:.1em;\n  text-transform:uppercase; margin-bottom:12px; }\n#cim-ms .proscons--pro h4{ color:#1F8A5B; }\n#cim-ms .proscons--con h4{ color:#C0392B; }\n#cim-ms .proscons li{ position:relative; padding-left:28px; color:var(--muted); font-size:.95rem; margin-bottom:9px; }\n#cim-ms .proscons li::before{ position:absolute; left:0; top:1px; font-family:\"Font Awesome 5 Free\"; font-weight:900; font-size:.85rem; }\n#cim-ms .proscons--pro li::before{ content:\"\\f00c\"; color:#1F8A5B; }\n#cim-ms .proscons--con li::before{ content:\"\\f068\"; color:#C0392B; }\n#cim-ms .tech__apps{ background:var(--gray); padding:18px clamp(22px,3vw,32px); font-size:.95rem; color:var(--ink); }\n#cim-ms .tech__apps b{ color:var(--navy); }\n@media (min-width:760px){ #cim-ms .tech__cols{ grid-template-columns:1fr 1fr; } }\n\n\/* ---- TABLEAU COMPARATIF ---- *\/\n#cim-ms .tablewrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius-lg); -webkit-overflow-scrolling:touch; }\n#cim-ms table.compare{ width:100%; border-collapse:collapse; min-width:620px; font-size:.95rem; }\n#cim-ms table.compare caption{ text-align:left; padding:16px 18px; color:var(--muted); font-size:.86rem; }\n#cim-ms table.compare th, #cim-ms table.compare td{ padding:14px 18px; text-align:left; border-bottom:1px solid var(--line); }\n#cim-ms table.compare thead th{ background:var(--navy); color:#fff; font-weight:700; font-size:.9rem; position:sticky; top:0; }\n#cim-ms table.compare thead th:first-child{ background:var(--navy-d); }\n#cim-ms table.compare tbody th{ background:var(--gray); color:var(--navy); font-weight:700; white-space:nowrap; }\n#cim-ms table.compare tbody tr:nth-child(even) td{ background:#FAFBFC; }\n#cim-ms table.compare td.best{ color:var(--teal-d); font-weight:700; }\n#cim-ms table.compare tbody tr:hover td{ background:var(--teal-soft); }\n\n\/* ---- BLOC IMAGE + TEXTE (split sections techniques) ---- *\/\n#cim-ms .split{ display:grid; gap:clamp(28px,5vw,52px); align-items:center; }\n#cim-ms .split__media figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--line);\n  box-shadow:var(--shadow); background:#fff; line-height:0; }\n#cim-ms .split__media img{ width:100%; height:auto; display:block; object-fit:cover; }\n#cim-ms .split__body h2{ font-size:clamp(1.5rem,1rem + 2vw,2.2rem); }\n#cim-ms .split__body > p{ margin-top:16px; color:var(--muted); font-size:1.02rem; }\n#cim-ms .subhead{ margin-top:26px; font-size:1.1rem; color:var(--navy); font-weight:800;\n  display:flex; align-items:center; gap:10px; }\n#cim-ms .subhead i{ color:var(--accent); font-size:.95rem; }\n#cim-ms .split__body .subhead + p{ margin-top:10px; color:var(--muted); font-size:.98rem; }\n@media (min-width:900px){\n  #cim-ms .split{ grid-template-columns:.85fr 1.15fr; }\n  #cim-ms .split__body{ grid-column:1; grid-row:1; }\n  #cim-ms .split__media{ grid-column:2; grid-row:1; }\n  #cim-ms .split--rev .split__body{ grid-column:2; }\n  #cim-ms .split--rev .split__media{ grid-column:1; }\n}\n\n\/* ---- INFOGRAPHIE PLEINE LARGEUR + DUO DE COLONNES ---- *\/\n#cim-ms .infographic{ margin:0 0 clamp(32px,5vw,52px); border-radius:var(--radius-lg); overflow:hidden;\n  border:1px solid var(--line); box-shadow:var(--shadow); background:var(--navy-d); }\n#cim-ms .infographic img{ width:100%; height:auto; display:block; }\n#cim-ms .infographic figcaption{ background:var(--navy); color:#C6D6E6; font-size:.86rem; padding:13px 18px;\n  display:flex; align-items:center; gap:10px; }\n#cim-ms .infographic figcaption i{ color:var(--teal-lt); }\n#cim-ms .duo{ display:grid; gap:clamp(28px,4vw,44px); }\n@media (min-width:900px){ #cim-ms .duo{ grid-template-columns:1fr 1fr; } }\n\n\/* ---- INFOGRAPHIE PROPRE \u2014 PANNEAUX (col de cygne) ---- *\/\n#cim-ms .infog__grid{ display:grid; gap:16px; }\n#cim-ms .infog__panel{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px 24px; }\n#cim-ms .infog__panel--accent{ background:var(--navy); border-color:transparent; }\n#cim-ms .infog__panel--accent h3{ color:#fff; }\n#cim-ms .infog__h{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }\n#cim-ms .infog__ic{ width:48px; height:48px; flex:none; border-radius:var(--radius); display:grid; place-items:center; background:rgba(11,144,158,.10); color:var(--accent); font-size:1.25rem; }\n#cim-ms .infog__panel--accent .infog__ic{ background:rgba(91,208,222,.16); color:var(--teal-lt); }\n#cim-ms .infog__ic--warn{ background:#FBEAEA; color:#C0392B; }\n#cim-ms .infog__h h3{ font-size:1.08rem; }\n#cim-ms .infog__panel > p{ color:var(--muted); font-size:.95rem; }\n#cim-ms .infog__panel--accent > p{ color:#C6D6E6; }\n#cim-ms .infog__list{ display:grid; gap:9px; }\n#cim-ms .infog__list li{ position:relative; padding-left:20px; color:var(--muted); font-size:.94rem; }\n#cim-ms .infog__list li::before{ content:\"\"; position:absolute; left:0; top:8px; width:7px; height:7px; border-radius:50%; background:var(--accent); }\n#cim-ms .infog__list b{ color:var(--navy); }\n#cim-ms .infog__panel--accent .infog__list li{ color:#C6D6E6; }\n#cim-ms .infog__panel--accent .infog__list li::before{ background:var(--teal-lt); }\n#cim-ms .infog__panel--accent .infog__list b{ color:#fff; }\n#cim-ms .infog__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#cim-ms .infog__tags span{ font-size:.8rem; font-weight:600; color:var(--navy); background:var(--gray); border:1px solid var(--line); padding:6px 12px; border-radius:100px; }\n@media (min-width:760px){ #cim-ms .infog__grid{ grid-template-columns:1fr 1fr; } }\n\n\/* ---- FLOW STEPPER (s\u00e9curit\u00e9 \/ SISTEMA) ---- *\/\n#cim-ms .flowsteps{ list-style:none; margin:0 0 clamp(34px,5vw,52px); padding:0; display:grid; gap:14px; }\n#cim-ms .flowstep{ position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px 20px; }\n#cim-ms .flowstep__no{ position:absolute; top:14px; right:16px; font-weight:800; font-size:.78rem; color:var(--rouge); font-variant-numeric:tabular-nums; }\n#cim-ms .flowstep__ic{ width:46px; height:46px; border-radius:var(--radius); display:grid; place-items:center; background:var(--navy); color:var(--teal-lt); font-size:1.15rem; margin-bottom:14px; }\n#cim-ms .flowstep h4{ font-size:1rem; color:var(--navy); margin-bottom:6px; }\n#cim-ms .flowstep p{ color:var(--muted); font-size:.9rem; }\n#cim-ms .flowstep--goal{ background:var(--navy); border-color:transparent; }\n#cim-ms .flowstep--goal h4{ color:#fff; }\n#cim-ms .flowstep--goal p{ color:#C6D6E6; }\n#cim-ms .flowstep--goal .flowstep__ic{ background:#1F8A5B; color:#fff; }\n@media (min-width:760px){\n  #cim-ms .flowsteps{ grid-template-columns:repeat(5,1fr); gap:10px; }\n  #cim-ms .flowstep:not(:last-child)::after{ content:\"\\f054\"; font-family:\"Font Awesome 5 Free\"; font-weight:900;\n    position:absolute; right:-11px; top:50%; transform:translateY(-50%); color:#C9D4DD; font-size:.95rem; z-index:1; }\n}\n\n\/* ---- LISTE \u00c0 PUCES IC\u00d4NES (impacts, niveaux\u2026) ---- *\/\n#cim-ms .ilist{ display:grid; gap:14px; margin-top:18px; }\n#cim-ms .ilist li{ position:relative; padding-left:34px; color:var(--muted); font-size:.98rem; }\n#cim-ms .ilist li::before{ content:\"\\f054\"; font-family:\"Font Awesome 5 Free\"; font-weight:900;\n  position:absolute; left:0; top:2px; color:var(--accent); font-size:.8rem; }\n#cim-ms .ilist b{ color:var(--navy); }\n\n\/* ---- CALLOUT FORMULE ---- *\/\n#cim-ms .formula{ margin-top:26px; background:var(--navy); color:#fff; border-radius:var(--radius-lg);\n  padding:clamp(24px,4vw,34px); position:relative; overflow:hidden; }\n#cim-ms .formula__eq{ font-size:clamp(1.8rem,1.2rem + 2.5vw,2.6rem); font-weight:800; letter-spacing:.02em; color:#fff;\n  display:flex; align-items:center; gap:14px; }\n#cim-ms .formula__eq span{ color:var(--teal-lt); }\n#cim-ms .formula dl{ margin:18px 0 0; display:grid; gap:10px; }\n#cim-ms .formula dt{ font-weight:800; color:var(--teal-lt); float:left; margin-right:10px; }\n#cim-ms .formula dd{ margin:0; color:#C6D6E6; font-size:.95rem; }\n\n\/* ---- CARTES S\u00c9CURIT\u00c9 \/ FEATURES (r\u00e9utilise .cards) ---- *\/\n#cim-ms .feat__list{ display:grid; gap:14px; margin-top:20px; }\n#cim-ms .feat{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px 24px;\n  display:flex; gap:18px; align-items:flex-start; }\n#cim-ms .feat__ic{ width:46px; height:46px; flex:none; border-radius:var(--radius); display:grid; place-items:center;\n  background:rgba(11,144,158,.10); color:var(--accent); font-size:1.2rem; }\n#cim-ms .feat h3{ font-size:1.06rem; margin-bottom:6px; }\n#cim-ms .feat p{ color:var(--muted); font-size:.95rem; }\n\n\/* ---- CHECKLIST PRESTATIONS ---- *\/\n#cim-ms .checklist{ display:grid; gap:12px; margin-top:8px; }\n#cim-ms .checklist li{ position:relative; padding:16px 18px 16px 50px; background:#fff; border:1px solid var(--line);\n  border-radius:var(--radius); color:var(--ink); font-size:.97rem; transition:border-color .2s ease, transform .2s ease; }\n#cim-ms .checklist li:hover{ border-color:var(--accent); transform:translateX(3px); }\n#cim-ms .checklist li::before{ content:\"\\f00c\"; font-family:\"Font Awesome 5 Free\"; font-weight:900;\n  position:absolute; left:18px; top:50%; transform:translateY(-50%); color:var(--accent); }\n@media (min-width:760px){ #cim-ms .checklist{ grid-template-columns:1fr 1fr; } }\n@media (min-width:1100px){ #cim-ms .checklist{ grid-template-columns:1fr 1fr 1fr; } }\n\n\/* =====================================================================\n   COMPOSANTS SP\u00c9CIFIQUES \u2014 PAGE CART\u00c9RISATION\n   ===================================================================== *\/\n\n\/* ---- HERO 2 colonnes (placement explicite anti-Avada) ---- *\/\n#cim-ms .hero--split .hero__inner{ max-width:var(--maxw); display:grid; gap:clamp(32px,5vw,56px); align-items:center; }\n#cim-ms .hero__text{ grid-column:1; grid-row:1; }\n#cim-ms .hero__media{ display:none; grid-column:2; grid-row:1; }\n#cim-ms .hero__media figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden;\n  border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 70px rgba(0,0,0,.4); }\n#cim-ms .hero__media img{ width:100%; aspect-ratio:16\/10; object-fit:cover; }\n@media (min-width:900px){\n  #cim-ms .hero--split .hero__inner{ grid-template-columns:1.1fr .9fr; }\n  #cim-ms .hero__media{ display:block; }\n}\n\n\/* ---- CARTES EXIGENCES (\u00ab projet, pas produit \u00bb) ---- *\/\n#cim-ms .reqs{ display:grid; gap:16px; margin-top:clamp(30px,4vw,44px); }\n#cim-ms .req{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px 24px;\n  position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }\n#cim-ms .req::before{ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--rouge); }\n#cim-ms .req:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-ms .req__ic{ width:50px; height:50px; border-radius:var(--radius); display:grid; place-items:center;\n  background:rgba(127,25,25,.08); color:var(--rouge); font-size:1.3rem; margin-bottom:16px; }\n#cim-ms .req h3{ font-size:1.08rem; margin-bottom:8px; }\n#cim-ms .req p{ color:var(--muted); font-size:.95rem; }\n@media (min-width:640px){ #cim-ms .reqs{ grid-template-columns:repeat(2,1fr); } }\n@media (min-width:1040px){ #cim-ms .reqs{ grid-template-columns:repeat(5,1fr); } }\n\n\/* ---- TIMELINE PROCESS (8 \u00e9tapes) ---- *\/\n#cim-ms .timeline{ position:relative; margin-top:clamp(34px,5vw,52px); display:grid; gap:18px; counter-reset:tl; }\n#cim-ms .tl{ position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  padding:26px 26px 26px 92px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }\n#cim-ms .tl:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:transparent; }\n#cim-ms .tl__no{ counter-increment:tl; position:absolute; left:24px; top:24px; width:48px; height:48px; border-radius:50%;\n  background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:800; font-size:1.05rem; font-variant-numeric:tabular-nums; }\n#cim-ms .tl__no::before{ content:counter(tl,decimal-leading-zero); }\n#cim-ms .tl__norm{ display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;\n  color:var(--teal-d); background:var(--teal-soft); padding:5px 11px; border-radius:100px; margin-bottom:10px; }\n#cim-ms .tl h3{ font-size:1.14rem; margin-bottom:10px; }\n#cim-ms .tl p{ color:var(--muted); font-size:.96rem; }\n#cim-ms .tl p + p{ margin-top:10px; }\n#cim-ms .tl__sub{ margin-top:14px; }\n#cim-ms .tl__sub h4{ font-size:.98rem; color:var(--navy); margin:14px 0 4px; display:flex; align-items:center; gap:9px; }\n#cim-ms .tl__sub h4 i{ color:var(--accent); font-size:.85rem; }\n#cim-ms .tl__sub p{ font-size:.93rem; }\n@media (min-width:760px){\n  #cim-ms .timeline::before{ content:\"\"; position:absolute; left:47px; top:18px; bottom:18px; width:2px; background:var(--line); }\n  #cim-ms .tl{ margin-left:30px; padding-left:42px; }\n  #cim-ms .tl__no{ left:-30px; }\n}\n\n\/* ---- bandeau normes ---- *\/\n#cim-ms .norms{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }\n#cim-ms .norm{ display:inline-flex; align-items:center; gap:9px; font-size:.86rem; font-weight:700; color:var(--navy);\n  background:#fff; border:1px solid var(--line); padding:10px 16px; border-radius:100px; }\n#cim-ms .norm i{ color:var(--accent); }\n#cim-ms .bg-navy .norm{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#DCE7F0; }\n#cim-ms .bg-navy .norm i{ color:var(--teal-lt); }\n\n\n\/* =====================================================================\n   COMPOSANTS \u00ab CARTES DE CAS \u00bb (r\u00e9alisations) \u2014 repris de la page Vision\n   ===================================================================== *\/\n\/* =========================================================\n   CARTE DE CAS (vue compacte + d\u00e9tail d\u00e9pliable)\n   ========================================================= *\/\n#cim-ms .cases{ display:grid; gap:clamp(22px,3vw,32px); }\n#cim-ms .case{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  overflow:hidden; box-shadow:var(--shadow-sm); }\n\n#cim-ms .case__grid{ display:grid; grid-template-columns:1fr; gap:0; align-items:stretch; }\n#cim-ms .case__media{ position:relative; grid-column:1; grid-row:1; min-height:240px; background:#0b1622; }\n#cim-ms .case__media img{ width:100%; height:100%; object-fit:cover; aspect-ratio:16\/9; }\n#cim-ms .case__sector{ position:absolute; top:16px; left:16px; display:inline-flex; align-items:center; gap:8px;\n  background:rgba(7,43,75,.92); color:#fff; font-size:.74rem; font-weight:700; letter-spacing:.06em;\n  text-transform:uppercase; padding:8px 13px; border-radius:var(--radius); }\n#cim-ms .case__sector i{ color:var(--teal-lt); }\n#cim-ms .case__num{ position:absolute; right:16px; bottom:16px; font-size:2.6rem; font-weight:800;\n  color:rgba(255,255,255,.9); letter-spacing:-.03em; line-height:1; text-shadow:0 2px 12px rgba(0,0,0,.4); }\n\n#cim-ms .case__body{ grid-column:1; grid-row:2; padding:clamp(24px,3vw,38px); display:flex; flex-direction:column; }\n#cim-ms .case__kicker{ font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;\n  color:var(--rouge); margin-bottom:10px; }\n#cim-ms .case h3{ font-size:clamp(1.2rem,1rem + .7vw,1.5rem); margin-bottom:12px; }\n#cim-ms .case__hook{ color:var(--muted); font-size:1.02rem; }\n#cim-ms .case__hook strong{ color:var(--navy); }\n\n\/* ---- Badges chiffres-cl\u00e9s ---- *\/\n#cim-ms .kpis{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }\n#cim-ms .kpi{ display:inline-flex; flex-direction:column; gap:2px; padding:12px 16px;\n  background:var(--teal-soft); border:1px solid #d4e9ea; border-radius:var(--radius); min-width:96px; }\n#cim-ms .kpi b{ font-size:1.3rem; font-weight:800; color:var(--teal-d); letter-spacing:-.02em;\n  line-height:1; font-variant-numeric:tabular-nums; }\n#cim-ms .kpi span{ font-size:.76rem; color:var(--muted); font-weight:600; }\n#cim-ms .kpi--red{ background:#FaeDED; border-color:#f0d4d4; }\n#cim-ms .kpi--red b{ color:var(--rouge); }\n\n\/* ---- Tags techno ---- *\/\n#cim-ms .case__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }\n#cim-ms .case__tags span{ font-size:.8rem; font-weight:600; color:var(--navy); background:var(--gray);\n  border:1px solid var(--line); padding:6px 12px; border-radius:100px; }\n\n\/* ---- Actions ---- *\/\n#cim-ms .case__actions{ margin-top:auto; padding-top:22px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }\n\n\/* ---- D\u00e9tail d\u00e9pliable (accord\u00e9on natif) ---- *\/\n#cim-ms .case__more{ border-top:1px solid var(--line); grid-column:1 \/ -1; grid-row:3; }\n#cim-ms .reveal-btn{ display:inline-flex; align-items:center; gap:10px; font-family:inherit; font-weight:700;\n  font-size:.96rem; color:var(--teal-d); background:none; border:0; cursor:pointer; padding:0; }\n#cim-ms .reveal-btn i{ transition:transform .25s ease; font-size:.85em; }\n#cim-ms details[open] .reveal-btn i{ transform:rotate(180deg); }\n#cim-ms .reveal-btn::-webkit-details-marker{ display:none; }\n#cim-ms summary{ list-style:none; }\n#cim-ms summary::-webkit-details-marker{ display:none; }\n#cim-ms .detail{ padding:8px clamp(24px,3vw,38px) clamp(28px,3vw,38px); }\n#cim-ms .detail__cols{ display:grid; gap:24px 40px; }\n#cim-ms .detail h4{ font-size:1.02rem; color:var(--navy); margin:0 0 10px;\n  display:flex; align-items:center; gap:10px; }\n#cim-ms .detail h4 i{ color:var(--accent); font-size:.92em; }\n#cim-ms .detail p{ color:var(--muted); font-size:.96rem; }\n#cim-ms .detail p + p{ margin-top:10px; }\n#cim-ms .detail__block + .detail__block{ margin-top:20px; }\n#cim-ms .tlist{ display:grid; gap:9px; margin-top:10px; }\n#cim-ms .tlist li{ position:relative; padding-left:28px; color:var(--muted); font-size:.94rem; }\n#cim-ms .tlist li::before{ content:\"\\f00c\"; font-family:\"Font Awesome 5 Free\"; font-weight:900;\n  position:absolute; left:0; top:1px; color:var(--accent); font-size:.82rem; }\n#cim-ms .detail__defects{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }\n#cim-ms .detail__defects span{ font-size:.82rem; font-weight:600; color:var(--rouge); background:#FaeDED;\n  border:1px solid #f0d4d4; padding:6px 12px; border-radius:100px; }\n\n\/* ---- Vid\u00e9o fa\u00e7ade (click-to-load YouTube) ---- *\/\n#cim-ms .ytwrap{ margin-top:22px; }\n#cim-ms .ytwrap h4{ font-size:1.02rem; color:var(--navy); margin:0 0 12px; display:flex; align-items:center; gap:10px; }\n#cim-ms .ytwrap h4 i{ color:var(--rouge); font-size:.92em; }\n#cim-ms .ytfacade{ position:relative; aspect-ratio:16\/9; border-radius:var(--radius-lg); overflow:hidden;\n  background:#0b1622; border:1px solid var(--line); }\n#cim-ms .ytfacade__btn{ position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; cursor:pointer;\n  background:none; display:block; }\n#cim-ms .ytfacade__thumb{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease, opacity .25s ease; }\n#cim-ms .ytfacade__btn:hover .ytfacade__thumb{ transform:scale(1.04); opacity:.92; }\n#cim-ms .ytfacade__play{ position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }\n#cim-ms .ytfacade__play i{ width:74px; height:74px; border-radius:50%; background:rgba(127,25,25,.92);\n  color:#fff; display:grid; place-items:center; font-size:1.5rem; box-shadow:0 10px 30px rgba(0,0,0,.4);\n  transition:transform .2s ease, background .2s ease; padding-left:4px; }\n#cim-ms .ytfacade__btn:hover .ytfacade__play i{ transform:scale(1.08); background:var(--rouge); }\n#cim-ms .ytfacade iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }\n\n\/* ---- CTA final de section ---- *\/\n#cim-ms .cas-cta{ margin-top:clamp(36px,5vw,54px); background:var(--navy); color:#fff;\n  border-radius:var(--radius-lg); padding:clamp(30px,4vw,48px); text-align:center; position:relative; overflow:hidden; isolation:isolate; }\n#cim-ms .cas-cta::before{ content:\"\"; position:absolute; inset:0; z-index:-1; opacity:.6;\n  background:radial-gradient(600px 320px at 85% 0%, rgba(11,144,158,.4), transparent 62%); }\n#cim-ms .cas-cta h3{ color:#fff; font-size:clamp(1.4rem,1.1rem + 1.3vw,2rem); }\n#cim-ms .cas-cta p{ color:#C6D6E6; margin-top:14px; font-size:1.06rem; max-width:56ch; margin-inline:auto; }\n#cim-ms .cas-cta__actions{ margin-top:26px; display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }\n#cim-ms .cas-cta .btn--primary{ background:#fff; color:var(--navy); }\n#cim-ms .cas-cta .btn--primary:hover{ background:var(--teal-soft); }\n#cim-ms .cas-cta .phone{ color:#fff; font-weight:700; display:inline-flex; align-items:center; gap:10px;\n  border:2px solid rgba(255,255,255,.35); padding:16px 28px; border-radius:var(--radius); }\n#cim-ms .cas-cta .phone:hover{ border-color:#fff; text-decoration:none; }\n#cim-ms .cas-cta .phone i{ color:var(--teal-lt); }\n\n\/* ---- Animations (visible sans JS) ---- *\/\n@media (prefers-reduced-motion: no-preference){\n  #cim-ms.has-anim .reveal{ transform:translateY(20px); transition:transform .6s cubic-bezier(.22,1,.36,1); }\n  #cim-ms.has-anim .reveal.in{ transform:none; }\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (min-width:760px){\n  #cim-ms .detail__cols{ grid-template-columns:1fr 1fr; }\n}\n@media (min-width:900px){\n  #cim-ms .case__grid{ grid-template-columns:minmax(0,420px) 1fr; }\n  #cim-ms .case__media{ min-height:100%; }\n  #cim-ms .case__media img{ height:100%; aspect-ratio:auto; }\n  \/* desktop : image + texte c\u00f4te \u00e0 c\u00f4te (texte col 2, rang\u00e9e 1) *\/\n  #cim-ms .case__body{ grid-column:2; grid-row:1; }\n  #cim-ms .case__more{ grid-row:2; }\n  \/* alternance : image \u00e0 droite pour les cas pairs *\/\n  #cim-ms .case--rev .case__media{ grid-column:2; }\n  #cim-ms .case--rev .case__body{ grid-column:1; }\n}\n\n<\/style>\n<!-- =====================================================================\n  CIM ATLANTIQUE \u2014 Page \u00ab Conception de machines sp\u00e9ciales \u00bb\n  CONTENU DE PAGE UNIQUEMENT (sans header ni footer).\n  Voir README.md + PROMPT-CLAUDE-CODE.md pour l'int\u00e9gration Avada.\n  \u00b7 Les 3 cas sont illustr\u00e9s par la vignette de leur vid\u00e9o YouTube\n    (i.ytimg.com\/vi\/<ID>\/maxresdefault.jpg, fallback hqdefault). \u00c0 l'int\u00e9gration,\n    t\u00e9l\u00e9charger ces images dans la m\u00e9diath\u00e8que WP et remplacer les URL (perf + ind\u00e9pendance).\n===================================================================== -->\n\n<div id=\"cim-ms\" dir=\"ltr\">\n\n  <!-- \u2591\u2591 1 \u00b7 HERO \u2591\u2591 -->\n  <section class=\"hero hero--split has-neural\" data-screen-label=\"Hero\">\n    <div class=\"net\" data-net=\"navy\" aria-hidden=\"true\"><\/div>\n    <div class=\"container hero__inner\">\n      <div class=\"hero__text\">\n        <span class=\"eyebrow\">Bureau d'\u00e9tudes m\u00e9canique \u00b7 Sur mesure depuis 30 ans<\/span>\n        <h1>Conception de machines sp\u00e9ciales industrielles sur mesure<\/h1>\n        <p class=\"hero__lead\">Nous concevons et fabriquons des <strong style=\"color:#fff\">machines sp\u00e9ciales cl\u00e9 en main<\/strong> \u2014 assemblage automatis\u00e9, plateau index\u00e9, robotisation, vision et contr\u00f4le \u2014 adapt\u00e9es pr\u00e9cis\u00e9ment \u00e0 votre process de production.<\/p>\n        <div class=\"hero__actions\">\n          <a class=\"btn btn--primary\" href=\"https:\/\/www.cim-atlantique.com\/fr\/devis\/\">Demander votre \u00e9tude <i class=\"fas fa-arrow-right\"><\/i><\/a>\n          <a class=\"btn btn--ghost\" href=\"#realisations\">Voir nos r\u00e9alisations<\/a>\n        <\/div>\n        <ul class=\"reassure\">\n          <li><i class=\"fas fa-drafting-compass\"><\/i> Bureau d'\u00e9tudes int\u00e9gr\u00e9<\/li>\n          <li><i class=\"fas fa-robot\"><\/i> Robotique & vision<\/li>\n          <li><i class=\"fas fa-phone-alt\"><\/i> 02 40 58 72 96<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"hero__media\">\n        <figure>\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271500%27%20height%3D%271125%27%20viewBox%3D%270%200%201500%201125%27%3E%3Crect%20width%3D%271500%27%20height%3D%271125%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/ms-hero.webp\" alt=\"Machine sp\u00e9ciale d&#039;assemblage multi-postes \u00e0 servomoteurs Schneider Electric con\u00e7ue par CIM Atlantique\" width=\"1500\" height=\"1125\" title=\"\">\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 2 \u00b7 INTRO \u2591\u2591 -->\n  <section data-screen-label=\"Intro\">\n    <div class=\"container\">\n      <span class=\"eyebrow\"><span class=\"eyebrow__num\">01<\/span> Notre m\u00e9tier<\/span>\n      <p class=\"intro__lead\">Dans un monde industriel en constante \u00e9volution, l'innovation et l'automatisation sont devenues des \u00e9l\u00e9ments essentiels pour maintenir un haut niveau de comp\u00e9titivit\u00e9. Chez CIM Atlantique, nous nous sp\u00e9cialisons dans la <strong>conception de machines sp\u00e9ciales sur mesure<\/strong>, adapt\u00e9es aux besoins sp\u00e9cifiques de chaque entreprise. En tant que fabricant de machines industrielles automatis\u00e9es, nous accompagnons nos clients dans la transformation et l'optimisation de leurs processus de production gr\u00e2ce \u00e0 des solutions sur mesure en automatisation.<\/p>\n      <p class=\"intro__lead\">Qu'il s'agisse de machines sp\u00e9ciales pour l'industrie, de fabrication d'\u00eelots robotis\u00e9s sur mesure, ou de la cr\u00e9ation de lignes automatis\u00e9es, nos solutions offrent des performances \u00e9lev\u00e9es et r\u00e9pondent aux exigences les plus complexes.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 3 \u00b7 SECTEURS \u2591\u2591 -->\n  <section class=\"bg-tint\" data-screen-label=\"Secteurs\">\n    <div class=\"container\">\n      <header class=\"sec-head\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">02<\/span> Des solutions personnalis\u00e9es<\/span>\n        <h2>Au service de votre performance<\/h2>\n        <p class=\"sec-head__lead\">Chez CIM Atlantique, nous croyons fermement qu'aucune solution standardis\u00e9e ne peut r\u00e9pondre efficacement \u00e0 la diversit\u00e9 des besoins industriels. Chaque projet commence par une analyse approfondie de vos processus, afin de concevoir des machines sp\u00e9ciales qui s'int\u00e8grent parfaitement \u00e0 votre environnement.<\/p>\n      <\/header>\n      <div class=\"cards cards--4\">\n        <article class=\"card reveal\">\n          <div class=\"card__ic\"><i class=\"fas fa-seedling\"><\/i><\/div>\n          <span class=\"card__kicker\">Secteur<\/span>\n          <h3>Agroalimentaire<\/h3>\n          <p>Conception de machines robotis\u00e9es pour l'emballage, le conditionnement et la transformation alimentaire.<\/p>\n        <\/article>\n        <article class=\"card reveal\">\n          <div class=\"card__ic\"><i class=\"fas fa-industry\"><\/i><\/div>\n          <span class=\"card__kicker\">Secteur<\/span>\n          <h3>Manufacture<\/h3>\n          <p>D\u00e9veloppement de syst\u00e8mes automatis\u00e9s industriels pour la production en grande s\u00e9rie ou sur mesure.<\/p>\n        <\/article>\n        <article class=\"card reveal\">\n          <div class=\"card__ic\"><i class=\"fas fa-cogs\"><\/i><\/div>\n          <span class=\"card__kicker\">Secteur<\/span>\n          <h3>Assemblage & usinage<\/h3>\n          <p>Fabrication de machines de pr\u00e9cision pour les t\u00e2ches complexes et r\u00e9p\u00e9titives.<\/p>\n        <\/article>\n        <article class=\"card reveal\">\n          <div class=\"card__ic\"><i class=\"fas fa-box-open\"><\/i><\/div>\n          <span class=\"card__kicker\">Secteur<\/span>\n          <h3>Emballage<\/h3>\n          <p>Solutions automatis\u00e9es garantissant rapidit\u00e9, fiabilit\u00e9 et conformit\u00e9 aux normes.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 4 \u00b7 EXPERTISE COMPL\u00c8TE (3 \u00e9tapes) \u2591\u2591 -->\n  <section data-screen-label=\"Expertise\">\n    <div class=\"container\">\n      <header class=\"sec-head\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">03<\/span> Notre accompagnement<\/span>\n        <h2>Une expertise compl\u00e8te pour tous vos projets<\/h2>\n      <\/header>\n      <ol class=\"timeline\">\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Bureau d'\u00e9tudes<\/span>\n          <h3>\u00c9tude et conception de machines sp\u00e9ciales<\/h3>\n          <p>Chaque projet d\u00e9bute par une analyse minutieuse de vos besoins et de vos contraintes industrielles. Nos experts collaborent \u00e9troitement avec vos \u00e9quipes pour comprendre vos objectifs, identifier les points d'am\u00e9lioration et d\u00e9finir les fonctionnalit\u00e9s essentielles de la machine ou du syst\u00e8me \u00e0 concevoir. Cette phase est cruciale pour garantir que la solution finale r\u00e9ponde parfaitement \u00e0 vos attentes en mati\u00e8re de productivit\u00e9, de rentabilit\u00e9 et de qualit\u00e9.<\/p>\n          <p>Gr\u00e2ce \u00e0 notre savoir-faire en ing\u00e9nierie de machines sur mesure, nous concevons des \u00e9quipements adapt\u00e9s \u00e0 vos sp\u00e9cificit\u00e9s industrielles, qu'il s'agisse de machines sp\u00e9ciales robotis\u00e9es, de syst\u00e8mes de production robotis\u00e9s, ou de machines sp\u00e9ciales pour l'emballage et le conditionnement. Nos solutions int\u00e8grent des technologies innovantes pour augmenter votre comp\u00e9titivit\u00e9 et optimiser vos flux de travail.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Atelier<\/span>\n          <h3>Fabrication et int\u00e9gration<\/h3>\n          <p>Lorsque la conception est valid\u00e9e, nous entamons la fabrication de la machine ou du syst\u00e8me automatis\u00e9. Nos experts assurent chaque \u00e9tape du processus, de l'usinage des pi\u00e8ces \u00e0 l'assemblage final, en veillant \u00e0 respecter les normes les plus strictes.<\/p>\n          <p>Une fois fabriqu\u00e9e, chaque machine sp\u00e9ciale industrielle est soumise \u00e0 des tests rigoureux en conditions r\u00e9elles pour garantir sa performance et son ad\u00e9quation avec vos attentes. L'int\u00e9gration dans vos infrastructures existantes est ensuite r\u00e9alis\u00e9e par nos \u00e9quipes, qui veillent \u00e0 r\u00e9duire au maximum les interruptions de production.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Support<\/span>\n          <h3>Formation et support technique<\/h3>\n          <p>L'installation de la machine n'est que le d\u00e9but de notre accompagnement. Nous formons vos \u00e9quipes \u00e0 l'utilisation des nouveaux \u00e9quipements et fournissons une assistance continue pour garantir leur fonctionnement optimal sur le long terme.<\/p>\n          <p>Nos solutions d'automatisation sur mesure sont con\u00e7ues pour \u00e9voluer avec vos besoins, en int\u00e9grant les derni\u00e8res innovations en mati\u00e8re de robotisation industrielle et de syst\u00e8mes automatis\u00e9s industriels.<\/p>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 5 \u00b7 INNOVATION \u2591\u2591 -->\n  <section class=\"has-neural\" data-screen-label=\"Innovation\">\n    <div class=\"net\" data-net=\"wide\" aria-hidden=\"true\"><\/div>\n    <div class=\"container split\">\n      <div class=\"split__body reveal\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">04<\/span> Technologie<\/span>\n        <h2>Une approche ax\u00e9e sur l'innovation<\/h2>\n        <p>Nous utilisons les derni\u00e8res technologies en mati\u00e8re de robotisation et d'automatisation pour offrir des solutions \u00e0 la pointe de l'innovation. Nos machines sont con\u00e7ues pour r\u00e9pondre aux besoins d'aujourd'hui tout en anticipant les d\u00e9fis de demain.<\/p>\n        <ul class=\"ilist\">\n          <li><b>Syst\u00e8mes de contr\u00f4le vision<\/b> pour des op\u00e9rations d'une pr\u00e9cision maximale.<\/li>\n          <li><b>Lignes automatis\u00e9es cl\u00e9 en main<\/b> int\u00e9grant des fonctionnalit\u00e9s avanc\u00e9es de contr\u00f4le et de supervision.<\/li>\n          <li><b>Machines multi-process<\/b> permettant de combiner plusieurs \u00e9tapes de production dans un m\u00eame syst\u00e8me.<\/li>\n        <\/ul>\n        <p style=\"margin-top:18px\">Nos machines industrielles automatis\u00e9es sont fabriqu\u00e9es pour durer. Leur robustesse et leur fiabilit\u00e9 en font des investissements rentables, r\u00e9duisant les co\u00fbts de maintenance et minimisant les arr\u00eats de production. De plus, leur modularit\u00e9 permet de les adapter aux \u00e9volutions de vos besoins.<\/p>\n      <\/div>\n      <div class=\"split__media reveal\">\n        <figure><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%271333%27%20viewBox%3D%270%200%201000%201333%27%3E%3Crect%20width%3D%271000%27%20height%3D%271333%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/ms-presse.webp\" alt=\"Poste de presse pneumatique unitaire d&#039;une machine sp\u00e9ciale CIM Atlantique (station d&#039;assemblage)\" width=\"1000\" height=\"1333\" loading=\"lazy\" title=\"\"><\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 6 \u00b7 PROGRAMMATION \u2591\u2591 -->\n  <section data-screen-label=\"Programmation\">\n    <div class=\"container\">\n      <header class=\"sec-head\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">05<\/span> Automatisation<\/span>\n        <h2>La programmation de vos machines sp\u00e9ciales<\/h2>\n        <p class=\"sec-head__lead\">Programmation sur automates Siemens, Schneider, Omron et Rockwell. Sch\u00e9mas \u00e9lectriques r\u00e9alis\u00e9s sous SEE Electrical. Int\u00e9gration des principaux robots industriels : Fanuc, Yaskawa, St\u00e4ubli, ABB, Omron et Kuka.<\/p>\n      <\/header>\n      <div class=\"feat__list\">\n        <div class=\"feat reveal\">\n          <div class=\"feat__ic\"><i class=\"fas fa-microchip\"><\/i><\/div>\n          <div>\n            <h3>Automatisation et machines sp\u00e9ciales<\/h3>\n            <p>Nos automaticiens sont tous form\u00e9s et comp\u00e9tents pour programmer vos machines sp\u00e9ciales \u00e0 la perfection. Ils peuvent effectuer la programmation des machines, mais aussi \u00eatre appel\u00e9s pour la maintenance de toutes sortes d'automates, peu importe la marque.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"feat reveal\">\n          <div class=\"feat__ic\"><i class=\"fas fa-sliders-h\"><\/i><\/div>\n          <div>\n            <h3>Optimisation des r\u00e9glages<\/h3>\n            <p>Pour simplifier l'utilisation de vos appareils, nos ing\u00e9nieurs se chargent d'optimiser les param\u00e8tres de r\u00e9glages de votre machine sp\u00e9ciale. Cette optimisation permettra aussi de r\u00e9duire le temps en cas de changement de format ou d'en cr\u00e9er de nouveaux.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 7 \u00b7 \u2605 R\u00c9ALISATIONS (3 cas) \u2591\u2591 -->\n  <section id=\"realisations\" class=\"bg-gray\" data-screen-label=\"R\u00e9alisations\">\n    <div class=\"container\">\n      <header class=\"sec-head\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">06<\/span> R\u00e9alisations \u00b7 preuve terrain<\/span>\n        <h2>Nos r\u00e9alisations en machines sp\u00e9ciales<\/h2>\n        <p class=\"sec-head__lead\">Trois machines con\u00e7ues et fabriqu\u00e9es par CIM : assemblage multi-postes, emmanchement \u00e0 force sur plateau index\u00e9 et assemblage multi-composants \u00e0 haute cadence. D\u00e9pliez chaque cas pour le process d\u00e9taill\u00e9 et la vid\u00e9o.<\/p>\n      <\/header>\n\n      <div class=\"cases\">\n\n        <!-- CAS 1 -->\n        <article class=\"case reveal\">\n          <div class=\"case__grid\">\n            <div class=\"case__media\">\n              <span class=\"case__sector\"><i class=\"fas fa-spray-can\"><\/i> A\u00e9rosols \/ pulv\u00e9risation<\/span>\n              <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271280%27%20height%3D%27720%27%20viewBox%3D%270%200%201280%20720%27%3E%3Crect%20width%3D%271280%27%20height%3D%27720%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/ms-cas1-video.webp\" onerror=\"this.onerror=null;this.src=&#039;https:\/\/i.ytimg.com\/vi\/7wNdWifH1ak\/hqdefault.jpg&#039;\" alt=\"Image de la vid\u00e9o : machine d&#039;assemblage 8 postes de t\u00eates de pulv\u00e9risation (embase + capot) en pied de presse \u00e0 injecter \u2014 CIM Atlantique\" width=\"1280\" height=\"720\" loading=\"lazy\" title=\"\">\n              <span class=\"case__num\">01<\/span>\n            <\/div>\n            <div class=\"case__body\">\n              <span class=\"case__kicker\">Assemblage automatis\u00e9 \u00b7 8 postes<\/span>\n              <h3>Assemblage de t\u00eates de pulv\u00e9risation<\/h3>\n              <p class=\"case__hook\">Une machine <strong>8 postes<\/strong> qui clippe une embase plastique dans un capot pour former une t\u00eate de pulv\u00e9risation \u2014 mont\u00e9e en <strong>pied de presse \u00e0 injecter<\/strong>, \u00e0 la cadence de 8 sous-ensembles toutes les 10 secondes.<\/p>\n              <div class=\"kpis\">\n                <div class=\"kpi\"><b>8 \/ 10 s<\/b><span>sous-ensembles<\/span><\/div>\n                <div class=\"kpi\"><b>8 postes<\/b><span>simultan\u00e9s<\/span><\/div>\n                <div class=\"kpi\"><b>Servo<\/b><span>portique Siemens<\/span><\/div>\n              <\/div>\n              <div class=\"case__tags\"><span>Robot cart\u00e9sien Sepro<\/span><span>Bol vibrant<\/span><span>Portique roll-on<\/span><span>Emmanchement<\/span><\/div>\n            <\/div>\n            <details class=\"case__more\">\n              <summary class=\"detail__toggle\" style=\"padding:18px clamp(24px,3vw,38px)\"><span class=\"reveal-btn\">Voir le d\u00e9tail technique + vid\u00e9o <i class=\"fas fa-chevron-down\"><\/i><\/span><\/summary>\n              <div class=\"detail\">\n                <div class=\"detail__cols\">\n                  <div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-stream\"><\/i> Le process (8 postes en simultan\u00e9)<\/h4>\n                      <ul class=\"tlist\">\n                        <li>Les capots sont d\u00e9pos\u00e9s en 8 positions sur la table par un robot cart\u00e9sien Sepro.<\/li>\n                        <li>Un bol vibrant alimente les embases ; un s\u00e9parateur m\u00e9canique \u00e0 v\u00e9rins les met \u00ab au pas \u00bb des 8 postes.<\/li>\n                        <li>Un portique num\u00e9rique \u00ab roll-on \u00bb \u00e0 axes servomoteurs Siemens, de tr\u00e8s haute r\u00e9p\u00e9tabilit\u00e9, saisit les pi\u00e8ces par aspiration et assure le transfert.<\/li>\n                        <li>Le portique, \u00e9quip\u00e9 de syst\u00e8mes \u00e0 cr\u00e9maill\u00e8re, met le capot en rotation au moment de l'insertion pour clipper proprement le sous-ensemble.<\/li>\n                        <li>8 v\u00e9rins agissant par-dessous r\u00e9alisent l'emmanchement de l'embase dans le capot.<\/li>\n                        <li>Une fois assembl\u00e9s, le portique \u00e9vacue les 8 sous-ensembles dans une goulotte.<\/li>\n                      <\/ul>\n                    <\/div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-lightbulb\"><\/i> L'expertise CIM<\/h4>\n                      <p>Un process en apparence simple, mais m\u00e9caniquement complexe : la variabilit\u00e9 g\u00e9om\u00e9trique des capots \u2014 pi\u00e8ces plastiques fines et ouvertes qui ont tendance \u00e0 s'ovaliser et se d\u00e9former \u2014 complique \u00e0 la fois la distribution par bol vibrant et la fiabilit\u00e9 de l'emmanchement. Le r\u00e9sultat est une belle r\u00e9alisation m\u00e9canique, fruit d'une mise au point pouss\u00e9e pour fiabiliser l'assemblage malgr\u00e9 ces dispersions.<\/p>\n                    <\/div>\n                  <\/div>\n                  <div>\n                    <div class=\"ytwrap\">\n                      <h4><i class=\"fas fa-play-circle\"><\/i> Voir la machine en action<\/h4>\n                      <div class=\"ytfacade\" data-yt=\"7wNdWifH1ak\">\n                        <button class=\"ytfacade__btn\" type=\"button\" aria-label=\"Lire la vid\u00e9o : assemblage de t\u00eates de pulv\u00e9risation\">\n                          <img decoding=\"async\" class=\"lazyload ytfacade__thumb\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%27360%27%20viewBox%3D%270%200%20480%20360%27%3E%3Crect%20width%3D%27480%27%20height%3D%27360%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/i.ytimg.com\/vi\/7wNdWifH1ak\/hqdefault.jpg\" alt=\"\" width=\"480\" height=\"360\" loading=\"lazy\" title=\"\">\n                          <span class=\"ytfacade__play\"><i class=\"fas fa-play\"><\/i><\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-cogs\"><\/i> Technologies<\/h4>\n                      <p>Robot cart\u00e9sien Sepro \u00b7 bol vibrant + s\u00e9parateur \u00e0 v\u00e9rins de mise au pas \u00b7 portique num\u00e9rique roll-on axes Siemens \u00b7 pr\u00e9hension par aspiration \u00b7 cr\u00e9maill\u00e8re (rotation\/clipsage) \u00b7 8 v\u00e9rins d'emmanchement \u00b7 \u00e9vacuation par goulotte.<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/details>\n          <\/div>\n        <\/article>\n\n        <!-- CAS 2 -->\n        <article class=\"case case--rev reveal\">\n          <div class=\"case__grid\">\n            <div class=\"case__media\">\n              <span class=\"case__sector\"><i class=\"fas fa-compress-arrows-alt\"><\/i> Emmanchement de pr\u00e9cision<\/span>\n              <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271280%27%20height%3D%27720%27%20viewBox%3D%270%200%201280%20720%27%3E%3Crect%20width%3D%271280%27%20height%3D%27720%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/ms-cas2-video.webp\" onerror=\"this.onerror=null;this.src=&#039;https:\/\/i.ytimg.com\/vi\/FhZHnIiPosQ\/hqdefault.jpg&#039;\" alt=\"Image de la vid\u00e9o : machine d&#039;emmanchement bague acier \/ embase plastique sur plateau index\u00e9 \u2014 CIM Atlantique\" width=\"1280\" height=\"720\" loading=\"lazy\" title=\"\">\n              <span class=\"case__num\">02<\/span>\n            <\/div>\n            <div class=\"case__body\">\n              <span class=\"case__kicker\">Plateau index\u00e9 \u00b7 emmanchement \u00e0 force<\/span>\n              <h3>Emmanchement bague acier \/ embase sur plateau index\u00e9<\/h3>\n              <p class=\"case__hook\">Le m\u00e9tier historique de CIM : une machine sur <strong>plateau index\u00e9<\/strong> qui emmanche \u00e0 force une bague acier sur une embase plastique, avec <strong>contr\u00f4le 100 %<\/strong> (capteur + vision) et tri automatique.<\/p>\n              <div class=\"kpis\">\n                <div class=\"kpi\"><b>100 %<\/b><span>contr\u00f4l\u00e9 (capteur + cam\u00e9ra)<\/span><\/div>\n                <div class=\"kpi\"><b>plusieurs 100 kg<\/b><span>effort \/ pi\u00e8ce<\/span><\/div>\n                <div class=\"kpi kpi--red\"><b>Tri auto<\/b><span>bonnes \/ rebut<\/span><\/div>\n              <\/div>\n              <div class=\"case__tags\"><span>Plateau index\u00e9<\/span><span>Came asservie servo<\/span><span>Presse col de cygne<\/span><span>Vision<\/span><\/div>\n            <\/div>\n            <details class=\"case__more\">\n              <summary class=\"detail__toggle\" style=\"padding:18px clamp(24px,3vw,38px)\"><span class=\"reveal-btn\">Voir le d\u00e9tail technique + vid\u00e9o <i class=\"fas fa-chevron-down\"><\/i><\/span><\/summary>\n              <div class=\"detail\">\n                <div class=\"detail__cols\">\n                  <div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-stream\"><\/i> Le process (plateau index\u00e9)<\/h4>\n                      <ul class=\"tlist\">\n                        <li><b>Alimentation :<\/b> bagues acier et embases plastiques distribu\u00e9es par bols vibrants, individualis\u00e9es par des s\u00e9parateurs rotatifs.<\/li>\n                        <li><b>Transfert :<\/b> des syst\u00e8mes \u00e0 came de conception CIM, asservis \u00e0 un servomoteur synchrone, prennent 2 pi\u00e8ces \u00e0 la fois et les d\u00e9posent sur le plateau \u2014 alliant haute cadence et grande pr\u00e9cision.<\/li>\n                        <li><b>Poste 1 :<\/b> d\u00e9pose des embases plastiques sur le plateau.<\/li>\n                        <li><b>Poste 2 :<\/b> un second pick & place d\u00e9pose les bagues acier par-dessus.<\/li>\n                        <li><b>Poste 3 :<\/b> emmanchement \u00e0 force par presse pneumatique sur col de cygne ; un support de reprise d'effort sous le plateau absorbe la pouss\u00e9e (plusieurs centaines de kg par composant).<\/li>\n                        <li><b>Poste 4 :<\/b> contr\u00f4le \u2014 capteur analogique (profondeur d'emmanchement) + contr\u00f4le cam\u00e9ra du bon montage.<\/li>\n                        <li><b>Poste 5 :<\/b> pick & place de tri \u2014 \u00e9vacuation des bonnes pi\u00e8ces ou orientation vers une goulotte rebut.<\/li>\n                      <\/ul>\n                    <\/div>\n                  <\/div>\n                  <div>\n                    <div class=\"ytwrap\">\n                      <h4><i class=\"fas fa-play-circle\"><\/i> Voir la machine en action<\/h4>\n                      <div class=\"ytfacade\" data-yt=\"FhZHnIiPosQ\">\n                        <button class=\"ytfacade__btn\" type=\"button\" aria-label=\"Lire la vid\u00e9o : emmanchement sur plateau index\u00e9\">\n                          <img decoding=\"async\" class=\"lazyload ytfacade__thumb\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%27360%27%20viewBox%3D%270%200%20480%20360%27%3E%3Crect%20width%3D%27480%27%20height%3D%27360%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/i.ytimg.com\/vi\/FhZHnIiPosQ\/hqdefault.jpg\" alt=\"\" width=\"480\" height=\"360\" loading=\"lazy\" title=\"\">\n                          <span class=\"ytfacade__play\"><i class=\"fas fa-play\"><\/i><\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-lightbulb\"><\/i> L'expertise CIM<\/h4>\n                      <p>Dimensionnement m\u00e9canique des cols de cygne et des presses pneumatiques pour un emmanchement \u00e0 force ma\u00eetris\u00e9 (reprise d'efforts de plusieurs centaines de kg). Syst\u00e8mes \u00e0 came asservis servomoteur : conception maison alliant cadence \u00e9lev\u00e9e et pr\u00e9cision de transfert \u2014 savoir-faire diff\u00e9renciant de CIM sur le plateau index\u00e9.<\/p>\n                    <\/div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-cogs\"><\/i> Technologies<\/h4>\n                      <p>Plateau index\u00e9 \u00b7 bols vibrants (2 composants) + s\u00e9parateurs rotatifs \u00b7 syst\u00e8mes \u00e0 came asservis servomoteur synchrone (conception CIM) \u00b7 presse pneumatique sur col de cygne \u00b7 support de reprise d'effort sous plateau \u00b7 capteur analogique de contr\u00f4le d'emmanchement \u00b7 contr\u00f4le vision \u00b7 pick & place de tri.<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/details>\n          <\/div>\n        <\/article>\n\n        <!-- CAS 3 -->\n        <article class=\"case reveal\">\n          <div class=\"case__grid\">\n            <div class=\"case__media\">\n              <span class=\"case__sector\"><i class=\"fas fa-prescription-bottle\"><\/i> Bouchons \/ packaging<\/span>\n              <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271280%27%20height%3D%27720%27%20viewBox%3D%270%200%201280%20720%27%3E%3Crect%20width%3D%271280%27%20height%3D%27720%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/ms-cas3-video.webp\" onerror=\"this.onerror=null;this.src=&#039;https:\/\/i.ytimg.com\/vi\/YwOdUP0ccmM\/hqdefault.jpg&#039;\" alt=\"Image de la vid\u00e9o : machine d&#039;assemblage de bouchons 3 composants sur plateau index\u00e9 6 positions \u2014 CIM Atlantique\" width=\"1280\" height=\"720\" loading=\"lazy\" title=\"\">\n              <span class=\"case__num\">03<\/span>\n            <\/div>\n            <div class=\"case__body\">\n              <span class=\"case__kicker\">Plateau index\u00e9 6 positions \u00b7 haute cadence<\/span>\n              <h3>Assemblage de bouchons 3 composants<\/h3>\n              <p class=\"case__hook\">Une machine d'assemblage de bouchons <strong>3 composants<\/strong> sur plateau index\u00e9 6 positions, cadenc\u00e9e \u00e0 <strong>3 500 pi\u00e8ces\/heure<\/strong>, avec emmanchement contr\u00f4l\u00e9 et tri automatique.<\/p>\n              <div class=\"kpis\">\n                <div class=\"kpi\"><b>3 500 \/ h<\/b><span>pi\u00e8ces<\/span><\/div>\n                <div class=\"kpi\"><b>3<\/b><span>composants assembl\u00e9s<\/span><\/div>\n                <div class=\"kpi\"><b>6 postes<\/b><span>plateau index\u00e9<\/span><\/div>\n              <\/div>\n              <div class=\"case__tags\"><span>3 bols vibrants<\/span><span>Manipulateurs CIM<\/span><span>Presse pneumatique<\/span><span>Contr\u00f4le de course<\/span><\/div>\n            <\/div>\n            <details class=\"case__more\">\n              <summary class=\"detail__toggle\" style=\"padding:18px clamp(24px,3vw,38px)\"><span class=\"reveal-btn\">Voir le d\u00e9tail technique + vid\u00e9o <i class=\"fas fa-chevron-down\"><\/i><\/span><\/summary>\n              <div class=\"detail\">\n                <div class=\"detail__cols\">\n                  <div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-stream\"><\/i> Le process (plateau index\u00e9 6 positions)<\/h4>\n                      <ul class=\"tlist\">\n                        <li><b>Alimentation :<\/b> 3 bols vibrants distribuent les 3 pi\u00e8ces du bouchon \u2014 le bouchon, le support canule et l'embase.<\/li>\n                        <li><b>Transfert :<\/b> 3 manipulateurs \u00e9quip\u00e9s de moteurs de conception CIM prennent les pi\u00e8ces en sortie de bol et les transf\u00e8rent sur le plateau ; doubles pr\u00e9henseurs \u00e0 pinces pneumatiques en bout de bras.<\/li>\n                        <li><b>Emmanchement :<\/b> une petite presse pneumatique emmanche les 3 pi\u00e8ces apr\u00e8s distribution.<\/li>\n                        <li><b>Contr\u00f4le :<\/b> un capteur analogique mesure la valeur de course pendant l'emmanchement \u2192 validation de l'assemblage.<\/li>\n                        <li><b>\u00c9vacuation :<\/b> \u00e9jection en vrac par soufflage vers les bacs \u00ab bons \u00bb ou \u00ab rebut \u00bb selon le r\u00e9sultat.<\/li>\n                      <\/ul>\n                    <\/div>\n                  <\/div>\n                  <div>\n                    <div class=\"ytwrap\">\n                      <h4><i class=\"fas fa-play-circle\"><\/i> Voir la machine en action<\/h4>\n                      <div class=\"ytfacade\" data-yt=\"YwOdUP0ccmM\">\n                        <button class=\"ytfacade__btn\" type=\"button\" aria-label=\"Lire la vid\u00e9o : assemblage de bouchons 3 composants\">\n                          <img decoding=\"async\" class=\"lazyload ytfacade__thumb\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%27360%27%20viewBox%3D%270%200%20480%20360%27%3E%3Crect%20width%3D%27480%27%20height%3D%27360%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/i.ytimg.com\/vi\/YwOdUP0ccmM\/hqdefault.jpg\" alt=\"\" width=\"480\" height=\"360\" loading=\"lazy\" title=\"\">\n                          <span class=\"ytfacade__play\"><i class=\"fas fa-play\"><\/i><\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-lightbulb\"><\/i> L'expertise CIM<\/h4>\n                      <p>Manipulateurs \u00e0 moteurs de conception CIM : transfert rapide et pr\u00e9cis de 3 typologies de pi\u00e8ces depuis 3 bols vibrants vers un plateau index\u00e9 \u2014 orchestration d'un assemblage multi-composants \u00e0 cadence. Emmanchement contr\u00f4l\u00e9 par mesure de course (capteur analogique) garantissant la qualit\u00e9 pi\u00e8ce \u00e0 pi\u00e8ce.<\/p>\n                    <\/div>\n                    <div class=\"detail__block\">\n                      <h4><i class=\"fas fa-cogs\"><\/i> Technologies<\/h4>\n                      <p>3 bols vibrants \u00b7 3 manipulateurs \u00e0 moteurs de conception CIM \u00b7 doubles pr\u00e9henseurs \u00e0 pinces pneumatiques \u00b7 plateau index\u00e9 6 positions \u00b7 presse pneumatique d'emmanchement \u00b7 capteur analogique de contr\u00f4le de course \u00b7 \u00e9vacuation par soufflage (tri bons \/ rebut).<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/details>\n          <\/div>\n        <\/article>\n\n      <\/div><!-- \/.cases -->\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 8 \u00b7 CONFORMIT\u00c9 CE (rouge + neural) \u2591\u2591 -->\n  <section class=\"bg-red has-neural\" data-screen-label=\"Conformit\u00e9 CE\">\n    <div class=\"net\" data-net=\"red\" aria-hidden=\"true\"><\/div>\n    <div class=\"container\">\n      <header class=\"sec-head\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">07<\/span> Conformit\u00e9 & r\u00e9f\u00e9rences<\/span>\n        <h2>Nos r\u00e9f\u00e9rences en conception de machines sp\u00e9ciales<\/h2>\n        <p class=\"sec-head__lead\">CIM Atlantique con\u00e7oit et fabrique vos machines sp\u00e9ciales dans le respect des directives 2006\/42\/CE et 2023\/1230\/UE et de la norme \u00e9lectrique NF EN 60204-1.<\/p>\n      <\/header>\n      <div class=\"reqs\">\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\n          <h3>Analyse des risques<\/h3>\n          <p>Int\u00e9gr\u00e9e syst\u00e9matiquement \u00e0 notre d\u00e9marche de conception.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n          <h3>Niveau de performance (PL)<\/h3>\n          <p>Calcul via SISTEMA selon EN ISO 13849-1 \u2014 la fiabilit\u00e9 requise pour chaque fonction de s\u00e9curit\u00e9.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-folder-open\"><\/i><\/div>\n          <h3>Dossier technique CE<\/h3>\n          <p>Constitution du dossier complet, conserv\u00e9 et d\u00e9fendable.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-drafting-compass\"><\/i><\/div>\n          <h3>Conception CAO<\/h3>\n          <p>Sur Inventor ou SolidWorks, avec fourniture possible des fichiers natifs pour vos \u00e9volutions futures.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-robot\"><\/i><\/div>\n          <h3>Automates & robots<\/h3>\n          <p>Siemens, Schneider, Omron, Rockwell \u00b7 SEE Electrical \u00b7 robots Fanuc, Yaskawa, St\u00e4ubli, ABB, Omron, Kuka.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 9 \u00b7 FAQ \u2591\u2591 -->\n  <section data-screen-label=\"FAQ\">\n    <div class=\"container\">\n      <header class=\"sec-head\" style=\"text-align:center; margin-inline:auto;\">\n        <span class=\"eyebrow\" style=\"justify-content:center;\"><span class=\"eyebrow__num\">08<\/span> Questions fr\u00e9quentes<\/span>\n        <h3>FAQ \u2014 Machines sp\u00e9ciales<\/h3>\n        <p class=\"sec-head__lead\" style=\"margin-inline:auto;\">Vous avez des questions ? Nous avons les r\u00e9ponses.<\/p>\n      <\/header>\n      <div class=\"faq\">\n        <details class=\"faq__item\" open>\n          <summary class=\"faq__q\">Qu'est-ce qu'une machine sp\u00e9ciale ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Une machine sp\u00e9ciale est un \u00e9quipement con\u00e7u sur mesure pour automatiser ou optimiser un processus industriel sp\u00e9cifique. Elle est d\u00e9velopp\u00e9e pour r\u00e9pondre \u00e0 des besoins uniques, offrant flexibilit\u00e9, pr\u00e9cision et performance adapt\u00e9es \u00e0 votre activit\u00e9.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Proposez-vous un support technique et de la formation ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Oui, nous offrons un service complet de support technique incluant la formation des \u00e9quipes, un suivi personnalis\u00e9, ainsi que des services de maintenance pr\u00e9ventive et corrective.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Vos machines s'int\u00e8grent-elles \u00e0 mes syst\u00e8mes existants ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Absolument. Nos machines sp\u00e9ciales sur mesure sont con\u00e7ues pour s'int\u00e9grer parfaitement \u00e0 vos syst\u00e8mes actuels, garantissant une compatibilit\u00e9 optimale et une transition fluide.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Combien de temps pour concevoir une machine sp\u00e9ciale ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Le d\u00e9lai d\u00e9pend de la complexit\u00e9 du projet, mais inclut toujours une analyse approfondie, une phase de conception et simulation, puis la fabrication et l'int\u00e9gration. Nous vous fournissons un calendrier clair d\u00e8s le d\u00e9but.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Travaillez-vous sur plateau index\u00e9 et sur \u00eelots robotis\u00e9s ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Oui. Le plateau index\u00e9 est l'un de nos savoir-faire historiques (emmanchement \u00e0 force, assemblage multi-composants \u00e0 haute cadence), et nous concevons \u00e9galement des \u00eelots robotis\u00e9s sur mesure int\u00e9grant les principaux robots du march\u00e9 (Fanuc, Yaskawa, St\u00e4ubli, ABB, Omron, Kuka).<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Intervenez-vous en Bretagne et en Pays de la Loire ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Oui. CIM Atlantique est un int\u00e9grateur industriel implant\u00e9 au nord de Nantes et intervient sur l'ensemble des Pays de la Loire et de la Bretagne, au plus pr\u00e8s de vos sites de production.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 10 \u00b7 CTA FINAL \u2591\u2591 -->\n  <section class=\"cta-final has-neural\" data-screen-label=\"CTA final\">\n    <div class=\"net\" data-net=\"navy\" aria-hidden=\"true\"><\/div>\n    <div class=\"container cta-final__inner\">\n      <div>\n        <h2>Un projet de machine sp\u00e9ciale ?<\/h2>\n        <p>D\u00e9crivez-nous votre process et vos objectifs de production : notre bureau d'\u00e9tudes con\u00e7oit la machine sur mesure \u2014 de l'analyse au dossier CE \u2014 adapt\u00e9e \u00e0 votre besoin.<\/p>\n      <\/div>\n      <div class=\"cta-final__actions\">\n        <a class=\"btn btn--primary\" href=\"https:\/\/www.cim-atlantique.com\/fr\/devis\/\">Demander votre \u00e9tude <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <a class=\"phone btn btn--ghost\" href=\"tel:+33240587296\"><i class=\"fas fa-phone-alt\"><\/i> 02 40 58 72 96<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div><!-- \/#cim-ms -->\n\n<!-- JSON-LD : Organization + Service + FAQPage -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Organization\",\n      \"name\": \"CIM Atlantique\",\n      \"url\": \"https:\/\/www.cim-atlantique.com\/\",\n      \"logo\": \"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2024\/10\/LogoV2_02-2.png\",\n      \"telephone\": \"+33240587296\",\n      \"address\": { \"@type\": \"PostalAddress\", \"streetAddress\": \"3 rue Herm\u00e8s, ZAC de la Belle \u00c9toile\", \"postalCode\": \"44119\", \"addressLocality\": \"Grandchamps-des-Fontaines\", \"addressCountry\": \"FR\" },\n      \"areaServed\": [\"Pays de la Loire\", \"Bretagne\"]\n    },\n    {\n      \"@type\": \"Service\",\n      \"serviceType\": \"Conception de machines sp\u00e9ciales industrielles sur mesure\",\n      \"provider\": { \"@type\": \"Organization\", \"name\": \"CIM Atlantique\" },\n      \"areaServed\": [\"Pays de la Loire\", \"Bretagne\"],\n      \"description\": \"Conception et fabrication de machines sp\u00e9ciales sur mesure : assemblage automatis\u00e9, plateau index\u00e9, emmanchement \u00e0 force, robotisation, vision et contr\u00f4le, mise en conformit\u00e9 CE.\"\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        { \"@type\": \"Question\", \"name\": \"Qu'est-ce qu'une machine sp\u00e9ciale ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Une machine sp\u00e9ciale est un \u00e9quipement con\u00e7u sur mesure pour automatiser ou optimiser un processus industriel sp\u00e9cifique, offrant flexibilit\u00e9, pr\u00e9cision et performance adapt\u00e9es \u00e0 votre activit\u00e9.\" } },\n        { \"@type\": \"Question\", \"name\": \"Proposez-vous un support technique et de la formation ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui, nous offrons un service complet de support technique incluant la formation des \u00e9quipes, un suivi personnalis\u00e9 et des services de maintenance pr\u00e9ventive et corrective.\" } },\n        { \"@type\": \"Question\", \"name\": \"Vos machines s'int\u00e8grent-elles \u00e0 mes syst\u00e8mes existants ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolument. Nos machines sp\u00e9ciales sur mesure sont con\u00e7ues pour s'int\u00e9grer parfaitement \u00e0 vos syst\u00e8mes actuels, garantissant une compatibilit\u00e9 optimale et une transition fluide.\" } },\n        { \"@type\": \"Question\", \"name\": \"Combien de temps pour concevoir une machine sp\u00e9ciale ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Le d\u00e9lai d\u00e9pend de la complexit\u00e9 du projet : analyse approfondie, conception et simulation, puis fabrication et int\u00e9gration. Un calendrier clair est fourni d\u00e8s le d\u00e9but.\" } },\n        { \"@type\": \"Question\", \"name\": \"Travaillez-vous sur plateau index\u00e9 et sur \u00eelots robotis\u00e9s ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui. Le plateau index\u00e9 est l'un de nos savoir-faire historiques et nous concevons \u00e9galement des \u00eelots robotis\u00e9s sur mesure int\u00e9grant les principaux robots du march\u00e9.\" } },\n        { \"@type\": \"Question\", \"name\": \"Intervenez-vous en Bretagne et en Pays de la Loire ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui. CIM Atlantique est implant\u00e9 au nord de Nantes et intervient sur l'ensemble des Pays de la Loire et de la Bretagne.\" } }\n      ]\n    }\n  ]\n}\n<\/script>\n<script data-no-optimize=\"1\">\n\/* =====================================================================\n   CIM ATLANTIQUE \u2014 Page \u00ab Conception de machines sp\u00e9ciales \u00bb\n   JS de page : FAQ accord\u00e9on + motif neuronal + carrousel + animations.\n   Scop\u00e9 au wrapper #cim-ms. Contenu pleinement visible sans JS.\n   ===================================================================== *\/\n(function () {\n  var root = document.getElementById('cim-ms');\n  if (!root) return;\n\n  \/* ---------- Simulateur de ROI ---------- *\/\n  \/\/ Hypoth\u00e8ses indicatives : la vision automatise le contr\u00f4le qualit\u00e9.\n  var REBUTS_REDUCTION = 0.70;     \/\/ ~70 % de rebuts \u00e9vit\u00e9s\n  var INSPECTION_REDUCTION = 0.80; \/\/ ~80 % du co\u00fbt d'inspection manuelle \u00e9vit\u00e9\n\n  var form = document.getElementById('roiForm');\n  function fmt(n) {\n    return Math.round(n).toLocaleString('fr-FR') + ' \u20ac';\n  }\n  if (form) {\n    form.addEventListener('submit', function (e) {\n      e.preventDefault();\n      var rebuts = parseFloat(document.getElementById('roiRebuts').value) || 0;\n      var inspection = parseFloat(document.getElementById('roiInspection').value) || 0;\n\n      var gainRebuts = rebuts * REBUTS_REDUCTION;\n      var gainInspection = inspection * INSPECTION_REDUCTION;\n      var month = gainRebuts + gainInspection;\n      var year = month * 12;\n\n      document.getElementById('roiPlaceholder').hidden = true;\n      document.getElementById('roiOut').hidden = false;\n      document.getElementById('roiYear').innerHTML = fmt(year) + ' <small>\/ an<\/small>';\n      document.getElementById('roiMonth').textContent = fmt(month) + ' \u00e9conomis\u00e9s par mois';\n      document.getElementById('roiR1').textContent = fmt(gainRebuts) + ' \/mois';\n      document.getElementById('roiR2').textContent = fmt(gainInspection) + ' \/mois';\n    });\n  }\n\n  \/* ---------- FAQ : accord\u00e9on exclusif (un seul ouvert) ---------- *\/\n  var faqItems = root.querySelectorAll('.faq__item');\n  faqItems.forEach(function (item) {\n    item.addEventListener('toggle', function () {\n      if (item.open) {\n        faqItems.forEach(function (other) {\n          if (other !== item) other.open = false;\n        });\n      }\n    });\n  });\n\n  \/* ---------- Animations d'apparition (optionnel) ---------- *\/\n  if ('IntersectionObserver' in window) {\n    root.classList.add('has-anim');\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (en) {\n        if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });\n    root.querySelectorAll('.reveal').forEach(function (el) { io.observe(el); });\n  }\n\n  \/* ---------- Motif neuronal SVG (fonds marine) \u2014 identique \u00e0 la pr\u00e9sentation CIM ---------- *\/\n  function buildNet(w, h, count, seed, opts) {\n    opts = opts || {};\n    function rnd(s) { s = s % 2147483647; if (s <= 0) s += 2147483646; return function () { s = s * 16807 % 2147483647; return (s - 1) \/ 2147483646; }; }\n    var TEAL = '#1d919e', RED = '#7f191a';\n    var r = rnd(seed), nodes = [], i;\n    var cols = Math.ceil(Math.sqrt(count * w \/ h)), rows = Math.ceil(count \/ cols);\n    for (var gy = 0; gy < rows; gy++) for (var gx = 0; gx < cols; gx++) {\n      if (nodes.length >= count) break;\n      nodes.push({ x: (gx + 0.15 + r() * 0.7) * w \/ cols, y: (gy + 0.15 + r() * 0.7) * h \/ rows });\n    }\n    var edges = [];\n    for (i = 0; i < nodes.length; i++) {\n      var d = [];\n      for (var j = 0; j < nodes.length; j++) if (j !== i) { var dx = nodes[i].x - nodes[j].x, dy = nodes[i].y - nodes[j].y; d.push([dx * dx + dy * dy, j]); }\n      d.sort(function (a, b) { return a[0] - b[0]; });\n      for (var k = 0; k < 2; k++) if (d[k] && i < d[k][1]) edges.push([i, d[k][1]]);\n    }\n    var lineOp = opts.lineOp || 0.5, baseR = opts.r || 7;\n    var lineCol = opts.lineColor || TEAL, colA = opts.colA || TEAL, colB = opts.colB || RED;\n    var svg = '<svg viewBox=\"0 0 ' + w + ' ' + h + '\" preserveAspectRatio=\"' + (opts.par || 'xMidYMid slice') + '\">';\n    edges.forEach(function (e) {\n      svg += '<line class=\"ln\" style=\"animation-delay:-' + (r() * 4).toFixed(2) + 's\" x1=\"' + nodes[e[0]].x.toFixed(1) + '\" y1=\"' + nodes[e[0]].y.toFixed(1) + '\" x2=\"' + nodes[e[1]].x.toFixed(1) + '\" y2=\"' + nodes[e[1]].y.toFixed(1) + '\" stroke=\"' + lineCol + '\" stroke-width=\"1.5\" opacity=\"' + lineOp + '\"\/>';\n    });\n    nodes.forEach(function (n, idx) {\n      var isRed = (idx % 5 === 2), col = isRed ? colB : colA;\n      var big = (idx % 3 === 0), rad = big ? baseR * 1.5 : baseR;\n      var dly = '-' + (r() * 5).toFixed(2) + 's';\n      svg += '<circle class=\"hl\" style=\"animation-delay:' + dly + '\" cx=\"' + n.x.toFixed(1) + '\" cy=\"' + n.y.toFixed(1) + '\" r=\"' + (rad * 2.4).toFixed(1) + '\" fill=\"' + col + '\" opacity=\"' + (opts.haloOp || 0.08) + '\"\/>';\n      svg += '<circle class=\"nd\" style=\"animation-delay:' + dly + '\" cx=\"' + n.x.toFixed(1) + '\" cy=\"' + n.y.toFixed(1) + '\" r=\"' + rad.toFixed(1) + '\" fill=\"' + col + '\" opacity=\"' + (opts.nodeOp || 0.9) + '\"\/>';\n    });\n    return svg + '<\/svg>';\n  }\n  var netConfigs = {\n    wide: { w: 1920, h: 640, count: 26, seed: 13, opts: { lineOp: 0.32, haloOp: 0.10, nodeOp: 0.78, r: 8, par: 'xMidYMid slice' } },\n    cta:  { w: 1920, h: 540, count: 20, seed: 33, opts: { lineOp: 0.22, haloOp: 0.07, nodeOp: 0.6, r: 8, par: 'xMidYMid slice' } },\n    \/\/ fond marine : n\u0153uds teal clair + teal, lignes teal clair\n    navy: { w: 1920, h: 760, count: 30, seed: 21, opts: { lineColor: '#5BD0DE', colA: '#5BD0DE', colB: '#ffffff', lineOp: 0.22, haloOp: 0.10, nodeOp: 0.7, r: 8, par: 'xMidYMid slice' } },\n    \/\/ fond rouge CIM : n\u0153uds blancs + teal clair, lignes claires\n    red:  { w: 1920, h: 700, count: 28, seed: 47, opts: { lineColor: '#ffb3b3', colA: '#ffffff', colB: '#ffd9d9', lineOp: 0.24, haloOp: 0.12, nodeOp: 0.72, r: 8, par: 'xMidYMid slice' } }\n  };\n  root.querySelectorAll('.net[data-net]').forEach(function (el) {\n    var c = netConfigs[el.getAttribute('data-net')] || netConfigs.wide;\n    el.innerHTML = buildNet(c.w, c.h, c.count, c.seed, c.opts);\n  });\n  \/\/ n'animer que lorsque la section est \u00e0 l'\u00e9cran (perf)\n  if ('IntersectionObserver' in window) {\n    var nio = new IntersectionObserver(function (es) {\n      es.forEach(function (e) { e.target.classList.toggle('net-live', e.isIntersecting); });\n    }, { threshold: 0 });\n    root.querySelectorAll('.has-neural').forEach(function (s) { nio.observe(s); });\n  } else {\n    root.querySelectorAll('.has-neural').forEach(function (s) { s.classList.add('net-live'); });\n  }\n\n  \/* ---------- Carrousel des r\u00e9alisations ---------- *\/\n  root.querySelectorAll('[data-carousel]').forEach(function (car) {\n    var track = car.querySelector('[data-track]');\n    if (!track) return;\n    var prev = car.querySelector('.carousel__nav--prev');\n    var next = car.querySelector('.carousel__nav--next');\n    var dotsWrap = car.parentNode.querySelector('[data-dots]');\n    var cards = track.children;\n    function step() {\n      var c = cards[0]; if (!c) return track.clientWidth;\n      var cs = getComputedStyle(track);\n      var gap = parseFloat(cs.columnGap || cs.gap || '20') || 20;\n      return c.getBoundingClientRect().width + gap;\n    }\n    if (prev) prev.addEventListener('click', function () { track.scrollBy({ left: -step(), behavior: 'smooth' }); });\n    if (next) next.addEventListener('click', function () { track.scrollBy({ left: step(), behavior: 'smooth' }); });\n    if (dotsWrap) {\n      for (var i = 0; i < cards.length; i++) {\n        var d = document.createElement('button');\n        d.type = 'button'; d.className = 'carousel__dot';\n        d.setAttribute('aria-label', 'Aller \u00e0 la r\u00e9alisation ' + (i + 1));\n        (function (idx) { d.addEventListener('click', function () { track.scrollTo({ left: idx * step(), behavior: 'smooth' }); }); })(i);\n        dotsWrap.appendChild(d);\n      }\n    }\n    function update() {\n      var idx = Math.round(track.scrollLeft \/ step());\n      if (dotsWrap) { var ds = dotsWrap.children; for (var i = 0; i < ds.length; i++) ds[i].classList.toggle('is-active', i === idx); }\n      if (prev) prev.disabled = track.scrollLeft < 4;\n      if (next) next.disabled = track.scrollLeft > (track.scrollWidth - track.clientWidth - 4);\n    }\n    track.addEventListener('scroll', function () { window.requestAnimationFrame(update); }, { passive: true });\n    window.addEventListener('resize', update);\n    update();\n  });\n\n})();\n<\/script>\n<script>\n(function () {\n  var root = document.getElementById('cim-ms');\n  if (!root) return;\n\n  \/* ---------- Vid\u00e9o fa\u00e7ade : remplace la vignette par l'iframe au clic ---------- *\/\n  root.querySelectorAll('.ytfacade').forEach(function (fac) {\n    var btn = fac.querySelector('.ytfacade__btn');\n    if (!btn) return;\n    btn.addEventListener('click', function () {\n      var id = fac.getAttribute('data-yt');\n      if (!id) return;\n      var iframe = document.createElement('iframe');\n      iframe.setAttribute('src', 'https:\/\/www.youtube-nocookie.com\/embed\/' + id + '?autoplay=1&rel=0');\n      iframe.setAttribute('title', btn.getAttribute('aria-label') || 'Vid\u00e9o YouTube');\n      iframe.setAttribute('loading', 'lazy');\n      iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\n      iframe.setAttribute('allowfullscreen', '');\n      fac.innerHTML = '';\n      fac.appendChild(iframe);\n    });\n  });\n\n})();\n\n<\/script><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":1647,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1795","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages\/1795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/comments?post=1795"}],"version-history":[{"count":81,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages\/1795\/revisions"}],"predecessor-version":[{"id":7064,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages\/1795\/revisions\/7064"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/media\/1647"}],"wp:attachment":[{"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/media?parent=1795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}