{"id":6685,"date":"2026-04-08T13:45:37","date_gmt":"2026-04-08T11:45:37","guid":{"rendered":"https:\/\/www.cim-atlantique.com\/?page_id=6685"},"modified":"2026-06-17T09:03:40","modified_gmt":"2026-06-17T07:03:40","slug":"carterisation-machine","status":"publish","type":"page","link":"https:\/\/www.cim-atlantique.com\/fr\/carterisation-machine\/","title":{"rendered":"Cart\u00e9risation de machine industrielle"},"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 Cart\u00e9risation de machine industrielle \u00bb\n   FEUILLE DE STYLES \u2014 contenu de page uniquement.\n\n   \u00b7 TOUTES les r\u00e8gles sont scop\u00e9es sous #cim-carter \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-carter{\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-carter *{ box-sizing:border-box; }\n#cim-carter img{ max-width:100%; display:block; }\n#cim-carter a{ color:var(--blue); text-decoration:none; }\n#cim-carter a:hover{ text-decoration:underline; }\n#cim-carter h1,#cim-carter h2,#cim-carter h3,#cim-carter h4{\n  color:var(--navy); line-height:1.14; margin:0; font-weight:800;\n  letter-spacing:-.01em; text-wrap:balance; }\n#cim-carter p{ margin:0; }\n#cim-carter strong{ color:var(--ink); font-weight:700; }\n#cim-carter ul{ margin:0; padding:0; list-style:none; }\n\n#cim-carter .container{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--pad-x); }\n#cim-carter > section{ padding-block:var(--sec-y); }\n#cim-carter .bg-gray{ background:var(--gray); }\n#cim-carter .bg-tint{ background:var(--teal-soft); }\n#cim-carter .bg-navy{ background:var(--navy); color:#DCE7F0; }\n#cim-carter .bg-navy h2,#cim-carter .bg-navy h3,#cim-carter .bg-navy h4{ color:#fff; }\n\/* ---- Fond ROUGE CIM ---- *\/\n#cim-carter .bg-red{ background:var(--rouge); color:#F6DCDC; }\n#cim-carter .bg-red h2,#cim-carter .bg-red h3,#cim-carter .bg-red h4{ color:#fff; }\n#cim-carter .bg-red .eyebrow{ color:#FFC9C9; }\n#cim-carter .bg-red .eyebrow::before{ background:#fff; }\n#cim-carter .bg-red .eyebrow__num{ color:#E8A9A9; }\n#cim-carter .bg-red .sec-head__lead{ color:#F2C9C9; }\n#cim-carter .bg-red .sec-head__lead a{ color:#fff; text-decoration:underline; }\n#cim-carter .bg-red a{ color:#fff; }\n#cim-carter .bg-red .btn--primary{ background:#fff; color:var(--rouge); }\n#cim-carter .bg-red .btn--primary:hover{ background:#F6DCDC; }\n#cim-carter .bg-red .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.45); }\n#cim-carter .bg-red .btn--ghost:hover{ border-color:#fff; }\n\/* cartes \"exigences\" sur fond rouge : verre d\u00e9poli clair *\/\n#cim-carter .bg-red .req{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); }\n#cim-carter .bg-red .req::before{ background:#fff; }\n#cim-carter .bg-red .req__ic{ background:rgba(255,255,255,.14); color:#fff; }\n#cim-carter .bg-red .req h3{ color:#fff; }\n#cim-carter .bg-red .req p{ color:#F2CFCF; }\n\n\/* ---- En-t\u00eates de section ---- *\/\n#cim-carter .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-carter .eyebrow::before{ content:\"\"; width:26px; height:2px; background:var(--rouge); display:inline-block; }\n#cim-carter .bg-navy .eyebrow{ color:var(--teal-lt); }\n#cim-carter .eyebrow__num{ font-variant-numeric:tabular-nums; color:var(--muted); letter-spacing:.05em; }\n#cim-carter .bg-navy .eyebrow__num{ color:#8FB0CC; }\n#cim-carter .sec-head{ max-width:780px; margin-bottom:clamp(32px,5vw,52px); }\n#cim-carter .sec-head h2{ font-size:clamp(1.6rem, 1rem + 2.4vw, 2.4rem); }\n#cim-carter .sec-head__lead{ margin-top:18px; font-size:clamp(1.02rem,.95rem + .5vw,1.18rem); color:var(--muted); max-width:68ch; }\n#cim-carter .sec-head__lead a{ color:var(--blue); font-weight:600; }\n#cim-carter .bg-navy .sec-head__lead{ color:#B8CADB; }\n\n\/* ---- Boutons ---- *\/\n#cim-carter .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-carter .btn:hover{ text-decoration:none; }\n#cim-carter .btn i{ font-size:.92em; transition:transform .2s ease; }\n#cim-carter .btn:hover i{ transform:translateX(3px); }\n#cim-carter .btn--primary{ background:var(--accent); color:#fff; }\n#cim-carter .btn--primary:hover{ background:var(--teal-d); transform:translateY(-1px); }\n#cim-carter .btn--ghost{ background:transparent; color:var(--navy); border-color:var(--line); }\n#cim-carter .btn--ghost:hover{ border-color:var(--accent); color:var(--accent); }\n#cim-carter .bg-navy .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.35); }\n#cim-carter .bg-navy .btn--ghost:hover{ border-color:#fff; }\n\n\/* =========================================================\n   1 \u00b7 HERO\n   ========================================================= *\/\n#cim-carter .hero{ position:relative; background:var(--navy); color:#E7EFF6; overflow:hidden; isolation:isolate; }\n#cim-carter .hero__bg{ position:absolute; inset:0; z-index:-2; }\n#cim-carter .hero__bg img{ width:100%; height:100%; object-fit:cover; }\n#cim-carter .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-carter .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-carter .hero__inner{ padding-block:clamp(56px,9vw,104px); max-width:760px; }\n#cim-carter .hero h1{ color:#fff; font-size:clamp(2.1rem, 1.1rem + 4vw, 3.4rem); margin-block:14px 20px; }\n#cim-carter .hero h1 .hl{ color:var(--teal-lt); }\n#cim-carter .hero__lead{ font-size:clamp(1.05rem,.98rem + .6vw,1.3rem); color:#C6D6E6; max-width:60ch; }\n#cim-carter .hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }\n#cim-carter .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-carter .reassure li{ display:flex; align-items:center; gap:10px; font-size:.92rem; font-weight:600; color:#D6E3EF; }\n#cim-carter .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-carter .intro__lead{ font-size:clamp(1.06rem,1rem + .5vw,1.24rem); color:var(--ink); max-width:74ch; }\n#cim-carter .intro__lead + .intro__lead{ margin-top:18px; }\n#cim-carter .intro__q{ margin-top:22px; font-style:italic; color:var(--rouge); font-weight:600; font-size:1.05rem; max-width:70ch; }\n#cim-carter .flow{ display:grid; gap:18px; margin-top:clamp(34px,5vw,52px); counter-reset:flow; }\n#cim-carter .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-carter .flow__step:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-carter .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-carter .flow__no::before{ content:\"\u00c9TAPE \" counter(flow,decimal-leading-zero); }\n#cim-carter .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-carter .flow__step h3{ font-size:1.16rem; margin-bottom:8px; }\n#cim-carter .flow__step p{ color:var(--muted); font-size:.97rem; }\n\n\/* =========================================================\n   CARTES g\u00e9n\u00e9riques (applications, mat\u00e9riel, avantages)\n   ========================================================= *\/\n#cim-carter .cards{ display:grid; gap:18px; }\n#cim-carter .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-carter .card::before{ content:\"\"; position:absolute; top:0; left:0; right:0; height:3px; background:var(--accent); }\n#cim-carter .card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-carter .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-carter .card__kicker{ display:block; font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }\n#cim-carter .card h3{ font-size:1.18rem; margin-bottom:10px; }\n#cim-carter .card p{ color:var(--muted); font-size:.96rem; }\n\n\/* =========================================================\n   3 \u00b7 LES DIFF\u00c9RENTS TYPES (texte + photo cam\u00e9ra)\n   ========================================================= *\/\n#cim-carter .types__grid{ display:grid; gap:clamp(28px,5vw,52px); align-items:center; }\n#cim-carter .types__list{ display:grid; gap:20px; }\n#cim-carter .types__item{ padding-left:22px; border-left:3px solid var(--accent); }\n#cim-carter .types__item h3{ font-size:1.18rem; margin-bottom:8px; }\n#cim-carter .types__item p{ color:var(--muted); font-size:.98rem; }\n#cim-carter .types__media figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line); }\n#cim-carter .types__media img{ width:100%; aspect-ratio:3\/2; object-fit:cover; }\n#cim-carter .types__media figcaption{ background:var(--navy); color:#C6D6E6; font-size:.82rem; padding:12px 16px; display:flex; align-items:center; gap:8px; }\n#cim-carter .types__media figcaption i{ color:var(--teal-lt); }\n\n\/* ---- Vignette vid\u00e9o (bandeau dans \u00ab Mat\u00e9riel \u00bb) ---- *\/\n#cim-carter .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-carter .videocard img{ width:100%; height:100%; object-fit:cover; opacity:.86; transition:opacity .25s, transform .4s ease; }\n#cim-carter .videocard:hover img{ opacity:1; transform:scale(1.02); }\n#cim-carter .videocard__play{ position:absolute; inset:0; display:grid; place-items:center; }\n#cim-carter .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-carter .videocard:hover .videocard__play span{ transform:scale(1.08); }\n#cim-carter .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-carter .adv{ display:grid; gap:18px; }\n#cim-carter .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-carter .adv__item::before{ content:\"\"; position:absolute; top:0; left:0; right:0; height:3px; background:var(--accent); }\n#cim-carter .adv__item:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-carter .adv__ic{ font-size:1.6rem; color:var(--accent); margin-bottom:14px; }\n#cim-carter .adv__item h3{ color:var(--navy); font-size:1.16rem; margin-bottom:8px; }\n#cim-carter .adv__item p{ color:var(--muted); font-size:.95rem; }\n\n\/* =========================================================\n   SIMULATEUR DE ROI\n   ========================================================= *\/\n#cim-carter .roi{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  box-shadow:var(--shadow); overflow:hidden; display:grid; }\n#cim-carter .roi__form{ padding:clamp(26px,4vw,40px); }\n#cim-carter .roi__field{ margin-bottom:20px; }\n#cim-carter .roi__field label{ display:block; font-weight:700; color:var(--navy); margin-bottom:8px; font-size:.96rem; }\n#cim-carter .roi__input{ position:relative; }\n#cim-carter .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-carter .roi__input input:focus{ outline:none; border-color:var(--accent); }\n#cim-carter .roi__input::before{ content:\"\u20ac\"; position:absolute; left:15px; top:50%; transform:translateY(-50%); color:var(--muted); font-weight:700; }\n#cim-carter .roi__btn{ width:100%; justify-content:center; margin-top:6px; }\n#cim-carter .roi__note{ margin-top:16px; font-size:.82rem; color:var(--muted); }\n#cim-carter .roi__result{ background:var(--navy); color:#fff; padding:clamp(26px,4vw,40px); display:flex; flex-direction:column; justify-content:center; }\n#cim-carter .roi__result .eyebrow{ color:var(--teal-lt); }\n#cim-carter .roi__result .eyebrow::before{ background:var(--teal-lt); }\n#cim-carter .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-carter .roi__big small{ font-size:1rem; font-weight:600; color:var(--teal-lt); letter-spacing:0; }\n#cim-carter .roi__sub{ color:#B8CADB; font-size:.95rem; }\n#cim-carter .roi__rows{ margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,.16); display:grid; gap:12px; }\n#cim-carter .roi__row{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; font-size:.94rem; color:#C6D6E6; }\n#cim-carter .roi__row b{ color:#fff; font-variant-numeric:tabular-nums; font-size:1.05rem; }\n#cim-carter .roi__placeholder{ color:#8FB0CC; font-size:.95rem; }\n\n\/* =========================================================\n   DEEP CAPTURE\n   ========================================================= *\/\n#cim-carter .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-carter .deep__head .sec-head{ margin-bottom:0; }\n#cim-carter .deep__logo{ width:min(240px, 54%); height:auto; flex:none; }\n#cim-carter .deep__intro{ max-width:80ch; }\n#cim-carter .deep__intro p{ color:var(--muted); font-size:1.04rem; }\n#cim-carter .deep__intro strong{ color:var(--navy); }\n#cim-carter .deep__grid{ display:grid; gap:16px; margin-top:clamp(30px,4vw,44px); }\n#cim-carter .deep__card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px 24px; }\n#cim-carter .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-carter .deep__card h3{ font-size:1.04rem; margin-bottom:8px; text-transform:none; }\n#cim-carter .deep__card p{ color:var(--muted); font-size:.93rem; }\n#cim-carter .deep__cta{ margin-top:clamp(30px,4vw,40px); }\n\n\/* =========================================================\n   R\u00c9ALISATIONS (5 cas)\n   ========================================================= *\/\n#cim-carter .work{ display:grid; gap:20px; }\n#cim-carter .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-carter .work__card:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:transparent; text-decoration:none; }\n#cim-carter .work__media{ position:relative; overflow:hidden; aspect-ratio:16\/9; background:#0b0b0b; }\n#cim-carter .work__media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }\n#cim-carter .work__card:hover .work__media img{ transform:scale(1.05); }\n#cim-carter .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-carter .work__body{ padding:22px 22px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; }\n#cim-carter .work__body h3{ font-size:1.08rem; }\n#cim-carter .work__body i{ color:var(--accent); flex:none; transition:transform .2s ease; }\n#cim-carter .work__card:hover .work__body i{ transform:translateX(4px); }\n#cim-carter .work__closing{ margin-top:clamp(40px,6vw,64px); position:relative; overflow:hidden;\n  border-radius:var(--radius-lg); isolation:isolate; }\n#cim-carter .work__closing__bg{ position:absolute; inset:0; z-index:-2;\n  width:100%; height:100%; object-fit:cover; object-position:center 30%; }\n#cim-carter .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-carter .work__closing__inner{ padding:clamp(40px,6vw,72px) clamp(28px,5vw,56px); }\n#cim-carter .work__closing h3{ font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem); color:#fff; margin-bottom:18px; }\n#cim-carter .work__closing p{ color:rgba(255,255,255,.82); font-size:1.02rem; max-width:68ch; }\n#cim-carter .work__closing p + p{ margin-top:14px; }\n#cim-carter .work__closing .btn{ margin-top:28px; }\n#cim-carter .work__closing .btn--primary{ background:#fff; color:var(--navy); }\n#cim-carter .work__closing .btn--primary:hover{ background:var(--teal-soft); }\n\n\/* =========================================================\n   BLOG (3 articles)\n   ========================================================= *\/\n#cim-carter .posts{ display:grid; gap:20px; }\n#cim-carter .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-carter .post:hover{ transform:translateY(-4px); box-shadow:var(--shadow); text-decoration:none; }\n#cim-carter .post__media{ aspect-ratio:16\/9; overflow:hidden; background:var(--gray); }\n#cim-carter .post__media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }\n#cim-carter .post:hover .post__media img{ transform:scale(1.04); }\n#cim-carter .post__body{ padding:22px 22px 26px; }\n#cim-carter .post__body h3{ font-size:1.08rem; margin-bottom:10px; color:var(--navy); }\n#cim-carter .post__body p{ color:var(--muted); font-size:.92rem; }\n#cim-carter .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-carter .faq{ max-width:880px; margin-inline:auto; display:grid; gap:12px; }\n#cim-carter .faq__item{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; }\n#cim-carter .faq__item[open]{ border-color:var(--accent); box-shadow:var(--shadow-sm); }\n#cim-carter .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-carter .faq__q::-webkit-details-marker{ display:none; }\n#cim-carter .faq__q i{ flex:none; color:var(--accent); transition:transform .25s ease; }\n#cim-carter .faq__item[open] .faq__q i{ transform:rotate(45deg); }\n#cim-carter .faq__a{ padding:0 24px 24px; color:var(--muted); font-size:.98rem; }\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n#cim-carter .cta-final{ background:var(--navy); color:#DCE7F0; position:relative; overflow:hidden; isolation:isolate; }\n#cim-carter .cta-final__inner{ display:grid; gap:26px; text-align:center; justify-items:center; }\n#cim-carter .cta-final h2{ color:#fff; font-size:clamp(1.7rem,1.2rem + 2.2vw,2.5rem); }\n#cim-carter .cta-final p{ color:#B8CADB; font-size:clamp(1.05rem,1rem + .5vw,1.28rem); max-width:60ch; }\n#cim-carter .cta-final__actions{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }\n#cim-carter .cta-final .phone{ color:#fff; font-weight:700; display:inline-flex; align-items:center; gap:10px; }\n#cim-carter .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-carter.has-anim .reveal{ transform:translateY(20px);\n    transition:transform .6s cubic-bezier(.22,1,.36,1); }\n  #cim-carter.has-anim .reveal.in{ transform:none; }\n}\n\n\/* =========================================================\n   RESPONSIVE (mobile-first)\n   ========================================================= *\/\n@media (min-width:640px){\n  #cim-carter .flow{ grid-template-columns:repeat(3,1fr); }\n  #cim-carter .cards{ grid-template-columns:repeat(2,1fr); }\n  #cim-carter .adv{ grid-template-columns:repeat(3,1fr); }\n  #cim-carter .work{ grid-template-columns:repeat(2,1fr); }\n  #cim-carter .posts{ grid-template-columns:repeat(2,1fr); }\n  #cim-carter .deep__grid{ grid-template-columns:repeat(2,1fr); }\n  #cim-carter .roi{ grid-template-columns:1fr 1fr; }\n}\n@media (min-width:900px){\n  #cim-carter .cards--4{ grid-template-columns:repeat(4,1fr); }\n  #cim-carter .cards--3{ grid-template-columns:repeat(3,1fr); }\n  #cim-carter .types__grid{ grid-template-columns:1.05fr .95fr; }\n  #cim-carter .work{ grid-template-columns:repeat(3,1fr); }\n  #cim-carter .work__card--wide{ grid-column:span 1; }\n  #cim-carter .posts{ grid-template-columns:repeat(3,1fr); }\n  #cim-carter .deep__grid{ grid-template-columns:repeat(5,1fr); }\n  #cim-carter .deep__card h3{ min-height:2.4em; }\n}\n\n\/* =========================================================\n   MOTIF NEURONAL ANIM\u00c9 (canvas \u2014 fonds marine)\n   ========================================================= *\/\n#cim-carter .has-neural{ position:relative; overflow:hidden; }\n#cim-carter .has-neural > .container{ position:relative; z-index:1; }\n#cim-carter .net{ position:absolute; inset:0; z-index:0; pointer-events:none; }\n#cim-carter .net svg{ display:block; width:100%; height:100%; overflow:visible; }\n@media (prefers-reduced-motion: no-preference){\n  #cim-carter .has-neural.net-live .ln{ animation:netLine 4.2s ease-in-out infinite; }\n  #cim-carter .has-neural.net-live .nd{ transform-box:fill-box; transform-origin:center; animation:netNode 4.6s ease-in-out infinite; }\n  #cim-carter .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-carter .carousel{ position:relative; }\n#cim-carter .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-carter .carousel__track::-webkit-scrollbar{ display:none; }\n#cim-carter .carousel__track > .work__card{ flex:0 0 84%; scroll-snap-align:center; }\n#cim-carter .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-carter .carousel__nav:hover{ background:var(--accent); color:#fff; }\n#cim-carter .carousel__nav[disabled]{ opacity:.32; cursor:default; }\n#cim-carter .carousel__nav--prev{ left:-8px; }\n#cim-carter .carousel__nav--next{ right:-8px; }\n#cim-carter .carousel__dots{ display:flex; justify-content:center; gap:9px; margin-top:24px; }\n#cim-carter .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-carter .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-carter.has-anim .carousel__track .reveal{ opacity:1; transform:none; }\n@media (min-width:640px){\n  #cim-carter .carousel__track > .work__card{ flex-basis:46%; scroll-snap-align:start; }\n}\n@media (min-width:900px){\n  #cim-carter .carousel__track > .work__card{ flex-basis:31.3%; }\n  #cim-carter .carousel__nav--prev{ left:-22px; }\n  #cim-carter .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-carter .hero--split .hero__inner{ max-width:var(--maxw); display:grid; gap:clamp(32px,5vw,56px); align-items:center; }\n#cim-carter .hero__media{ display:none; }\n#cim-carter .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-carter .hero__media img{ width:100%; height:100%; max-height:540px; object-fit:contain; padding:14px; }\n@media (min-width:900px){\n  #cim-carter .hero--split .hero__inner{ grid-template-columns:1.25fr .75fr; }\n  #cim-carter .hero__media{ display:block; }\n}\n\n\/* ---- BANDE DE 3 PHOTOS (showcase presses) ---- *\/\n#cim-carter .shots{ display:grid; gap:16px; margin-top:clamp(32px,5vw,48px); }\n#cim-carter .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-carter .shot img{ width:100%; aspect-ratio:4\/5; object-fit:cover; object-position:center; }\n#cim-carter .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-carter .shot figcaption i{ color:var(--teal-lt); }\n@media (min-width:700px){ #cim-carter .shots{ grid-template-columns:repeat(3,1fr); } }\n\n\/* ---- CARTES TECHNOLOGIES (avantages \/ limites) ---- *\/\n#cim-carter .tech{ display:grid; gap:24px; }\n#cim-carter .tech__card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);\n  overflow:hidden; box-shadow:var(--shadow-sm); }\n#cim-carter .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-carter .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-carter .tech__head h3{ font-size:clamp(1.2rem,1rem + .8vw,1.5rem); }\n#cim-carter .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-carter .tech__intro{ padding:22px clamp(22px,3vw,32px) 0; color:var(--muted); font-size:1rem; }\n#cim-carter .tech__cols{ display:grid; gap:8px 32px; padding:22px clamp(22px,3vw,32px); }\n#cim-carter .proscons h4{ display:flex; align-items:center; gap:9px; font-size:.82rem; letter-spacing:.1em;\n  text-transform:uppercase; margin-bottom:12px; }\n#cim-carter .proscons--pro h4{ color:#1F8A5B; }\n#cim-carter .proscons--con h4{ color:#C0392B; }\n#cim-carter .proscons li{ position:relative; padding-left:28px; color:var(--muted); font-size:.95rem; margin-bottom:9px; }\n#cim-carter .proscons li::before{ position:absolute; left:0; top:1px; font-family:\"Font Awesome 5 Free\"; font-weight:900; font-size:.85rem; }\n#cim-carter .proscons--pro li::before{ content:\"\\f00c\"; color:#1F8A5B; }\n#cim-carter .proscons--con li::before{ content:\"\\f068\"; color:#C0392B; }\n#cim-carter .tech__apps{ background:var(--gray); padding:18px clamp(22px,3vw,32px); font-size:.95rem; color:var(--ink); }\n#cim-carter .tech__apps b{ color:var(--navy); }\n@media (min-width:760px){ #cim-carter .tech__cols{ grid-template-columns:1fr 1fr; } }\n\n\/* ---- TABLEAU COMPARATIF ---- *\/\n#cim-carter .tablewrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius-lg); -webkit-overflow-scrolling:touch; }\n#cim-carter table.compare{ width:100%; border-collapse:collapse; min-width:620px; font-size:.95rem; }\n#cim-carter table.compare caption{ text-align:left; padding:16px 18px; color:var(--muted); font-size:.86rem; }\n#cim-carter table.compare th, #cim-carter table.compare td{ padding:14px 18px; text-align:left; border-bottom:1px solid var(--line); }\n#cim-carter table.compare thead th{ background:var(--navy); color:#fff; font-weight:700; font-size:.9rem; position:sticky; top:0; }\n#cim-carter table.compare thead th:first-child{ background:var(--navy-d); }\n#cim-carter table.compare tbody th{ background:var(--gray); color:var(--navy); font-weight:700; white-space:nowrap; }\n#cim-carter table.compare tbody tr:nth-child(even) td{ background:#FAFBFC; }\n#cim-carter table.compare td.best{ color:var(--teal-d); font-weight:700; }\n#cim-carter table.compare tbody tr:hover td{ background:var(--teal-soft); }\n\n\/* ---- BLOC IMAGE + TEXTE (split sections techniques) ---- *\/\n#cim-carter .split{ display:grid; gap:clamp(28px,5vw,52px); align-items:center; }\n#cim-carter .split__media figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--line);\n  box-shadow:var(--shadow); background:linear-gradient(160deg,#eef2f5,#dfe7ec); }\n#cim-carter .split__media img{ width:100%; aspect-ratio:4\/5; object-fit:contain; padding:10px; }\n#cim-carter .split__body h2{ font-size:clamp(1.5rem,1rem + 2vw,2.2rem); }\n#cim-carter .split__body > p{ margin-top:16px; color:var(--muted); font-size:1.02rem; }\n#cim-carter .subhead{ margin-top:26px; font-size:1.1rem; color:var(--navy); font-weight:800;\n  display:flex; align-items:center; gap:10px; }\n#cim-carter .subhead i{ color:var(--accent); font-size:.95rem; }\n#cim-carter .split__body .subhead + p{ margin-top:10px; color:var(--muted); font-size:.98rem; }\n@media (min-width:900px){\n  #cim-carter .split{ grid-template-columns:.85fr 1.15fr; }\n  #cim-carter .split--rev .split__media{ order:2; }\n}\n\n\/* ---- INFOGRAPHIE PLEINE LARGEUR + DUO DE COLONNES ---- *\/\n#cim-carter .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-carter .infographic img{ width:100%; height:auto; display:block; }\n#cim-carter .infographic figcaption{ background:var(--navy); color:#C6D6E6; font-size:.86rem; padding:13px 18px;\n  display:flex; align-items:center; gap:10px; }\n#cim-carter .infographic figcaption i{ color:var(--teal-lt); }\n#cim-carter .duo{ display:grid; gap:clamp(28px,4vw,44px); }\n@media (min-width:900px){ #cim-carter .duo{ grid-template-columns:1fr 1fr; } }\n\n\/* ---- INFOGRAPHIE PROPRE \u2014 PANNEAUX (col de cygne) ---- *\/\n#cim-carter .infog__grid{ display:grid; gap:16px; }\n#cim-carter .infog__panel{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px 24px; }\n#cim-carter .infog__panel--accent{ background:var(--navy); border-color:transparent; }\n#cim-carter .infog__panel--accent h3{ color:#fff; }\n#cim-carter .infog__h{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }\n#cim-carter .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-carter .infog__panel--accent .infog__ic{ background:rgba(91,208,222,.16); color:var(--teal-lt); }\n#cim-carter .infog__ic--warn{ background:#FBEAEA; color:#C0392B; }\n#cim-carter .infog__h h3{ font-size:1.08rem; }\n#cim-carter .infog__panel > p{ color:var(--muted); font-size:.95rem; }\n#cim-carter .infog__panel--accent > p{ color:#C6D6E6; }\n#cim-carter .infog__list{ display:grid; gap:9px; }\n#cim-carter .infog__list li{ position:relative; padding-left:20px; color:var(--muted); font-size:.94rem; }\n#cim-carter .infog__list li::before{ content:\"\"; position:absolute; left:0; top:8px; width:7px; height:7px; border-radius:50%; background:var(--accent); }\n#cim-carter .infog__list b{ color:var(--navy); }\n#cim-carter .infog__panel--accent .infog__list li{ color:#C6D6E6; }\n#cim-carter .infog__panel--accent .infog__list li::before{ background:var(--teal-lt); }\n#cim-carter .infog__panel--accent .infog__list b{ color:#fff; }\n#cim-carter .infog__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#cim-carter .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-carter .infog__grid{ grid-template-columns:1fr 1fr; } }\n\n\/* ---- FLOW STEPPER (s\u00e9curit\u00e9 \/ SISTEMA) ---- *\/\n#cim-carter .flowsteps{ list-style:none; margin:0 0 clamp(34px,5vw,52px); padding:0; display:grid; gap:14px; }\n#cim-carter .flowstep{ position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px 20px; }\n#cim-carter .flowstep__no{ position:absolute; top:14px; right:16px; font-weight:800; font-size:.78rem; color:var(--rouge); font-variant-numeric:tabular-nums; }\n#cim-carter .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-carter .flowstep h4{ font-size:1rem; color:var(--navy); margin-bottom:6px; }\n#cim-carter .flowstep p{ color:var(--muted); font-size:.9rem; }\n#cim-carter .flowstep--goal{ background:var(--navy); border-color:transparent; }\n#cim-carter .flowstep--goal h4{ color:#fff; }\n#cim-carter .flowstep--goal p{ color:#C6D6E6; }\n#cim-carter .flowstep--goal .flowstep__ic{ background:#1F8A5B; color:#fff; }\n@media (min-width:760px){\n  #cim-carter .flowsteps{ grid-template-columns:repeat(5,1fr); gap:10px; }\n  #cim-carter .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-carter .ilist{ display:grid; gap:14px; margin-top:18px; }\n#cim-carter .ilist li{ position:relative; padding-left:34px; color:var(--muted); font-size:.98rem; }\n#cim-carter .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-carter .ilist b{ color:var(--navy); }\n\n\/* ---- CALLOUT FORMULE ---- *\/\n#cim-carter .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-carter .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-carter .formula__eq span{ color:var(--teal-lt); }\n#cim-carter .formula dl{ margin:18px 0 0; display:grid; gap:10px; }\n#cim-carter .formula dt{ font-weight:800; color:var(--teal-lt); float:left; margin-right:10px; }\n#cim-carter .formula dd{ margin:0; color:#C6D6E6; font-size:.95rem; }\n\n\/* ---- CARTES S\u00c9CURIT\u00c9 \/ FEATURES (r\u00e9utilise .cards) ---- *\/\n#cim-carter .feat__list{ display:grid; gap:14px; margin-top:20px; }\n#cim-carter .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-carter .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-carter .feat h3{ font-size:1.06rem; margin-bottom:6px; }\n#cim-carter .feat p{ color:var(--muted); font-size:.95rem; }\n\n\/* ---- CHECKLIST PRESTATIONS ---- *\/\n#cim-carter .checklist{ display:grid; gap:12px; margin-top:8px; }\n#cim-carter .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-carter .checklist li:hover{ border-color:var(--accent); transform:translateX(3px); }\n#cim-carter .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-carter .checklist{ grid-template-columns:1fr 1fr; } }\n@media (min-width:1100px){ #cim-carter .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-carter .hero--split .hero__inner{ max-width:var(--maxw); display:grid; gap:clamp(32px,5vw,56px); align-items:center; }\n#cim-carter .hero__text{ grid-column:1; grid-row:1; }\n#cim-carter .hero__media{ display:none; grid-column:2; grid-row:1; }\n#cim-carter .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-carter .hero__media img{ width:100%; aspect-ratio:16\/10; object-fit:cover; }\n@media (min-width:900px){\n  #cim-carter .hero--split .hero__inner{ grid-template-columns:1.1fr .9fr; }\n  #cim-carter .hero__media{ display:block; }\n}\n\n\/* ---- CARTES EXIGENCES (\u00ab projet, pas produit \u00bb) ---- *\/\n#cim-carter .reqs{ display:grid; gap:16px; margin-top:clamp(30px,4vw,44px); }\n#cim-carter .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-carter .req::before{ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--rouge); }\n#cim-carter .req:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\n#cim-carter .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-carter .req h3{ font-size:1.08rem; margin-bottom:8px; }\n#cim-carter .req p{ color:var(--muted); font-size:.95rem; }\n@media (min-width:640px){ #cim-carter .reqs{ grid-template-columns:repeat(2,1fr); } }\n@media (min-width:1040px){ #cim-carter .reqs{ grid-template-columns:repeat(5,1fr); } }\n\n\/* ---- TIMELINE PROCESS (8 \u00e9tapes) ---- *\/\n#cim-carter .timeline{ position:relative; margin-top:clamp(34px,5vw,52px); display:grid; gap:18px; counter-reset:tl; }\n#cim-carter .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-carter .tl:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:transparent; }\n#cim-carter .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-carter .tl__no::before{ content:counter(tl,decimal-leading-zero); }\n#cim-carter .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-carter .tl h3{ font-size:1.14rem; margin-bottom:10px; }\n#cim-carter .tl p{ color:var(--muted); font-size:.96rem; }\n#cim-carter .tl p + p{ margin-top:10px; }\n#cim-carter .tl__sub{ margin-top:14px; }\n#cim-carter .tl__sub h4{ font-size:.98rem; color:var(--navy); margin:14px 0 4px; display:flex; align-items:center; gap:9px; }\n#cim-carter .tl__sub h4 i{ color:var(--accent); font-size:.85rem; }\n#cim-carter .tl__sub p{ font-size:.93rem; }\n@media (min-width:760px){\n  #cim-carter .timeline::before{ content:\"\"; position:absolute; left:47px; top:18px; bottom:18px; width:2px; background:var(--line); }\n  #cim-carter .tl{ margin-left:30px; padding-left:42px; }\n  #cim-carter .tl__no{ left:-30px; }\n}\n\n\/* ---- bandeau normes ---- *\/\n#cim-carter .norms{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }\n#cim-carter .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-carter .norm i{ color:var(--accent); }\n#cim-carter .bg-navy .norm{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#DCE7F0; }\n#cim-carter .bg-navy .norm i{ color:var(--teal-lt); }\n\n\n@media (min-width:900px){#cim-carter .split{align-items:flex-start!important;}}\n<\/style>\n<!-- =====================================================================\n  CIM ATLANTIQUE \u2014 Page \u00ab Cart\u00e9risation de machine industrielle \u00bb\n  CONTENU DE PAGE UNIQUEMENT (sans header ni footer).\n  Voir README.md + PROMPT-CLAUDE-CODE.md pour l'int\u00e9gration Avada.\n===================================================================== -->\n\n<div id=\"cim-carter\" 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\">S\u00e9curisation & mise en conformit\u00e9 CE<\/span>\n        <h1>Cart\u00e9risation de machine industrielle<\/h1>\n        <p class=\"hero__lead\">La cart\u00e9risation machine est un <strong style=\"color:#fff\">projet \u00e0 part enti\u00e8re<\/strong>, pas une simple pose de panneaux. Elle engage votre responsabilit\u00e9 d'employeur et conditionne la conformit\u00e9 de votre machine \u00e0 la directive machines 2006\/42\/CE.<\/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=\"#demarche\">Voir notre d\u00e9marche<\/a>\n        <\/div>\n        <ul class=\"reassure\">\n          <li><i class=\"fas fa-user-tie\"><\/i> Un seul interlocuteur<\/li>\n          <li><i class=\"fas fa-folder-open\"><\/i> Dossier CE complet<\/li>\n          <li><i class=\"fas fa-shield-alt\"><\/i> Conformit\u00e9 document\u00e9e & d\u00e9fendable<\/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%271400%27%20height%3D%27630%27%20viewBox%3D%270%200%201400%20630%27%3E%3Crect%20width%3D%271400%27%20height%3D%27630%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/carter-cellule-fanuc.webp\" alt=\"Cellule robotis\u00e9e d&#039;emballage cart\u00e9ris\u00e9e par CIM Atlantique : carter en profil\u00e9 aluminium et panneaux polycarbonate autour d&#039;un robot FANUC\" width=\"1400\" height=\"630\" 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 r\u00f4le<\/span>\n      <p class=\"intro__lead\">Men\u00e9e sans m\u00e9thode, une cart\u00e9risation peut cr\u00e9er de nouveaux risques \u2014 porte qui cisaille, actionneur non s\u00e9curis\u00e9, cha\u00eene de s\u00e9curit\u00e9 insuffisante \u2014 tout en vous donnant une fausse impression de conformit\u00e9.<\/p>\n      <p class=\"intro__lead\">Notre <a href=\"https:\/\/www.cim-atlantique.com\/fr\/bureau-detudes-mecanique\/\">bureau d'\u00e9tudes m\u00e9canique<\/a>, au nord de Nantes, pilote vos projets de <a href=\"https:\/\/www.cim-atlantique.com\/fr\/carter-machine-sur-mesure\/\"><strong>cart\u00e9risation industrielle<\/strong><\/a> de A \u00e0 Z : analyse de risques, conception m\u00e9canique, fabrication, c\u00e2blage, modification automate, \u00e9tude SISTEMA et constitution du dossier technique CE. Un seul interlocuteur, un dossier complet, une conformit\u00e9 document\u00e9e et d\u00e9fendable. Cette approche s'inscrit au c\u0153ur de notre expertise globale en mati\u00e8re de <a href=\"https:\/\/www.cim-atlantique.com\/fr\/securisation-industrielle-et-mise-en-conformite\/\"><strong>s\u00e9curisation industrielle et de mise en conformit\u00e9<\/strong><\/a>.<\/p>\n      <div class=\"norms\">\n        <span class=\"norm\"><i class=\"fas fa-certificate\"><\/i> Directive machines 2006\/42\/CE<\/span>\n        <span class=\"norm\"><i class=\"fas fa-check-circle\"><\/i> EN ISO 12100<\/span>\n        <span class=\"norm\"><i class=\"fas fa-check-circle\"><\/i> EN ISO 13849<\/span>\n        <span class=\"norm\"><i class=\"fas fa-check-circle\"><\/i> EN ISO 13857<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 3 \u00b7 PROJET, PAS PRODUIT \u2591\u2591 -->\n  <section class=\"bg-red has-neural\" data-screen-label=\"Projet pas produit\">\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\">02<\/span> Notre positionnement<\/span>\n        <h2>Pourquoi la cart\u00e9risation est un projet, pas un produit<\/h2>\n        <p class=\"sec-head__lead\">La diff\u00e9rence entre poser un carter machine et mener un projet de cart\u00e9risation tient \u00e0 l'\u00e9tendue de la d\u00e9marche. Un carter prot\u00e8ge physiquement une zone. Une cart\u00e9risation, elle, garantit que cette protection est efficace, s\u00e9curis\u00e9e et conforme \u2014 ce qui implique bien plus que la fabrication d'un protecteur.<\/p>\n      <\/header>\n      <div class=\"reqs\">\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-clipboard-list\"><\/i><\/div>\n          <h3>Analyse de risques document\u00e9e<\/h3>\n          <p>Pour identifier tous les ph\u00e9nom\u00e8nes dangereux et justifier chaque mesure de protection.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-ruler-combined\"><\/i><\/div>\n          <h3>Calcul des distances de s\u00e9curit\u00e9<\/h3>\n          <p>Pour que les ouvertures, espaces r\u00e9siduels et mouvements de portes ne cr\u00e9ent pas eux-m\u00eames des risques de cisaillement ou d'\u00e9crasement.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-bolt\"><\/i><\/div>\n          <h3>Cha\u00eene de s\u00e9curit\u00e9 certifi\u00e9e<\/h3>\n          <p>Fonctionnelle et certifi\u00e9e, elle garantit l'arr\u00eat de la machine en moins d'une fraction de seconde en cas d'acc\u00e8s non pr\u00e9vu.<\/p>\n        <\/article>\n        <article class=\"req reveal\">\n          <div class=\"req__ic\"><i class=\"fas fa-calculator\"><\/i><\/div>\n          <h3>Preuve chiffr\u00e9e du niveau atteint<\/h3>\n          <p>Via l'\u00e9tude SISTEMA, pour satisfaire aux exigences de la norme EN ISO 13849.<\/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 complet<\/h3>\n          <p>Il engage votre responsabilit\u00e9 et doit \u00eatre conserv\u00e9 10 ans.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 4 \u00b7 NOTRE D\u00c9MARCHE (8 \u00e9tapes) \u2591\u2591 -->\n  <section id=\"demarche\" data-screen-label=\"D\u00e9marche\">\n    <div class=\"container\">\n      <header class=\"sec-head\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">03<\/span> M\u00e9thode<\/span>\n        <h2>Notre d\u00e9marche de cart\u00e9risation machine<\/h2>\n        <p class=\"sec-head__lead\">Huit \u00e9tapes structur\u00e9es, de l'analyse de risques au dossier technique CE \u2014 chacune adoss\u00e9e \u00e0 la norme qui la r\u00e9git.<\/p>\n      <\/header>\n      <ol class=\"timeline\">\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">EN ISO 12100<\/span>\n          <h3>Analyse de risques<\/h3>\n          <p>Tout projet de cart\u00e9risation commence par une analyse de risques rigoureuse. Nous identifions syst\u00e9matiquement tous les ph\u00e9nom\u00e8nes dangereux li\u00e9s \u00e0 la machine (\u00e9crasement, cisaillement, entra\u00eenement, projections, chocs \u00e9lectriques), nous estimons le niveau de risque initial pour chaque situation dangereuse en croisant la gravit\u00e9 du dommage, la fr\u00e9quence d'exposition et la possibilit\u00e9 d'\u00e9vitement, puis nous d\u00e9finissons les mesures techniques \u00e0 mettre en \u0153uvre.<\/p>\n          <p>Cette analyse pilote l'ensemble de nos choix : type de protecteur, distances de s\u00e9curit\u00e9, type de portes et d'actionneurs, dispositifs compl\u00e9mentaires.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">EN ISO 13857<\/span>\n          <h3>Calcul des distances de s\u00e9curit\u00e9<\/h3>\n          <p>La norme EN ISO 13857 d\u00e9finit deux familles de distances \u00e0 respecter. D'abord, les distances d'atteinte \u00e0 travers les ouvertures : la taille des mailles du grillage, des fentes ou des espaces r\u00e9siduels est calcul\u00e9e en fonction de la distance \u00e0 la zone dangereuse pour qu'aucune partie du corps ne puisse l'atteindre.<\/p>\n          <p>Ensuite, les distances anticisaillement et anti-\u00e9crasement autour des portes mobiles : tout espace entre une porte en mouvement et une structure fixe doit \u00eatre soit inf\u00e9rieur \u00e0 4 mm (trop \u00e9troit pour un doigt), soit sup\u00e9rieur \u00e0 25 mm (assez large pour que la main ressorte librement). Entre ces deux valeurs, le risque de cisaillement des doigts est av\u00e9r\u00e9. Pour l'\u00e9crasement, l'espace doit d\u00e9passer 120 mm pour le bras ou 500 mm pour le corps entier. Nous int\u00e9grons et v\u00e9rifions ces contraintes d\u00e8s la conception CAO.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Conception CAO<\/span>\n          <h3>Conception m\u00e9canique et choix des protecteurs<\/h3>\n          <p>Selon les r\u00e9sultats de l'analyse de risques et les contraintes d'exploitation (fr\u00e9quence d'acc\u00e8s, environnement, budget), nous s\u00e9lectionnons la solution de cart\u00e9risation adapt\u00e9e : panneaux polycarbonate sur profil\u00e9s aluminium pour les environnements propres ou robotis\u00e9s, grillage m\u00e9tallique pour les ambiances industrielles lourdes, t\u00f4le pour les applications avec projection de liquides ou de copeaux.<\/p>\n          <p>Le d\u00e9tail des caract\u00e9ristiques techniques de chaque solution est disponible sur notre page <a href=\"https:\/\/www.cim-atlantique.com\/fr\/carter-machine-sur-mesure\/\">Carter machine<\/a>. Nous mod\u00e9lisons l'ensemble sous SolidWorks et v\u00e9rifions tous les espaces r\u00e9siduels avant fabrication.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Portes & actionneurs<\/span>\n          <h3>Conception des portes et de leurs actionneurs<\/h3>\n          <p>Les portes d'acc\u00e8s sont les points les plus sensibles d'une cart\u00e9risation. Leur conception doit combiner praticit\u00e9, robustesse et s\u00e9curit\u00e9 intrins\u00e8que.<\/p>\n          <div class=\"tl__sub\">\n            <h4><i class=\"fas fa-lock\"><\/i> Portes manuelles \u00e0 interverrouillage<\/h4>\n            <p>Pour les acc\u00e8s de maintenance peu fr\u00e9quents, nous utilisons des interrupteurs de position de s\u00e9curit\u00e9 \u2014 \u00e0 came, magn\u00e9tiques ou RFID cod\u00e9s anti-contournement \u2014 reli\u00e9s au relais de s\u00e9curit\u00e9. Les capteurs RFID sont recommand\u00e9s quand le risque de contournement volontaire par un aimant doit \u00eatre \u00e9cart\u00e9. Pour les machines \u00e0 forte inertie, nous int\u00e9grons des interrupteurs \u00e0 verrouillage \u00e9lectromagn\u00e9tique qui maintiennent la porte ferm\u00e9e jusqu'\u00e0 r\u00e9ception du signal \u00ab machine \u00e0 l'arr\u00eat complet \u00bb.<\/p>\n            <h4><i class=\"fas fa-door-open\"><\/i> Portes motoris\u00e9es<\/h4>\n            <p>Pour les acc\u00e8s fr\u00e9quents en cycle de production, la porte motoris\u00e9e pneumatique ou \u00e9lectrique est synchronis\u00e9e avec le cycle machine. Nous dimensionnons l'actionneur, v\u00e9rifions les distances anticisaillement (EN ISO 13857) entre la porte en mouvement et les structures fixes, et int\u00e9grons les amortisseurs et but\u00e9es de fin de course pour \u00e9liminer tout risque de choc ou de coincement.<\/p>\n            <h4><i class=\"fas fa-arrows-alt-v\"><\/i> Portes guillotine \u2014 v\u00e9rin non attel\u00e9 et \u00e9quilibreurs<\/h4>\n            <p>La porte guillotine \u00e0 d\u00e9placement vertical pose deux probl\u00e9matiques sp\u00e9cifiques. D'abord, le risque de chute en cas de coupure d'alimentation : nous adoptons syst\u00e9matiquement le principe du v\u00e9rin non attel\u00e9, o\u00f9 la tige n'est pas solidaire de la porte. Le v\u00e9rin ne sert qu'\u00e0 remonter la porte ; la descente se fait par gravit\u00e9 \u2014 en cas de coupure, la porte se ferme naturellement, c'est une position s\u00fbre par nature. Ensuite, la ma\u00eetrise de la vitesse de descente : des \u00e9quilibreurs \u00e0 ressort \u00e0 gaz calibr\u00e9s compensent partiellement le poids de la porte pour maintenir une descente lente et constante. Sur les portes motoris\u00e9es \u00e0 descente rapide, nous ajoutons un bord sensible (EN ISO 13856-2) qui arr\u00eate et inverse imm\u00e9diatement le mouvement au moindre contact.<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Relais PILZ<\/span>\n          <h3>Cha\u00eene de s\u00e9curit\u00e9 et relais PILZ<\/h3>\n          <p>La cha\u00eene de s\u00e9curit\u00e9 relie tous les dispositifs de protection (interrupteurs de portes, arr\u00eats d'urgence, barri\u00e8res immat\u00e9rielles, tapis) \u00e0 un syst\u00e8me de surveillance redondant. Nous int\u00e9grons les solutions PILZ selon la complexit\u00e9 de l'installation : PNOZ X pour les applications simples, PNOZmulti 2 configurable par logiciel pour les machines multi-zones, PSS 4000 pour les lignes complexes.<\/p>\n          <p>En cas d'ouverture de porte ou de d\u00e9faut d\u00e9tect\u00e9, le relais ouvre les contacteurs de puissance et\/ou envoie un ordre STO (Safe Torque Off) aux variateurs : la machine s'arr\u00eate en une fraction de seconde.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Automate<\/span>\n          <h3>Modification de l'automate<\/h3>\n          <p>L'int\u00e9gration d'une cart\u00e9risation sur une machine existante implique presque toujours une adaptation du programme automate. Nous intervenons sur Siemens (TIA Portal, Step 7), Schneider Electric (Unity Pro), Allen-Bradley (Studio 5000), Codesys et autres.<\/p>\n          <p>Nous cr\u00e9ons ou modifions les blocs de gestion des modes machine (automatique, manuel, maintenance) pour int\u00e9grer les \u00e9tats de la cart\u00e9risation, et interfa\u00e7ons l'automate standard avec le contr\u00f4leur de s\u00e9curit\u00e9 PILZ via PROFIsafe, CIP Safety ou c\u00e2blage hardwired selon le niveau de performance requis.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">EN ISO 13849<\/span>\n          <h3>Validation SISTEMA<\/h3>\n          <p>La norme EN ISO 13849 exige de d\u00e9montrer \u2014 chiffres \u00e0 l'appui \u2014 que chaque fonction de s\u00e9curit\u00e9 (ouverture de porte = arr\u00eat machine, porte motoris\u00e9e = mouvement s\u00e9curis\u00e9) atteint le niveau de performance (PL) requis par l'analyse de risques, g\u00e9n\u00e9ralement PL c ou PL d pour une cart\u00e9risation.<\/p>\n          <p>Nous r\u00e9alisons cette validation avec le logiciel SISTEMA (IFA), qui calcule le PL atteint en tenant compte de l'architecture redondante de la cha\u00eene, du MTTFd des composants, du taux de couverture diagnostique DCavg et des mesures anti-CCF (d\u00e9faillances de cause commune). Le rapport SISTEMA est obligatoire dans le dossier technique CE.<\/p>\n        <\/li>\n        <li class=\"tl reveal\">\n          <span class=\"tl__no\"><\/span>\n          <span class=\"tl__norm\">Dossier CE<\/span>\n          <h3>Fabrication, installation et dossier CE<\/h3>\n          <p>Nous fabriquons les structures et panneaux dans nos ateliers, r\u00e9alisons le c\u00e2blage \u00e9lectrique sur site, effectuons les essais de d\u00e9clenchement et mesurons les temps d'arr\u00eat. Nous constituons ensuite l'int\u00e9gralit\u00e9 du dossier technique CE : analyse de risques, rapport SISTEMA, sch\u00e9mas \u00e9lectriques, notice d'instructions et d\u00e9claration CE de conformit\u00e9.<\/p>\n        <\/li>\n      <\/ol>\n\n      <figure class=\"infographic reveal\" style=\"margin-top:clamp(34px,5vw,52px)\">\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%271000%27%20height%3D%27949%27%20viewBox%3D%270%200%201000%20949%27%3E%3Crect%20width%3D%271000%27%20height%3D%27949%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/carter-porte-guillotine.webp\" alt=\"Porte guillotine de cart\u00e9risation sur profil\u00e9s aluminium, \u00e0 v\u00e9rin non attel\u00e9 et \u00e9quilibreurs \u2014 conception CIM Atlantique\" width=\"1000\" height=\"949\" loading=\"lazy\" style=\"max-height:520px;object-fit:contain;background:#fff\" title=\"\">\n        <figcaption><i class=\"fas fa-arrows-alt-v\"><\/i> Porte guillotine sur \u00e9quilibreurs : descente par gravit\u00e9, position s\u00fbre en cas de coupure d'air<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 5 \u00b7 RETROFIT \u2591\u2591 -->\n  <section class=\"bg-navy has-neural\" data-screen-label=\"Retrofit\">\n    <div class=\"net\" data-net=\"navy\" aria-hidden=\"true\"><\/div>\n    <div class=\"container split\">\n      <div class=\"split__media reveal\" style=\"grid-column:1;grid-row:1\">\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%271200%27%20height%3D%27871%27%20viewBox%3D%270%200%201200%20871%27%3E%3Crect%20width%3D%271200%27%20height%3D%27871%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/carter-convoyeur.webp\" alt=\"Cart\u00e9risation d&#039;un convoyeur courbe existant : carter polycarbonate et profil\u00e9s aluminium ajout\u00e9s en retrofit par CIM Atlantique\" width=\"1200\" height=\"871\" loading=\"lazy\" title=\"\"><\/figure>\n      <\/div>\n      <div class=\"split__body reveal\" style=\"grid-column:2;grid-row:1\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">04<\/span> Mise en conformit\u00e9<\/span>\n        <h2>Retrofit : cart\u00e9riser une machine existante<\/h2>\n        <p>Le retrofit d'une machine pour y ajouter une cart\u00e9risation conforme est l'une de nos sp\u00e9cialit\u00e9s, au m\u00eame titre que la <a href=\"https:\/\/www.cim-atlantique.com\/fr\/conception-de-machines-speciales\/\"><strong>conception de machines sp\u00e9ciales<\/strong><\/a> sur mesure. Cette d\u00e9marche est souvent d\u00e9clench\u00e9e par une injonction de l'inspection du travail, un accident du travail, un changement d'affectation de la machine ou la volont\u00e9 de valoriser le parc existant.<\/p>\n        <p>La question cl\u00e9 est de d\u00e9terminer si la modification est \u00ab substantielle \u00bb au sens de la directive machines \u2014 auquel cas elle peut d\u00e9clencher une remise en conformit\u00e9 compl\u00e8te \u2014 ou si elle r\u00e9duit simplement un risque existant. Nous analysons votre situation au cas par cas pour vous conseiller sur l'\u00e9tendue exacte de vos obligations.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 6 \u00b7 CELLULES ROBOTIS\u00c9ES \u2591\u2591 -->\n  <section data-screen-label=\"Cellules robotis\u00e9es\">\n    <div class=\"container split split--rev\">\n      <div class=\"split__media reveal\" style=\"grid-column:2;grid-row:1\">\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%271354%27%20height%3D%27768%27%20viewBox%3D%270%200%201354%20768%27%3E%3Crect%20width%3D%271354%27%20height%3D%27768%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/carter-cellule-iso.webp\" alt=\"Cellule robotis\u00e9e enti\u00e8rement cart\u00e9ris\u00e9e avec grillage de s\u00e9curit\u00e9, barri\u00e8res immat\u00e9rielles et acc\u00e8s de maintenance \u2014 vue d&#039;ensemble CIM Atlantique\" width=\"1354\" height=\"768\" loading=\"lazy\" title=\"\"><\/figure>\n      <\/div>\n      <div class=\"split__body reveal\" style=\"grid-column:1;grid-row:1\">\n        <span class=\"eyebrow\"><span class=\"eyebrow__num\">05<\/span> Robotique<\/span>\n        <h2>Cart\u00e9risation de cellules robotis\u00e9es<\/h2>\n        <p>Les cellules robotis\u00e9es font l'objet d'exigences sp\u00e9cifiques d\u00e9finies par les normes EN ISO 10218-1 et 10218-2. Forts de notre expertise globale en <a href=\"https:\/\/www.cim-atlantique.com\/fr\/integration-de-robots-industriels\/\"><strong>int\u00e9gration de robots industriels<\/strong><\/a>, nous r\u00e9alisons le calcul de la zone d'exclusion, le dimensionnement des panneaux polycarbonate selon l'\u00e9nergie cin\u00e9tique du robot, la conception des acc\u00e8s de maintenance avec capteurs RFID anti-contournement, et l'interface avec le contr\u00f4leur robot (FANUC, KUKA, ABB, St\u00e4ubli, Universal Robots).<\/p>\n        <ul class=\"ilist\">\n          <li><b>Scanner laser de s\u00e9curit\u00e9<\/b> pour la surveillance de zone.<\/li>\n          <li><b>Tapis de s\u00e9curit\u00e9<\/b> sensibles \u00e0 la pr\u00e9sence.<\/li>\n          <li><b>Barri\u00e8re immat\u00e9rielle<\/b> en zone d'introduction des pi\u00e8ces.<\/li>\n          <li>Syst\u00e8mes de <a href=\"https:\/\/www.cim-atlantique.com\/fr\/vision-industrielle\/\"><b>vision industrielle<\/b><\/a> avanc\u00e9s.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 7 \u00b7 FAQ \u2591\u2591 -->\n  <section class=\"bg-tint\" 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\">06<\/span> Questions fr\u00e9quentes<\/span>\n        <h3>FAQ \u2014 Cart\u00e9risation de machine<\/h3>\n      <\/header>\n      <div class=\"faq\">\n        <details class=\"faq__item\" open>\n          <summary class=\"faq__q\">Quelle est la diff\u00e9rence entre un carter et une cart\u00e9risation ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Un carter est un protecteur physique : il isole m\u00e9caniquement une zone dangereuse. La cart\u00e9risation est le projet complet : analyse de risques, conception du protecteur, cha\u00eene de s\u00e9curit\u00e9, \u00e9tude SISTEMA, modification automate et dossier CE. On peut poser un carter sans mener une cart\u00e9risation compl\u00e8te, mais on ne peut pas mener une cart\u00e9risation sans concevoir le bon carter.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">La cart\u00e9risation d'une machine existante impose-t-elle une remise en conformit\u00e9 CE compl\u00e8te ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Pas syst\u00e9matiquement. Si la cart\u00e9risation constitue une modification substantielle de la machine (modification du niveau de risque, ajout d'une nouvelle source d'\u00e9nergie dangereuse), elle peut d\u00e9clencher l'obligation de remise en conformit\u00e9 totale. Si elle r\u00e9duit simplement un risque existant sans modifier profond\u00e9ment la machine, la d\u00e9marche est all\u00e9g\u00e9e. Nous analysons votre situation au cas par cas.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Qu'est-ce que l'\u00e9tude SISTEMA et pourquoi est-elle obligatoire ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">SISTEMA est un logiciel de l'IFA qui calcule le niveau de performance (PL) atteint par une fonction de s\u00e9curit\u00e9 selon EN ISO 13849. Pour une cart\u00e9risation, il valide que la fonction \u00ab ouverture de porte = arr\u00eat machine \u00bb atteint le PL requis par l'analyse de risques. Il prend en compte l'architecture redondante de la cha\u00eene, le MTTFd des composants, le taux de couverture diagnostique et les mesures anti-CCF. Le rapport SISTEMA est obligatoire dans le dossier technique CE.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Pourquoi utiliser un v\u00e9rin non attel\u00e9 sur une porte guillotine ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Sur un v\u00e9rin non attel\u00e9, la tige n'est pas solidaire de la porte : le v\u00e9rin ne sert qu'\u00e0 remonter la porte, la descente se faisant par gravit\u00e9. En cas de coupure d'alimentation, la porte se ferme naturellement \u2014 c'est une position s\u00fbre intrins\u00e8que. Des \u00e9quilibreurs \u00e0 ressort \u00e0 gaz accompagnent cette descente \u00e0 vitesse contr\u00f4l\u00e9e pour \u00e9viter toute chute brutale.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Comment calculez-vous les distances anticisaillement autour des portes motoris\u00e9es ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Selon EN ISO 13857, l'espace entre une porte en mouvement et une structure fixe doit \u00eatre soit inf\u00e9rieur \u00e0 4 mm (trop \u00e9troit pour un doigt), soit sup\u00e9rieur \u00e0 25 mm (assez large pour que la main ressorte librement). Entre ces deux valeurs, le risque de cisaillement est av\u00e9r\u00e9. Pour l'\u00e9crasement, l'espace doit d\u00e9passer 120 mm pour le bras. Nous v\u00e9rifions ces distances d\u00e8s la conception CAO.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Intervenez-vous sur tout type d'automate ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Oui : Siemens (TIA Portal, Step 7), Schneider Electric (Unity Pro, EcoStruxure), Allen-Bradley (Studio 5000), Codesys et autres. Nous adaptons le programme existant pour int\u00e9grer les nouvelles fonctions de s\u00e9curit\u00e9 sans remettre en cause le fonctionnement de production.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Combien de temps prend un projet de cart\u00e9risation complet ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Pour une cart\u00e9risation standard avec cha\u00eene de s\u00e9curit\u00e9 simple : 4 \u00e0 10 semaines. Pour un retrofit complet avec modification automate, \u00e9tude SISTEMA et dossier CE : 3 \u00e0 4 mois. Nous \u00e9tablissons un planning d\u00e9taill\u00e9 d\u00e8s la phase d'\u00e9tude.<\/div>\n        <\/details>\n        <details class=\"faq__item\">\n          <summary class=\"faq__q\">Constituez-vous le dossier technique CE complet ? <i class=\"fas fa-plus\"><\/i><\/summary>\n          <div class=\"faq__a\">Oui. Nous constituons l'int\u00e9gralit\u00e9 du dossier : analyse de risques EN ISO 12100, rapport SISTEMA, sch\u00e9mas \u00e9lectriques, notice d'instructions et d\u00e9claration CE de conformit\u00e9. Ce dossier est indispensable pour le marquage CE et doit \u00eatre conserv\u00e9 10 ans.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 8 \u00b7 BLOC EXPERT \u2591\u2591 -->\n  <section data-screen-label=\"Expert\">\n    <div class=\"container\">\n      <div class=\"work__closing reveal\">\n        <img decoding=\"async\" class=\"lazyload work__closing__bg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271400%27%20height%3D%27630%27%20viewBox%3D%270%200%201400%20630%27%3E%3Crect%20width%3D%271400%27%20height%3D%27630%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.cim-atlantique.com\/wp-content\/uploads\/2026\/06\/carter-cellule-fanuc.webp\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" title=\"\">\n        <div class=\"work__closing__inner\">\n          <h3>Cart\u00e9riser vos machines avec CIM Atlantique, votre expert<\/h3>\n          <p>En tant que fabricant de solutions industrielles, nous mettons l'accent sur la personnalisation et l'innovation. Nos syst\u00e8mes automatis\u00e9s industriels sont con\u00e7us pour s'int\u00e9grer parfaitement \u00e0 vos infrastructures et r\u00e9pondre aux sp\u00e9cificit\u00e9s de votre secteur, qu'il s'agisse de machines sp\u00e9ciales pour l'emballage, de solutions pour l'agro-industrie, ou encore de machines sp\u00e9ciales d'usinage.<\/p>\n          <p>CIM Atlantique vous accompagne dans vos d\u00e9marches de robotisation, vision, machines sp\u00e9ciales et cobotique. Besoin de conseils, d'informations sur le montage et la maintenance de vos installations robotis\u00e9es\u2026<\/p>\n          <a class=\"btn btn--primary\" href=\"https:\/\/www.cim-atlantique.com\/fr\/devis\/\">Demander une \u00e9tude de faisabilit\u00e9 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2591\u2591 9 \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 cart\u00e9risation ou de mise en conformit\u00e9 ?<\/h2>\n        <p>D\u00e9crivez-nous votre machine et votre contexte (injonction, accident, changement d'affectation, valorisation du parc) : notre bureau d'\u00e9tudes pilote votre cart\u00e9risation de l'analyse de risques au dossier CE.<\/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-carter -->\n\n\n\n<script>\n\/* =====================================================================\n   CIM ATLANTIQUE \u2014 Page \u00ab Cart\u00e9risation de machine industrielle \u00bb\n   JS de page : FAQ accord\u00e9on + motif neuronal + carrousel + animations.\n   Scop\u00e9 au wrapper #cim-carter. Contenu pleinement visible sans JS.\n   ===================================================================== *\/\n(function () {\n  var root = document.getElementById('cim-carter');\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><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":6701,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6685","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages\/6685","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=6685"}],"version-history":[{"count":9,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages\/6685\/revisions"}],"predecessor-version":[{"id":7031,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/pages\/6685\/revisions\/7031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/media\/6701"}],"wp:attachment":[{"href":"https:\/\/www.cim-atlantique.com\/fr\/wp-json\/wp\/v2\/media?parent=6685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}