{"id":69,"date":"2026-03-16T11:28:18","date_gmt":"2026-03-16T10:28:18","guid":{"rendered":"https:\/\/www.icone-neutron.fr\/?page_id=69"},"modified":"2026-08-05T18:17:03","modified_gmt":"2026-08-05T16:17:03","slug":"informations-generales-sur-icone","status":"publish","type":"page","link":"https:\/\/www.icone-neutron.fr\/fr\/informations-generales-sur-icone\/","title":{"rendered":"Informations-g\u00e9n\u00e9rales-sur-ICONE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"69\" class=\"elementor elementor-69\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60e898a e-flex e-con-boxed e-con e-parent\" data-id=\"60e898a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-875439f e-con-full e-flex e-con e-child\" data-id=\"875439f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb1c1a elementor-widget elementor-widget-html\" data-id=\"4cb1c1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Neutrons<\/title>\r\n\r\n<style>\r\nbody {\r\n  margin: 0;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* MENU FIXE \u00c0 GAUCHE *\/\r\n.sidebar-menu {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 240px;                 \/* \ud83d\udc48 plus bas *\/\r\n  width: 260px;\r\n  height: calc(100vh - 80px);\r\n  border-right: 1px solid #ddd;\r\n  background: #f7f9fc;\r\n  padding-top: 10px;         \/* \ud83d\udc48 \u00e9vite les \u00e9l\u00e9ments coup\u00e9s *\/\r\n  overflow-y: auto;          \/* \ud83d\udc48 si menu long, scroll interne *\/\r\n}\r\n\r\n.menu {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.menu-item {\r\n  border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.menu-item a {\r\n  display: block;\r\n  padding: 18px 20px;\r\n  text-decoration: none;\r\n  color: #0d5cab;\r\n}\r\n.menu-item.active a {\r\n  background: #0d5cab;\r\n  color: white;\r\n  font-weight: bold;\r\n}\r\n.menu-item a:hover {\r\n  background: #0d5cab;\r\n  color: white;\r\n}\r\n\r\n\/* CONTENU EN PLEINE LARGEUR *\/\r\n.content {\r\n  margin-left: 260px;\r\n  padding: 60px 40px;\r\n}\r\n\r\n\/* CONTENEUR *\/\r\n.neutron-container {\r\n  width: 100%;\r\n  max-width: none;\r\n  line-height: 1.8;\r\n  color: #2f2f2f;\r\n}\r\n\r\n\/* TITRE *\/\r\n.neutron-title {\r\n  font-size: 42px;\r\n  font-weight: 900;\r\n  color: #0d5cab;\r\n  margin-bottom: 40px;\r\n  padding-left: 18px;\r\n  position: relative;\r\n}\r\n\r\n.neutron-title::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 8px;\r\n  width: 6px;\r\n  height: 80%;\r\n  background: linear-gradient(180deg, #0d5cab, #3a8dde);\r\n  border-radius: 3px;\r\n}\r\n\r\n\/* SOUS TITRES *\/\r\n.neutron-subtitle {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #0d5cab;\r\n  margin-top: 50px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* TEXTE *\/\r\n.neutron-container p {\r\n  font-size: 18px;\r\n  color: #444;\r\n  margin-bottom: 20px;\r\n  max-width: 900px;\r\n}\r\n\r\n\/* HIGHLIGHT *\/\r\n.neutron-highlight {\r\n  background: #f4f7fb;\r\n  border-left: 4px solid #0d5cab;\r\n  padding: 18px;\r\n  margin: 25px 0;\r\n  max-width: 900px;\r\n}\r\n\r\n\/* LISTE *\/\r\n.neutron-list div {\r\n  margin-bottom: 8px;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-619913e2 e-flex e-con-boxed e-con e-parent\" data-id=\"619913e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31950c31 elementor-widget elementor-widget-text-editor\" data-id=\"31950c31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"icone-section\">\n\n<div class=\"icone-container\">\n\n<h2 class=\"icone-title\">Informations g\u00e9n\u00e9rales sur ICONE<\/h2>\n\n<h3 class=\"icone-subtitle\">L\u2019installation ICONE<\/h3>\n\n<p class=\"icone-intro\">\nL\u2019installation ICONE offrira aux chercheurs et ing\u00e9nieurs fran\u00e7ais la capacit\u00e9\nd\u2019explorer les mat\u00e9riaux gr\u00e2ce aux neutrons.\n<\/p>\n\n<p>Elle est bas\u00e9e sur :<\/p>\n\n<ul class=\"icone-list\">\n    <li>\n        Un acc\u00e9l\u00e9rateur de protons de haute intensit\u00e9 (80 mA) et basse \u00e9nergie (25 MeV)\n    <\/li>\n\n    <li>\n        Deux cibles de production et de mod\u00e9ration de neutrons :\n        Haut Flux (2 ms @ 20 Hz) et Haute R\u00e9solution (0,4 ms @ 50 Hz)\n    <\/li>\n\n    <li>\n        Environ 10 \u00e0 12 instruments exploitant l\u2019interaction des neutrons avec la mati\u00e8re\n    <\/li>\n<\/ul>\n\n<div class=\"icone-highlight\">\nCe type d\u2019installation est appel\u00e9\n<strong>HiCANS<\/strong>\n(High Current Accelerator-based Neutron Source).\n<\/div>\n\n<div class=\"icone-note\">\nR\u00e9f\u00e9rences : IAEA TECDOC 1981 (2021), LENS Report (2020),\nRIKEN, HBS J\u00fclich, ARGITU ESS-Bilbao, ELENA, UCANS.\n<\/div>\n\n<div class=\"icone-image\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/ICONE-Infrastructure.png\"\nalt=\"Infrastructure ICONE\">\n<\/div>\n\n<h3 class=\"icone-subtitle\">\nLes \u00e9tapes de l&rsquo;avancement du projet\n<\/h3>\n\n<p class=\"icone-intro\">\nD\u00e9couvrez les principales \u00e9tapes du d\u00e9veloppement d&rsquo;ICONE.\n<\/p>\n\n<div class=\"icone-highlight\">\n\n<p>\n<strong>\u00c9tat actuel du projet<\/strong>\n<\/p>\n\n<p>\n<strong>Phase :<\/strong>\nAvant-Projet D\u00e9taill\u00e9 (APD)\n<\/p>\n\n<p>\n<strong>Avancement :<\/strong>\nPr\u00e9paration de la r\u00e9alisation\n<\/p>\n\n<p>\n<strong>Objectif :<\/strong>\nSource neutronique nouvelle g\u00e9n\u00e9ration\n<\/p>\n\n<\/div>\n<div class=\"timeline\">\n\n    <div class=\"timeline-item\">\n        <div class=\"timeline-dot\"><\/div>\n\n        <div class=\"timeline-card\">\n\n            <div class=\"timeline-year\">2023<\/div>\n\n            <h4>Premi\u00e8re \u00e9valuation du projet<\/h4>\n\n            <p>\n                Validation scientifique et technique.\n            <\/p>\n\n            <span class=\"timeline-status\">\n                Termin\u00e9\n            <\/span>\n\n        <\/div>\n    <\/div>\n\n\n    <div class=\"timeline-item\">\n\n        <div class=\"timeline-dot\"><\/div>\n\n        <div class=\"timeline-card\">\n\n            <div class=\"timeline-year\">2024<\/div>\n\n            <h4>Lancement des \u00e9tudes<\/h4>\n\n            <p>\n                D\u00e9finition des besoins et ing\u00e9nierie.\n            <\/p>\n\n            <span class=\"timeline-status\">\n                Termin\u00e9\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"timeline-item current\">\n\n        <div class=\"timeline-dot\"><\/div>\n\n        <div class=\"timeline-card\">\n\n            <div class=\"timeline-year\">2026<\/div>\n\n            <h4>Pr\u00e9paration de la r\u00e9alisation<\/h4>\n\n            <p>\n                Organisation du projet.\n            <\/p>\n\n            <span class=\"timeline-status\">\n                En cours\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"timeline-item\">\n\n        <div class=\"timeline-dot\"><\/div>\n\n        <div class=\"timeline-card\">\n\n            <div class=\"timeline-year\">2027-2031<\/div>\n\n            <h4>Construction et installation<\/h4>\n\n            <p>\n                D\u00e9ploiement des infrastructures, de l\u2019acc\u00e9l\u00e9rateur,\n                des syst\u00e8mes neutroniques et des instruments.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"timeline-item \">\n\n        <div class=\"timeline-dot\"><\/div>\n\n        <div class=\"timeline-card\">\n\n            <div class=\"timeline-year\">2032<\/div>\n\n            <h4>Premiers neutrons<\/h4>\n\n            <p>\n                Mise en service des premi\u00e8res capacit\u00e9s exp\u00e9rimentales.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"timeline-item \">\n\n        <div class=\"timeline-dot\"><\/div>\n\n        <div class=\"timeline-card\">\n\n            <div class=\"timeline-year\">2036<\/div>\n\n            <h4>Pleine capacit\u00e9 op\u00e9rationnelle<\/h4>\n\n            <p>\n                Exploitation compl\u00e8te de l\u2019installation avec\n                l\u2019ensemble des instruments scientifiques.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<h3 class=\"icone-subtitle\">\nICONE en quelques chiffres\n<\/h3>\n\n\n<div class=\"icone-stats\">\n\n    <div class=\"icone-stat\">\n\n        <div class=\"stat-number\">\n            20\n        <\/div>\n\n        <div class=\"stat-label\">\n            laboratoires impliqu\u00e9s\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"icone-stat\">\n\n        <div class=\"stat-number\">\n            10\u201312\n        <\/div>\n\n        <div class=\"stat-label\">\n            instruments scientifiques\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"icone-stat\">\n\n        <div class=\"stat-number\">\n            2\n        <\/div>\n\n        <div class=\"stat-label\">\n            sources neutroniques\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"icone-stat\">\n\n        <div class=\"stat-number\">\n            1\n        <\/div>\n\n        <div class=\"stat-label\">\n            infrastructure nationale\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/section>\n<style>\n.icone-section {\n    width: 100%;\n    background: transparent;\n    padding: 70px 0;\n}\n\n\n.icone-container {\n    max-width: 1200px;\n    margin: 40px auto;\n    padding: 55px;\n    background: #ffffff;\n    border-radius: 18px;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n    font-family: Arial, Helvetica, sans-serif;\n    line-height: 1.8;\n    color: #333;\n}\n\n\n\/* TITRE PRINCIPAL *\/\n\n.icone-title {\n    font-size: 38px;\n    font-weight: 900;\n    color: #0d5cab;\n    padding-left: 18px;\n    margin: 0 0 45px;\n    border-left: 6px solid #0d5cab;\n    line-height: 1.25;\n    overflow-wrap: break-word;\n}\n\n\n\/* SOUS-TITRES *\/\n\n.icone-subtitle {\n    font-size: 26px;\n    font-weight: 800;\n    color: #0d5cab;\n    margin: 50px 0 25px;\n    line-height: 1.3;\n}\n\n\n\/* TEXTES *\/\n\n.icone-container p {\n    font-size: 17px;\n    color: #444;\n    margin-bottom: 20px;\n    text-align: justify;\n}\n\n\n.icone-intro {\n    font-size: 18px;\n}\n\n\n\/* LISTE *\/\n\n.icone-list {\n    margin: 20px 0 30px;\n    padding-left: 25px;\n}\n\n\n.icone-list li {\n    margin-bottom: 12px;\n    line-height: 1.6;\n}\n\n\n\/* BLOCS INFORMATIONS *\/\n\n.icone-highlight {\n    background: #f4f8fd;\n    border-left: 5px solid #0d5cab;\n    padding: 20px;\n    border-radius: 10px;\n    margin: 30px 0;\n    color: #333;\n}\n\n\n.icone-highlight p {\n    margin-bottom: 10px;\n}\n\n\n\/* REFERENCES *\/\n\n.icone-note {\n    font-size: 14px;\n    color: #777;\n    margin-bottom: 25px;\n}\n\n\n\/* IMAGE *\/\n\n.icone-image {\n    text-align: center;\n    margin: 35px 0;\n}\n\n\n.icone-image img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 12px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.12);\n}\n\n\n\/* TIMELINE *\/\n\n.timeline {\n    position: relative;\n    margin: 50px 0;\n    padding-left: 40px;\n}\n\n\n.timeline:before {\n    content: \"\";\n    position: absolute;\n    left: 10px;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background: #0d5cab;\n}\n\n\n.timeline-item {\n    position: relative;\n    margin-bottom: 35px;\n}\n\n\n.timeline-dot {\n    position: absolute;\n    left: -37px;\n    top: 25px;\n    width: 16px;\n    height: 16px;\n    background: #0d5cab;\n    border-radius: 50%;\n    border: 4px solid #ffffff;\n    box-sizing: content-box;\n}\n\n\n.timeline-card {\n    background: #ffffff;\n    border: 1px solid #e4eaf2;\n    border-radius: 14px;\n    padding: 25px;\n    box-shadow: 0 5px 18px rgba(0,0,0,0.06);\n    transition: transform .25s ease, box-shadow .25s ease;\n}\n\n\n.timeline-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.12);\n}\n.current .timeline-card {\n    border: 2px solid #0d5cab;\n    background: #f7fbff;\n}\n\n\n\/* ANN\u00c9ES *\/\n\n.timeline-year {\n    display: inline-block;\n    background: #0d5cab;\n    color: #ffffff;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-weight: bold;\n    font-size: 15px;\n}\n\n\n\/* TITRES DES \u00c9TAPES *\/\n\n.timeline-card h4 {\n    color: #0d5cab;\n    font-size: 20px;\n    margin: 15px 0 10px;\n    line-height: 1.3;\n}\n\n\n\/* STATUT *\/\n\n.timeline-status {\n    display: inline-block;\n    background: #eef5fc;\n    color: #0d5cab;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 13px;\n    font-weight: bold;\n}\n\n\n\/* STATISTIQUES *\/\n\n.icone-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px,1fr));\n    gap: 20px;\n}\n\n\n.icone-stat {\n    background: #f4f8fd;\n    border-left: 5px solid #0d5cab;\n    padding: 20px;\n    border-radius: 10px;\n    transition: transform .25s ease;\n}\n\n\n.icone-stat:hover {\n    transform: translateY(-5px);\n}\n\n\n.stat-number {\n    font-size: 34px;\n    font-weight: 900;\n    color: #0d5cab;\n    line-height: 1.2;\n}\n\n\n.stat-label {\n    color: #555;\n    font-size: 16px;\n}\n\n\n\n\/* =========================\n   TABLETTE ET MOBILE\n========================= *\/\n\n@media (max-width:768px) {\n\n\n    .icone-section {\n        padding:20px 10px;\n    }\n\n\n    .icone-container {\n        margin:0;\n        padding:20px;\n        border-radius:14px;\n    }\n\n\n    .icone-title {\n        font-size:25px;\n        padding-left:12px;\n        border-left-width:5px;\n        margin-bottom:30px;\n    }\n\n\n    .icone-subtitle {\n        font-size:21px;\n        margin:35px 0 20px;\n    }\n\n\n    .icone-container p {\n        font-size:16px;\n        line-height:1.7;\n        text-align:left;\n    }\n\n\n    .icone-intro {\n        font-size:16px;\n    }\n\n\n    .icone-highlight {\n        padding:16px;\n        font-size:15px;\n        line-height:1.6;\n    }\n\n\n    .icone-list li {\n        font-size:15px;\n        margin-bottom:14px;\n    }\n\n\n    .icone-image img {\n        width:100%;\n    }\n\n\n    \/* TIMELINE MOBILE *\/\n\n    .timeline {\n        padding-left:22px;\n        margin:35px 0;\n    }\n\n\n    .timeline:before {\n        left:5px;\n    }\n\n\n    .timeline-dot {\n        left:-20px;\n        width:14px;\n        height:14px;\n    }\n\n\n    .timeline-card {\n        padding:18px;\n    }\n\n\n    .timeline-card h4 {\n        font-size:18px;\n    }\n\n\n    \/* STATISTIQUES *\/\n\n    .icone-stats {\n        grid-template-columns:1fr;\n    }\n\n\n    .stat-number {\n        font-size:30px;\n    }\n\n}\n\n\n\n\/* =========================\n   PETITS MOBILES\n========================= *\/\n\n@media (max-width:480px) {\n\n\n    .icone-container {\n        padding:16px;\n    }\n\n\n    .icone-title {\n        font-size:22px;\n    }\n\n\n    .icone-subtitle {\n        font-size:19px;\n    }\n\n\n    .timeline-card {\n        padding:15px;\n    }\n\n\n    .timeline-year {\n        font-size:13px;\n    }\n\n\n    .timeline-status {\n        font-size:12px;\n        padding:5px 10px;\n    }\n\n}<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40a1e29 e-flex e-con-boxed e-con e-parent\" data-id=\"40a1e29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb394b elementor-widget elementor-widget-html\" data-id=\"abb394b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fr\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Acc\u00e9l\u00e9rateur RFQ\/DTL - Visualisation Compl\u00e8te<\/title>\r\n  <style>\r\n    :root {\r\n      --bg-primary: #f7fbff;\r\n      --bg-secondary: #ffffff;\r\n      --primary: #0d5cab;\r\n      --yellow: #e6a800;\r\n      --blue: #003dff;\r\n      --blue-light: #004bff;\r\n      --green: #27ae60;\r\n      --red: #d62828;\r\n      --black: #111827;\r\n      --white: #ffffff;\r\n      --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n      --radius: 6px;\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n      min-height: 100vh;\r\n      background: linear-gradient(180deg, var(--bg-primary), var(--bg-secondary));\r\n      padding: 20px;\r\n    }\r\n\r\n    .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .header {\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .header h1 {\r\n      font-size: 1.8rem;\r\n      color: var(--black);\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .header .subtitle {\r\n      color: #666;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .visualization {\r\n      position: relative;\r\n      background: var(--white);\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow);\r\n      overflow: hidden;\r\n      height: 750px;\r\n    }\r\n\r\n    #canvas {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      cursor: default;\r\n    }\r\n\r\n    .controls {\r\n      position: absolute;\r\n      top: 15px;\r\n      right: 15px;\r\n      display: flex;\r\n      gap: 8px;\r\n      z-index: 100;\r\n    }\r\n\r\n    .control-btn {\r\n      width: 36px;\r\n      height: 36px;\r\n      border: none;\r\n      border-radius: var(--radius);\r\n      background: var(--white);\r\n      color: var(--primary);\r\n      cursor: pointer;\r\n      font-size: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.2s;\r\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .control-btn:hover {\r\n      transform: scale(1.05);\r\n      background: #f0f4f8;\r\n    }\r\n\r\n    .control-btn:active {\r\n      transform: scale(0.95);\r\n    }\r\n\r\n    .control-btn.active {\r\n      background: var(--primary);\r\n      color: var(--white);\r\n    }\r\n\r\n    .control-btn:disabled {\r\n      opacity: 0.5;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    .legend {\r\n      position: absolute;\r\n      bottom: 15px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: rgba(255, 255, 255, 0.95);\r\n      padding: 10px 16px;\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow);\r\n      display: flex;\r\n      gap: 15px;\r\n      z-index: 100;\r\n    }\r\n\r\n    .legend-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 0.85rem;\r\n      color: #555;\r\n    }\r\n\r\n    .legend-color {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    #tooltip {\r\n      position: absolute;\r\n      display: none;\r\n      padding: 12px 16px;\r\n      background: var(--primary);\r\n      color: var(--white);\r\n      border-radius: var(--radius);\r\n      pointer-events: none;\r\n      box-shadow: var(--shadow);\r\n      z-index: 1000;\r\n      font-size: 0.85rem;\r\n      line-height: 1.4;\r\n      opacity: 0;\r\n      transition: opacity 0.2s, transform 0.2s;\r\n      transform: translateY(8px);\r\n    }\r\n\r\n    #tooltip.visible {\r\n      display: block;\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    #tooltip::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -8px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      border-width: 8px 8px 0;\r\n      border-style: solid;\r\n      border-color: var(--primary) transparent transparent;\r\n    }\r\n\r\n    .tooltip-title {\r\n      font-weight: 700;\r\n      margin-bottom: 4px;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .tooltip-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n      margin-bottom: 3px;\r\n    }\r\n\r\n    .tooltip-label {\r\n      color: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    .tooltip-value {\r\n      font-weight: 600;\r\n    }\r\n\r\n    .tooltip-desc {\r\n      font-size: 0.8rem;\r\n      color: rgba(255, 255, 255, 0.7);\r\n      font-style: italic;\r\n      margin-top: 6px;\r\n      padding-top: 6px;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .speed-indicator {\r\n      text-align: center;\r\n      margin-top: 15px;\r\n      color: #666;\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .visualization {\r\n        height: 550px;\r\n      }\r\n      \r\n      .legend {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        transform: translateX(-50%) translateY(-100%);\r\n        bottom: 0;\r\n      }\r\n      \r\n      .controls {\r\n        top: 10px;\r\n        right: 10px;\r\n      }\r\n      \r\n      .control-btn {\r\n        width: 32px;\r\n        height: 32px;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"container\">\r\n    <div class=\"header\">\r\n     \r\n    \r\n    <div class=\"visualization\">\r\n      <canvas id=\"canvas\"><\/canvas>\r\n      \r\n      <div class=\"controls\">\r\n        <button class=\"control-btn\" id=\"btn-pause\" title=\"Pause\/Reprendre\">\u23f8<\/button>\r\n        <button class=\"control-btn\" id=\"btn-slower\" title=\"Ralentir\">\u2796<\/button>\r\n        <button class=\"control-btn\" id=\"btn-faster\" title=\"Acc\u00e9l\u00e9rer\">\u2795<\/button>\r\n        <button class=\"control-btn\" id=\"btn-clear\" title=\"Effacer les particules\">\ud83d\uddd1<\/button>\r\n      <\/div>\r\n      \r\n      <div class=\"legend\">\r\n        <div class=\"legend-item\">\r\n          <span class=\"legend-color\" style=\"background: var(--yellow);\"><\/span>\r\n          <span>Faisceau primaire<\/span>\r\n        <\/div>\r\n        <div class=\"legend-item\">\r\n          <span class=\"legend-color\" style=\"background: var(--blue);\"><\/span>\r\n          <span>Faisceau secondaire<\/span>\r\n        <\/div>\r\n        <div class=\"legend-item\">\r\n          <span class=\"legend-color\" style=\"background: var(--green);\"><\/span>\r\n          <span>Points de distribution<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div id=\"tooltip\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"speed-indicator\" id=\"speed-indicator\">Vitesse: 1x<\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      \/\/ ============================================\r\n      \/\/ CONSTANTES\r\n      \/\/ ============================================\r\n      \r\n      const CONFIG = {\r\n        canvasHeight: 750,\r\n        centerY: 300,\r\n        instrumentSpacing: 45,\r\n        particleSpawnRate: 0.3,\r\n        particleSpeed: 0.012,\r\n        segmentSpeed: 0.025,\r\n        \r\n        colors: {\r\n          yellow: '#e6a800',\r\n          blue: '#003dff',\r\n          blueLight: '#004bff',\r\n          green: '#27ae60',\r\n          red: '#d62828',\r\n          black: '#111827',\r\n          white: '#ffffff'\r\n        },\r\n        \r\n        sizes: {\r\n          particlePrimary: 3.5,\r\n          particleSecondary: 3,\r\n          junctionRadius: 10,\r\n          nodeRadius: 16,\r\n          labelWidth: 60,\r\n          labelHeight: 28,\r\n          lineWidthPrimary: 7,\r\n          lineWidthSecondary: 2.5\r\n        }\r\n      };\r\n\r\n      \/\/ ============================================\r\n      \/\/ DONN\u00c9ES\r\n      \/\/ ============================================\r\n      \r\n      const INSTRUMENTS = {\r\n        left: [\r\n          { name: 'PRESTO', type: 'Diffraction HF', desc: 'Magn\u00e9tisme', category: 'Diffraction' },\r\n          { name: 'FANTASTIC', type: 'In\u00e9lastique', desc: 'Phonons', category: 'Spectroscopie' },\r\n          { name: 'PR\u00c9CIS', type: 'HR', desc: 'Cristallographie', category: 'Cristallographie' },\r\n          { name: 'CONTEXT', type: 'Textures', desc: 'Contraintes', category: 'Mat\u00e9riaux' },\r\n          { name: 'INEDIT', type: 'QENS', desc: 'Dynamique', category: 'Dynamique' }\r\n        ],\r\n        right: [\r\n          { name: 'PREMS', type: 'R\u00e9flectom\u00e9trie', desc: 'Interfaces', category: 'Surfaces' },\r\n          { name: 'LAMBDA', type: 'SANS', desc: 'Polym\u00e8res', category: 'Polym\u00e8res' },\r\n          { name: 'NANOSANS', type: 'Nano-SANS', desc: 'Auto-assemblage', category: 'Nanomat\u00e9riaux' },\r\n          { name: 'TULIP', type: 'Imagerie 3D', desc: 'Tomographie', category: 'Imagerie' },\r\n          { name: 'GOLF', type: 'Activation', desc: 'Composition', category: 'Composition' }\r\n        ]\r\n      };\r\n\r\n      \/\/ ============================================\r\n      \/\/ \u00c9TAT\r\n      \/\/ ============================================\r\n      \r\n      const state = {\r\n        width: 0,\r\n        height: CONFIG.canvasHeight,\r\n        devicePixelRatio: 1,\r\n        mouse: { x: 0, y: 0 },\r\n        particles: [],\r\n        hoveredInstrument: null,\r\n        isPaused: false,\r\n        speedMultiplier: 1\r\n      };\r\n\r\n      \/\/ ============================================\r\n      \/\/ \u00c9L\u00c9MENTS DOM\r\n      \/\/ ============================================\r\n      \r\n      const canvas = document.getElementById('canvas');\r\n      const ctx = canvas.getContext('2d');\r\n      const tooltip = document.getElementById('tooltip');\r\n      const visualization = document.querySelector('.visualization');\r\n      const btnPause = document.getElementById('btn-pause');\r\n      const btnSlower = document.getElementById('btn-slower');\r\n      const btnFaster = document.getElementById('btn-faster');\r\n      const btnClear = document.getElementById('btn-clear');\r\n      const speedIndicator = document.getElementById('speed-indicator');\r\n\r\n      \/\/ ============================================\r\n      \/\/ CLASSE PARTICULE\r\n      \/\/ ============================================\r\n      \r\n      class Particle {\r\n        constructor() {\r\n          this.side = Math.random() < 0.5 ? 'left' : 'right';\r\n          this.instrumentIndex = Math.floor(Math.random() * INSTRUMENTS.left.length);\r\n          this.segment = 0;\r\n          this.segmentProgress = 0;\r\n          this.globalProgress = 0;\r\n          this.size = Math.random() * 0.5 + 0.8;\r\n        }\r\n\r\n        update() {\r\n          if (state.isPaused) return true;\r\n          \r\n          this.segmentProgress += CONFIG.segmentSpeed * state.speedMultiplier;\r\n          this.globalProgress += CONFIG.particleSpeed * state.speedMultiplier;\r\n\r\n          if (this.segmentProgress > 1) {\r\n            this.segment++;\r\n            this.segmentProgress = 0;\r\n          }\r\n\r\n          return this.globalProgress < 3;\r\n        }\r\n\r\n        draw(width) {\r\n          const centerX = width \/ 2;\r\n          const leftX = width * 0.3;\r\n          const rightX = width * 0.7;\r\n          const { centerY, instrumentSpacing, colors, sizes } = CONFIG;\r\n\r\n          let x, y, color, radius;\r\n\r\n          if (this.segment === 0) {\r\n            x = centerX;\r\n            y = 80 + (centerY - 80) * this.segmentProgress;\r\n            color = colors.yellow;\r\n            radius = sizes.particlePrimary * this.size;\r\n          } else if (this.segment === 1) {\r\n            const startX = centerX;\r\n            const endX = this.side === 'left' ? leftX : rightX;\r\n            x = startX + (endX - startX) * this.segmentProgress;\r\n            y = centerY;\r\n            color = colors.yellow;\r\n            radius = sizes.particlePrimary * this.size;\r\n          } else {\r\n            const startX = this.side === 'left' ? leftX : rightX;\r\n            const endX = this.side === 'left' ? leftX - 120 : rightX + 120;\r\n            const endY = centerY + this.instrumentIndex * instrumentSpacing;\r\n            x = startX + (endX - startX) * this.segmentProgress;\r\n            y = centerY + (endY - centerY) * this.segmentProgress;\r\n            color = colors.blue;\r\n            radius = sizes.particleSecondary * this.size;\r\n          }\r\n\r\n          ctx.fillStyle = color;\r\n          ctx.beginPath();\r\n          ctx.arc(x, y, radius, 0, Math.PI * 2);\r\n          ctx.fill();\r\n\r\n          ctx.strokeStyle = color;\r\n          ctx.lineWidth = 0.5;\r\n          ctx.stroke();\r\n        }\r\n      }\r\n\r\n      \/\/ ============================================\r\n      \/\/ FONCTIONS DE DESSIN\r\n      \/\/ ============================================\r\n      \r\n      function drawCanvas(width, height) {\r\n        const centerX = width \/ 2;\r\n        const leftX = width * 0.3;\r\n        const rightX = width * 0.7;\r\n        const { centerY, instrumentSpacing, colors, sizes } = CONFIG;\r\n\r\n        \/\/ Fond\r\n        ctx.clearRect(0, 0, width, height);\r\n        const gradient = ctx.createLinearGradient(0, 0, 0, height);\r\n        gradient.addColorStop(0, '#f7fbff');\r\n        gradient.addColorStop(1, '#ffffff');\r\n        ctx.fillStyle = gradient;\r\n        ctx.fillRect(0, 0, width, height);\r\n\r\n        \/\/ Acc\u00e9l\u00e9rateur RFQ\/DTL\r\n        ctx.fillStyle = colors.black;\r\n        ctx.fillRect(centerX - 140, 50, 280, 40);\r\n\r\n        ctx.fillStyle = colors.white;\r\n        ctx.textAlign = 'center';\r\n        ctx.font = 'bold 14px Arial, sans-serif';\r\n        ctx.fillText('ACC\u00c9L\u00c9RATEUR RFQ \/ DTL', centerX, 75);\r\n\r\n        \/\/ Lignes jaunes\r\n        ctx.strokeStyle = colors.yellow;\r\n        ctx.lineWidth = sizes.lineWidthPrimary;\r\n        ctx.lineCap = 'round';\r\n\r\n        ctx.beginPath();\r\n        ctx.moveTo(centerX, 80);\r\n        ctx.lineTo(centerX, centerY);\r\n        ctx.stroke();\r\n\r\n        ctx.beginPath();\r\n        ctx.moveTo(centerX, centerY);\r\n        ctx.lineTo(leftX, centerY);\r\n        ctx.stroke();\r\n\r\n        ctx.beginPath();\r\n        ctx.moveTo(centerX, centerY);\r\n        ctx.lineTo(rightX, centerY);\r\n        ctx.stroke();\r\n\r\n        \/\/ N\u0153ud central\r\n        ctx.fillStyle = colors.black;\r\n        ctx.beginPath();\r\n        ctx.arc(centerX, centerY, sizes.junctionRadius, 0, Math.PI * 2);\r\n        ctx.fill();\r\n\r\n        \/\/ N\u0153uds verts\r\n        ctx.fillStyle = colors.green;\r\n        ctx.beginPath();\r\n        ctx.arc(leftX, centerY, sizes.nodeRadius, 0, Math.PI * 2);\r\n        ctx.fill();\r\n        ctx.beginPath();\r\n        ctx.arc(rightX, centerY, sizes.nodeRadius, 0, Math.PI * 2);\r\n        ctx.fill();\r\n\r\n        \/\/ Lignes bleues\r\n        ctx.strokeStyle = colors.blueLight;\r\n        ctx.lineWidth = sizes.lineWidthSecondary;\r\n\r\n        for (let i = 0; i < INSTRUMENTS.left.length; i++) {\r\n          ctx.beginPath();\r\n          ctx.moveTo(leftX, centerY);\r\n          ctx.lineTo(leftX - 120, centerY + i * instrumentSpacing);\r\n          ctx.stroke();\r\n        }\r\n\r\n        for (let i = 0; i < INSTRUMENTS.right.length; i++) {\r\n          ctx.beginPath();\r\n          ctx.moveTo(rightX, centerY);\r\n          ctx.lineTo(rightX + 120, centerY + i * instrumentSpacing);\r\n          ctx.stroke();\r\n        }\r\n\r\n        \/\/ \u00c9tiquettes des instruments\r\n        const leftLabelX = leftX - 120;\r\n        const rightLabelX = rightX + 120;\r\n\r\n        \/\/ Gauche\r\n        for (let i = 0; i < INSTRUMENTS.left.length; i++) {\r\n          const x = leftLabelX;\r\n          const y = centerY + i * instrumentSpacing;\r\n\r\n          ctx.fillStyle = colors.red;\r\n          ctx.fillRect(x - 25, y - 12, sizes.labelWidth, sizes.labelHeight);\r\n\r\n          ctx.fillStyle = colors.black;\r\n          ctx.textAlign = 'right';\r\n          ctx.font = 'bold 12px Arial, sans-serif';\r\n          ctx.fillText(INSTRUMENTS.left[i].name, x - 30, y + 5);\r\n        }\r\n\r\n        \/\/ Droite\r\n        for (let i = 0; i < INSTRUMENTS.right.length; i++) {\r\n          const x = rightLabelX;\r\n          const y = centerY + i * instrumentSpacing;\r\n\r\n          ctx.fillStyle = colors.red;\r\n          ctx.fillRect(x - 25, y - 12, sizes.labelWidth, sizes.labelHeight);\r\n\r\n          ctx.fillStyle = colors.black;\r\n          ctx.textAlign = 'left';\r\n          ctx.font = 'bold 12px Arial, sans-serif';\r\n          ctx.fillText(INSTRUMENTS.right[i].name, x + 30, y + 5);\r\n        }\r\n\r\n        \/\/ Particules\r\n        state.particles.forEach(particle => particle.draw(width));\r\n\r\n        \/\/ Indicateur de pause\r\n        if (state.isPaused) {\r\n          ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';\r\n          ctx.fillRect(width \/ 2 - 40, height \/ 2 - 20, 80, 40);\r\n          ctx.fillStyle = colors.white;\r\n          ctx.textAlign = 'center';\r\n          ctx.font = 'bold 14px Arial, sans-serif';\r\n          ctx.fillText('PAUSE', width \/ 2, height \/ 2 + 5);\r\n        }\r\n      }\r\n\r\n      \/\/ ============================================\r\n      \/\/ FONCTIONS UTILITAIRES\r\n      \/\/ ============================================\r\n      \r\n      function handleResize() {\r\n        if (!visualization) return;\r\n        const rect = visualization.getBoundingClientRect();\r\n        state.width = rect.width;\r\n        state.height = rect.height;\r\n        state.devicePixelRatio = window.devicePixelRatio || 1;\r\n\r\n        if (canvas) {\r\n          canvas.width = state.width * state.devicePixelRatio;\r\n          canvas.height = state.height * state.devicePixelRatio;\r\n          ctx.setTransform(state.devicePixelRatio, 0, 0, state.devicePixelRatio, 0, 0);\r\n        }\r\n      }\r\n\r\n      function checkHover() {\r\n        const { mouse, width } = state;\r\n        const { centerY, instrumentSpacing } = CONFIG;\r\n        const leftX = width * 0.3 - 120;\r\n        const rightX = width * 0.7 + 120;\r\n\r\n        for (let i = 0; i < INSTRUMENTS.left.length; i++) {\r\n          const x = leftX;\r\n          const y = centerY + i * instrumentSpacing;\r\n          if (Math.hypot(mouse.x - x, mouse.y - y) < 18) {\r\n            return { side: 'left', index: i };\r\n          }\r\n        }\r\n\r\n        for (let i = 0; i < INSTRUMENTS.right.length; i++) {\r\n          const x = rightX;\r\n          const y = centerY + i * instrumentSpacing;\r\n          if (Math.hypot(mouse.x - x, mouse.y - y) < 18) {\r\n            return { side: 'right', index: i };\r\n          }\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function showTooltip(hoverInfo) {\r\n        const instrument = INSTRUMENTS[hoverInfo.side][hoverInfo.index];\r\n        tooltip.innerHTML = `\r\n          <div class=\"tooltip-title\">${instrument.name}<\/div>\r\n          <div class=\"tooltip-row\">\r\n            <span class=\"tooltip-label\">Type:<\/span>\r\n            <span class=\"tooltip-value\">${instrument.type}<\/span>\r\n          <\/div>\r\n          <div class=\"tooltip-row\">\r\n            <span class=\"tooltip-label\">Cat\u00e9gorie:<\/span>\r\n            <span class=\"tooltip-value\">${instrument.category}<\/span>\r\n          <\/div>\r\n          <div class=\"tooltip-desc\">${instrument.desc}<\/div>\r\n        `;\r\n        tooltip.style.left = (state.mouse.x + 15) + 'px';\r\n        tooltip.style.top = (state.mouse.y + 15) + 'px';\r\n        tooltip.classList.add('visible');\r\n      }\r\n\r\n      function hideTooltip() {\r\n        tooltip.classList.remove('visible');\r\n      }\r\n\r\n      function updateSpeedButtons() {\r\n        btnSlower.disabled = state.speedMultiplier <= 0.25;\r\n        btnFaster.disabled = state.speedMultiplier >= 3;\r\n      }\r\n\r\n      \/\/ ============================================\r\n      \/\/ BOUCLE D'ANIMATION\r\n      \/\/ ============================================\r\n      \r\n      function animationLoop() {\r\n        if (canvas) {\r\n          drawCanvas(state.width, state.height);\r\n        }\r\n\r\n        if (!state.isPaused) {\r\n          \/\/ Spawn new particles\r\n          if (Math.random() < CONFIG.particleSpawnRate) {\r\n            state.particles.push(new Particle());\r\n          }\r\n\r\n          \/\/ Update particles\r\n          for (let i = state.particles.length - 1; i >= 0; i--) {\r\n            if (!state.particles[i].update()) {\r\n              state.particles.splice(i, 1);\r\n            }\r\n          }\r\n        }\r\n\r\n        \/\/ Check hover\r\n        const hoverInfo = checkHover();\r\n        if (hoverInfo) {\r\n          showTooltip(hoverInfo);\r\n        } else {\r\n          hideTooltip();\r\n        }\r\n\r\n        requestAnimationFrame(animationLoop);\r\n      }\r\n\r\n      \/\/ ============================================\r\n      \/\/ \u00c9COUTEURS\r\n      \/\/ ============================================\r\n      \r\n      window.addEventListener('resize', handleResize);\r\n\r\n      if (canvas) {\r\n        canvas.addEventListener('mousemove', (e) => {\r\n          const rect = canvas.getBoundingClientRect();\r\n          state.mouse.x = e.clientX - rect.left;\r\n          state.mouse.y = e.clientY - rect.top;\r\n        });\r\n\r\n        canvas.addEventListener('mouseleave', hideTooltip);\r\n      }\r\n\r\n      \/\/ Contr\u00f4les\r\n      btnPause.addEventListener('click', () => {\r\n        state.isPaused = !state.isPaused;\r\n        btnPause.classList.toggle('active', state.isPaused);\r\n        btnPause.textContent = state.isPaused ? '\u25b6' : '\u23f8';\r\n      });\r\n\r\n      btnSlower.addEventListener('click', () => {\r\n        state.speedMultiplier = Math.max(0.25, state.speedMultiplier - 0.25);\r\n        updateSpeedButtons();\r\n        if (speedIndicator) {\r\n          speedIndicator.textContent = `Vitesse: ${state.speedMultiplier}x`;\r\n        }\r\n      });\r\n\r\n      btnFaster.addEventListener('click', () => {\r\n        state.speedMultiplier = Math.min(3, state.speedMultiplier + 0.25);\r\n        updateSpeedButtons();\r\n        if (speedIndicator) {\r\n          speedIndicator.textContent = `Vitesse: ${state.speedMultiplier}x`;\r\n        }\r\n      });\r\n\r\n      btnClear.addEventListener('click', () => {\r\n        state.particles = [];\r\n      });\r\n\r\n      \/\/ ============================================\r\n      \/\/ INITIALISATION\r\n      \/\/ ============================================\r\n      \r\n      handleResize();\r\n      updateSpeedButtons();\r\n      animationLoop();\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8f57ad e-flex e-con-boxed e-con e-parent\" data-id=\"d8f57ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a273b elementor-widget elementor-widget-html\" data-id=\"e2a273b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"instrument-section\">\r\n\r\n<div class=\"instrument-container\">\r\n\r\n<h2 class=\"instrument-title\">\r\nPr\u00e9sentation des instruments\r\n<\/h2>\r\n\r\n<div class=\"instrument-intro\">\r\n\r\n<p>\r\nLe projet <strong>ICONE<\/strong> repose sur un ensemble d\u2019instruments scientifiques de pointe,\r\nchacun d\u00e9di\u00e9 \u00e0 la production et \u00e0 l\u2019analyse de donn\u00e9es sp\u00e9cifiques. Cette compl\u00e9mentarit\u00e9\r\npermet d\u2019explorer des ph\u00e9nom\u00e8nes vari\u00e9s \u00e0 diff\u00e9rentes \u00e9chelles et selon des approches\r\nexp\u00e9rimentales multiples.\r\n<\/p>\r\n\r\n<p>\r\nCes instruments ont \u00e9t\u00e9 d\u00e9velopp\u00e9s gr\u00e2ce \u00e0 la contribution du <strong>LLB<\/strong> et d\u2019\u00e9quipes\r\nde recherche. Ils t\u00e9moignent d\u2019une forte dynamique scientifique et mobilisent des expertises\r\npluridisciplinaires.\r\n<\/p>\r\n\r\n<p>\r\nR\u00e9unis au sein d\u2019une m\u00eame infrastructure, ils constituent un environnement scientifique unique.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-grid\">\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/presto\/\">\r\n<h3>PRESTO<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> diffractom\u00e8tre haut-flux polyvalent poudres et monocristaux.<br>\r\n<strong>Applications :<\/strong> magn\u00e9tisme, transitions de phase, mat\u00e9riaux multifonctionnels,\r\nsupraconducteurs, cin\u00e9tique.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/precis\/\">\r\n<h3>PR\u00c9CIS<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> diffractom\u00e8tre haute r\u00e9solution.<br>\r\n<strong>Applications :<\/strong> batteries, stockage hydrog\u00e8ne et CO\u2082,\r\ncristallographie, transitions de phase.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/lambda\/\">\r\n<h3>LAMBDA<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> diffusion aux petits angles (SANS).<br>\r\n<strong>Applications :<\/strong> polym\u00e8res, \u00e9mulsions, gels, biomat\u00e9riaux, m\u00e9tallurgie.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/nansans\/\">\r\n<h3>NANOSANS<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> SANS \/ WANS.<br>\r\n<strong>Applications :<\/strong> cristallisation des polym\u00e8res, auto-assemblage.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/context\/\">\r\n<h3>CONTEXT<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> contraintes et textures.<br>\r\n<strong>Applications :<\/strong> soudures, composites, orientation des grains.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/inedit\/\">\r\n<h3>INEDIT<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> diffusion in\u00e9lastique directe.<br>\r\n<strong>Applications :<\/strong> liquides, biologie, dynamiques locales.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/fantastic\/\">\r\n<h3>FANTASTIC<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> diffusion in\u00e9lastique indirecte.<br>\r\n<strong>Applications :<\/strong> phonons, magn\u00e9tisme quantique.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\".\/prems\/\">\r\n<h3>PREMS<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> r\u00e9flectom\u00e9trie.<br>\r\n<strong>Applications :<\/strong> interfaces, spintronique.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\"\/tulip\/\">\r\n<h3>TULIP<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> imagerie.<br>\r\n<strong>Applications :<\/strong> \u00e9nergie, patrimoine, a\u00e9rospatial.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\"\/golf\/\">\r\n<h3>GOLF<\/h3>\r\n<p>\r\n<strong>Type :<\/strong> activation gamma.<br>\r\n<strong>Applications :<\/strong> environnement, g\u00e9osciences.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\"\/lite-hf\/\">\r\n<h3>LiTe-HF<\/h3>\r\n<p>\r\nLigne de tests et d\u00e9veloppements haut flux.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<div class=\"instrument-card\">\r\n<a href=\"\/lite-hr\/\">\r\n<h3>LiTe-HR<\/h3>\r\n<p>\r\nLigne de tests et d\u00e9veloppements haute r\u00e9solution.\r\n<\/p>\r\n<\/a>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* SECTION *\/\r\n\r\n.instrument-section{\r\n\r\nwidth:100%;\r\npadding:70px 15px;\r\nbackground:transparent;\r\n\r\n}\r\n\r\n\r\n\/* CARTE BLANCHE PRINCIPALE *\/\r\n\r\n.instrument-container{\r\n\r\nwidth:calc(100% - 30px);\r\n\r\nmax-width:1100px;\r\n\r\nmargin:40px auto;\r\n\r\npadding:50px;\r\n\r\nbackground:#ffffff !important;\r\n\r\nborder-radius:18px;\r\n\r\nbox-shadow:0 8px 24px rgba(0,0,0,.08);\r\n\r\ndisplay:block;\r\n\r\nposition:relative;\r\n\r\nz-index:1;\r\n\r\n}\r\n\r\n\r\n\/* TITRE *\/\r\n\r\n.instrument-title{\r\n\r\nfont-size:34px;\r\n\r\nfont-weight:800;\r\n\r\ncolor:#0d5cab;\r\n\r\nmargin:0 0 35px;\r\n\r\npadding-left:18px;\r\n\r\nborder-left:6px solid #0d5cab;\r\n\r\nline-height:1.3;\r\n\r\noverflow-wrap:anywhere;\r\n\r\n}\r\n\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.instrument-intro p{\r\n\r\nfont-size:17px;\r\n\r\ncolor:#444;\r\n\r\ntext-align:justify;\r\n\r\nmargin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* GRILLE *\/\r\n\r\n.instrument-grid{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n\r\ngap:20px;\r\n\r\nmargin-top:40px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* CARTES *\/\r\n\r\n.instrument-card{\r\n\r\nbackground:#f8fbff;\r\n\r\nborder:1px solid #dce8f5;\r\n\r\nborder-radius:14px;\r\n\r\ntransition:.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.instrument-card:hover{\r\n\r\ntransform:translateY(-5px);\r\n\r\nbox-shadow:0 10px 25px rgba(0,0,0,.12);\r\n\r\nborder-color:#0d5cab;\r\n\r\n}\r\n\r\n\r\n\r\n\/* LIENS *\/\r\n\r\n.instrument-card a{\r\n\r\ndisplay:block;\r\n\r\npadding:22px;\r\n\r\ntext-decoration:none;\r\n\r\ncolor:inherit;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TITRES *\/\r\n\r\n.instrument-card h3{\r\n\r\nmargin:0 0 12px;\r\n\r\nfont-size:21px;\r\n\r\ncolor:#0d5cab;\r\n\r\nfont-weight:800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TEXTES *\/\r\n\r\n.instrument-card p{\r\n\r\nfont-size:15px;\r\n\r\nline-height:1.6;\r\n\r\ncolor:#444;\r\n\r\nmargin:0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n\r\n.instrument-section{\r\n\r\npadding:25px 10px;\r\n\r\n}\r\n\r\n\r\n.instrument-container{\r\n\r\nmargin:20px auto;\r\n\r\npadding:25px 18px;\r\n\r\nborder-radius:14px;\r\n\r\n}\r\n\r\n\r\n.instrument-title{\r\n\r\nfont-size:26px;\r\n\r\npadding-left:12px;\r\n\r\nborder-left-width:5px;\r\n\r\n}\r\n\r\n\r\n.instrument-intro p{\r\n\r\nfont-size:16px;\r\n\r\ntext-align:left;\r\n\r\n}\r\n\r\n\r\n.instrument-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n.instrument-card h3{\r\n\r\nfont-size:20px;\r\n\r\n}\r\n\r\n.instrument-container{\r\n\r\nwidth:100%;\r\n\r\npadding:25px 18px;\r\n\r\nmargin:20px auto;\r\n\r\n}\r\n\r\n.instrument-title{\r\n\r\nfont-size:25px;\r\n\r\nline-height:1.25;\r\n\r\nword-break:break-word;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ca3399 e-flex e-con-boxed e-con e-parent\" data-id=\"5ca3399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Neutrons Informations g\u00e9n\u00e9rales sur ICONE L\u2019installation ICONE L\u2019installation ICONE offrira aux chercheurs et ing\u00e9nieurs fran\u00e7ais la capacit\u00e9 d\u2019explorer les mat\u00e9riaux gr\u00e2ce aux neutrons. Elle est bas\u00e9e sur : Un acc\u00e9l\u00e9rateur de protons de haute intensit\u00e9 (80 mA) et basse \u00e9nergie (25 MeV) Deux cibles de production et de mod\u00e9ration de neutrons : Haut Flux (2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":391,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":4083,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages\/69\/revisions\/4083"}],"wp:attachment":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}