{"id":4160,"date":"2024-12-26T12:05:29","date_gmt":"2024-12-26T11:05:29","guid":{"rendered":"https:\/\/cyroi.re\/?page_id=4160"},"modified":"2026-04-01T07:21:05","modified_gmt":"2026-04-01T06:21:05","slug":"chimie-analytique-phytochimie","status":"publish","type":"page","link":"https:\/\/cyroi.re\/en\/chimie-analytique-phytochimie\/","title":{"rendered":"Chimie analytique &amp; phytochimie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4160\" class=\"elementor elementor-4160\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-91de3d2 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle\" data-id=\"91de3d2\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-895fc78\" data-id=\"895fc78\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d878ee5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d878ee5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Caract\u00e9risation et analyse des compos\u00e9s biologiques<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-5ca3d4e e-flex e-con-boxed e-con e-parent\" data-id=\"5ca3d4e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0db482 elementor-widget elementor-widget-html\" data-id=\"f0db482\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Unit\u00e9 Analytique CYROI - Refaite -->\n<style>\n  :root {\n    --bleu-nuit: #1c1c68;\n    --bleu-canard: #008f98;\n    --bleu-clair: #a5c3c2;\n    --vert-turquoise: #47b2a2;\n    --orange-corail: #f46b53;\n  }\n  .ua-page-wrapper { font-family: 'Nunito', sans-serif; color: #333; line-height: 1.6; }\n  .ua-content-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n  \/* INTRO *\/\n  .ua-intro-section { padding: 4rem 0 2rem; }\n\n  .ua-intro-header {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 2.5rem;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n  .ua-logo-wrapper img {\n    max-width: 220px;\n    height: auto;\n    display: block;\n  }\n  .ua-intro-titles { text-align: left; }\n  .ua-intro-titles h1 {\n    font-family: 'Raleway', sans-serif;\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: var(--bleu-nuit);\n    margin: 0 0 0.3rem 0;\n    line-height: 1.2;\n  }\n  .ua-intro-titles .ua-subtitle {\n    font-family: 'Nunito', sans-serif;\n    font-size: 1.1rem;\n    color: var(--bleu-canard);\n    margin: 0;\n  }\n\n  .ua-text {\n    max-width: 900px;\n    margin: 0 auto 1.5rem;\n    text-align: justify;\n    font-size: 1.05rem;\n    line-height: 1.7;\n    color: #333;\n  }\n\n  .ua-illustration {\n    width: 100%;\n    max-width: 380px;\n    display: block;\n    margin: 2rem auto;\n    border-radius: 10px;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.1);\n    height: 200px;\n    object-fit: cover;\n  }\n\n  \/* TH\u00c9MATIQUES *\/\n  .ua-thematiques-section { padding: 3rem 0; background-color: #f9f9f9; }\n  .ua-section-title {\n    font-family: 'Raleway', sans-serif;\n    font-size: 2rem;\n    font-weight: 600;\n    color: var(--bleu-canard);\n    text-align: center;\n    margin: 0 0 2.5rem 0;\n  }\n  .ua-thematique-card {\n    background-color: white;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    margin-bottom: 2rem;\n  }\n  .ua-thematique-header { background-color: var(--bleu-nuit); padding: 20px; }\n  .ua-thematique-header h3 {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #fff !important;\n    margin: 0;\n  }\n  .ua-thematique-body { padding: 25px; }\n  .ua-list { margin: 0 0 1.5rem 0; padding: 0; list-style: none; }\n  .ua-list-item { margin-bottom: 0.5rem; position: relative; padding-left: 25px; font-size: 1rem; line-height: 1.6; }\n  .ua-list-item::before { content: \"\u2022\"; position: absolute; left: 0; color: var(--vert-turquoise); font-size: 1.5rem; line-height: 1.2; }\n  .ua-thematique-info { background-color: rgba(165,195,194,0.2); padding: 15px; border-radius: 10px; margin-top: 20px; }\n  .ua-info-item { display: flex; align-items: flex-start; margin-bottom: 10px; }\n  .ua-info-item:last-child { margin-bottom: 0; }\n  .ua-info-label { font-weight: 700; color: var(--bleu-nuit); min-width: 120px; margin-right: 10px; font-size: 0.95rem; }\n  .ua-info-content { flex: 1; font-size: 0.95rem; line-height: 1.5; }\n\n  \/* \u00c9QUIPEMENTS *\/\n  .ua-equipements-section { padding: 4rem 0; background-color: #f9f9f9; }\n  .ua-equipements-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 2rem; }\n  .ua-equipement-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n  .ua-equipement-info { padding: 20px; }\n  .ua-equipement-name { color: var(--bleu-nuit); font-weight: 600; margin-bottom: 10px; font-size: 1.2rem; }\n  .ua-equipement-desc { margin-bottom: 15px; font-size: 0.95rem; line-height: 1.6; color: #333; }\n  .ua-equipement-specs { background-color: #f9f9f9; padding: 15px; border-radius: 8px; font-size: 0.9rem; }\n  .ua-equipement-specs-title { font-weight: 600; color: var(--bleu-canard); margin-bottom: 8px; }\n  .ua-equipement-spec-item { display: flex; align-items: flex-start; margin-bottom: 5px; }\n  .ua-spec-bullet { color: var(--vert-turquoise); margin-right: 8px; font-size: 1.1rem; flex-shrink: 0; }\n\n  @media (max-width: 768px) {\n    .ua-intro-header { flex-direction: column; text-align: center; gap: 20px; }\n    .ua-intro-titles { text-align: center; }\n    .ua-logo-wrapper img { max-width: 160px; }\n    .ua-info-item { flex-direction: column; }\n    .ua-info-label { margin-bottom: 5px; }\n  }\n<\/style>\n\n<div class=\"ua-page-wrapper\">\n\n  <!-- SECTION INTRO -->\n  <section class=\"ua-intro-section\">\n    <div class=\"ua-content-container\">\n\n      <!-- Logo + Titre c\u00f4te \u00e0 c\u00f4te -->\n      <div class=\"ua-intro-header\">\n        <div class=\"ua-logo-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2026\/03\/logo-UA.jpg\" alt=\"Logo Unit\u00e9 Analytique CYROI\" loading=\"lazy\">\n        <\/div>\n        <div class=\"ua-intro-titles\">\n          <h1>Unit\u00e9 de Chimie Analytique du CYROI<\/h1>\n          <p class=\"ua-subtitle\">Plateforme analytique unique dans l'Oc\u00e9an Indien<\/p>\n        <\/div>\n      <\/div>\n\n      <p class=\"ua-text\">Le panel des \u00e9quipements tels que la RMN haute r\u00e9solution 600 MHz et la Spectrom\u00e9trie de Masse (Triple Quadrup\u00f4le et Trappe d'Ion), fait de l'Unit\u00e9 Analytique un outil unique dans l'Oc\u00e9an Indien au service des institutions, des partenaires acad\u00e9miques et des entreprises locales.<\/p>\n\n      <p class=\"ua-text\">Ces instruments particuli\u00e8rement performants et reconnus en chimie analytique pour fournir des informations structurales pour l'identification des compos\u00e9s organiques, sont associ\u00e9s \u00e0 l'exp\u00e9rience et l'expertise de haut niveau afin de r\u00e9aliser des prestations de service dans les 4 th\u00e9matiques principales ci-dessous :<\/p>\n\n      <!-- Image r\u00e9duite -->\n      <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2025\/08\/IMG_0756-scaled.jpg\" alt=\"Laboratoire Unit\u00e9 Analytique CYROI\" loading=\"lazy\" style=\"display:block !important; max-width:380px !important; width:100% !important; height:200px !important; object-fit:cover !important; margin:2rem auto !important; border-radius:10px !important; box-shadow:0 5px 20px rgba(0,0,0,0.1) !important;\">\n\n    <\/div>\n  <\/section>\n\n  <!-- SECTION TH\u00c9MATIQUES -->\n  <section id=\"thematiques\" class=\"ua-thematiques-section\">\n    <div class=\"ua-content-container\">\n      <h2 class=\"ua-section-title\">NOS TH\u00c9MATIQUES<\/h2>\n\n      <div class=\"ua-thematique-card\">\n        <div class=\"ua-thematique-header\">\n          <h3>Th\u00e9matique des ar\u00f4mes et des senteurs<\/h3>\n        <\/div>\n        <div class=\"ua-thematique-body\">\n          <ul class=\"ua-list\">\n            <li class=\"ua-list-item\">Etude qualitative de la composition chimique des huiles essentielles,<\/li>\n            <li class=\"ua-list-item\">Analyse de l'espace t\u00eate statique (headspace) des plantes aromatiques,<\/li>\n            <li class=\"ua-list-item\">D\u00e9termination des substances organiques par la Micro-Extraction en Phase Solide coupl\u00e9e \u00e0 la spectrom\u00e9trie de masse (SPME-GC-MS\/MS),<\/li>\n            <li class=\"ua-list-item\">Mise en \u00e9vidence de signature chimique (ex. marqueur) par la cartographie de compos\u00e9s organiques.<\/li>\n          <\/ul>\n          <div class=\"ua-thematique-info\">\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Partenaires :<\/div>\n              <div class=\"ua-info-content\">APLAMEDOM, UMR-PVBMT, la Vanilleraie.<\/div>\n            <\/div>\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Equipement :<\/div>\n              <div class=\"ua-info-content\">Chromatographie Gazeuse coupl\u00e9e \u00e0 la Spectrom\u00e9trie de Masse \u00e0 trappe d'ions (GC-MS\/MS).<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ua-thematique-card\">\n        <div class=\"ua-thematique-header\">\n          <h3>Th\u00e9matique de l'agroalimentaire<\/h3>\n        <\/div>\n        <div class=\"ua-thematique-body\">\n          <p class=\"ua-text\" style=\"margin: 0 0 1.5rem 0;\">D\u00e9pistage de r\u00e9sidus m\u00e9dicamenteux (ex. antibiotiques) \u00e0 usage v\u00e9t\u00e9rinaire dans les fluides biologiques de l'animal et dans du jus de viande.<\/p>\n          <div class=\"ua-thematique-info\">\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Partenaires :<\/div>\n              <div class=\"ua-info-content\">Qualireg, CIRAD.<\/div>\n            <\/div>\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Equipement :<\/div>\n              <div class=\"ua-info-content\">Chromatographie Liquide coupl\u00e9e \u00e0 la Spectrom\u00e9trie de Masse en tandem (LC-MS\/MS).<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ua-thematique-card\">\n        <div class=\"ua-thematique-header\">\n          <h3>Th\u00e9matique de la toxicologie analytique<\/h3>\n        <\/div>\n        <div class=\"ua-thematique-body\">\n          <ul class=\"ua-list\">\n            <li class=\"ua-list-item\">Le dosage des stup\u00e9fiants et des psychotropes dans le sang humain,<\/li>\n            <li class=\"ua-list-item\">Accompagn\u00e9 de l'expertise judiciaire uniquement sur r\u00e9quisition du Minist\u00e8re de la Justice.<\/li>\n          <\/ul>\n          <div class=\"ua-thematique-info\">\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Partenaires :<\/div>\n              <div class=\"ua-info-content\">Le Minist\u00e8re de la justice.<\/div>\n            <\/div>\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Equipement :<\/div>\n              <div class=\"ua-info-content\">LC-MS\/MS.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ua-thematique-card\">\n        <div class=\"ua-thematique-header\">\n          <h3>Th\u00e9matique de l'environnement<\/h3>\n        <\/div>\n        <div class=\"ua-thematique-body\">\n          <ul class=\"ua-list\">\n            <li class=\"ua-list-item\">Identification et quantification des pesticides dans l'eau destin\u00e9e \u00e0 la consommation humaine (eaux de surface et souterraine).<\/li>\n          <\/ul>\n          <div class=\"ua-thematique-info\">\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Partenaires :<\/div>\n              <div class=\"ua-info-content\">Office De l'Eau, CISE R\u00e9union.<\/div>\n            <\/div>\n            <div class=\"ua-info-item\">\n              <div class=\"ua-info-label\">Equipement :<\/div>\n              <div class=\"ua-info-content\">LC-MS\/MS.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- SECTION \u00c9QUIPEMENTS -->\n  <section id=\"equipements\" class=\"ua-equipements-section\">\n    <div class=\"ua-content-container\">\n      <h2 class=\"ua-section-title\">NOS \u00c9QUIPEMENTS<\/h2>\n      <div class=\"ua-equipements-grid\">\n\n        <div class=\"ua-equipement-card\">\n          <div class=\"ua-equipement-info\">\n            <div class=\"ua-equipement-name\">RMN Haute R\u00e9solution 600 MHz<\/div>\n            <div class=\"ua-equipement-desc\">Spectrom\u00e8tre de R\u00e9sonance Magn\u00e9tique Nucl\u00e9aire permettant l'analyse structurale des compos\u00e9s organiques.<\/div>\n            <div class=\"ua-equipement-specs\">\n              <div class=\"ua-equipement-specs-title\">Caract\u00e9ristiques techniques :<\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Aimant supraconducteur \u00e0 haut champ<\/span><\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Analyses 1H, 13C et bidimensionnelles<\/span><\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Haute sensibilit\u00e9 pour des structures complexes<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ua-equipement-card\">\n          <div class=\"ua-equipement-info\">\n            <div class=\"ua-equipement-name\">Spectrom\u00e9trie de Masse Triple Quadrup\u00f4le<\/div>\n            <div class=\"ua-equipement-desc\">Syst\u00e8me LC-MS\/MS permettant la d\u00e9tection et la quantification pr\u00e9cise de substances \u00e0 l'\u00e9tat de traces.<\/div>\n            <div class=\"ua-equipement-specs\">\n              <div class=\"ua-equipement-specs-title\">Caract\u00e9ristiques techniques :<\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Haute s\u00e9lectivit\u00e9 et sensibilit\u00e9<\/span><\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Limite de d\u00e9tection \u00e0 l'\u00e9chelle du ppb<\/span><\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Couplage avec chromatographie liquide<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ua-equipement-card\">\n          <div class=\"ua-equipement-info\">\n            <div class=\"ua-equipement-name\">Spectrom\u00e9trie de Masse \u00e0 Trappe d'Ion<\/div>\n            <div class=\"ua-equipement-desc\">Syst\u00e8me GC-MS\/MS sp\u00e9cialis\u00e9 dans l'identification des compos\u00e9s volatils et les analyses de fragmentation.<\/div>\n            <div class=\"ua-equipement-specs\">\n              <div class=\"ua-equipement-specs-title\">Caract\u00e9ristiques techniques :<\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Analyses MS\u00b2 et MS\u00b3 pour l'\u00e9lucidation structurale<\/span><\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Couplage avec chromatographie gazeuse<\/span><\/div>\n              <div class=\"ua-equipement-spec-item\"><span class=\"ua-spec-bullet\">\u2713<\/span><span>Id\u00e9al pour les huiles essentielles et compos\u00e9s volatils<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\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-7886a20 e-flex e-con-boxed e-con e-parent\" data-id=\"7886a20\" data-element_type=\"container\" id=\"projets\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce0f31b elementor-widget elementor-widget-html\" data-id=\"ce0f31b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SECTION PROJETS - CHIMIE ANALYTIQUE - GIP CYROI\n     Syst\u00e8me toggle accord\u00e9on - Widget HTML Elementor\n     ============================================================\n\n     INSTRUCTIONS D'INT\u00c9GRATION :\n     - Coller l'int\u00e9gralit\u00e9 dans un widget HTML Elementor\n     - Pour ajouter un 2e projet : dupliquer le bloc .chimieana-toggle-card\n       et incr\u00e9menter l'ID (chimieana-card-2 \/ chimieana-body-2)\n     - Le CSS et le JS ne sont n\u00e9cessaires qu'une seule fois par page\n\n     ============================================================ -->\n\n<style>\n\/* Variables CSS *\/\n:root {\n    --bleu-nuit: #1c1c68;\n    --bleu-canard: #008f98;\n    --bleu-clair: #a5c3c2;\n    --vert-turquoise: #47b2a2;\n    --orange-corail: #f46b53;\n}\n\n\/* ========== WRAPPER PRINCIPAL ========== *\/\n.chimieana-wrapper {\n    font-family: 'Nunito', sans-serif;\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n    padding: 60px 0;\n}\n\n.chimieana-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* ========== TITRE DE SECTION ========== *\/\n.chimieana-wrapper .chimieana-main-title {\n    font-family: 'Raleway', sans-serif !important;\n    font-size: 2.5rem !important;\n    font-weight: 700 !important;\n    color: var(--bleu-nuit) !important;\n    text-align: center !important;\n    margin: 0 0 50px 0 !important;\n    line-height: 1.2 !important;\n    position: relative !important;\n}\n\n.chimieana-wrapper .chimieana-main-title::after {\n    content: '';\n    display: block;\n    width: 80px;\n    height: 4px;\n    background: var(--bleu-nuit);\n    margin: 15px auto 0;\n    border-radius: 2px;\n}\n\n\/* ========== TOGGLE CARD ========== *\/\n.chimieana-toggle-card {\n    margin-bottom: 20px;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n    border-top: 5px solid var(--bleu-nuit);\n    opacity: 0;\n    animation: chimieanaFadeUp 0.6s ease forwards;\n    transition: box-shadow 0.3s ease;\n}\n\n.chimieana-toggle-card:nth-child(2) { animation-delay: 0.1s; }\n.chimieana-toggle-card:nth-child(3) { animation-delay: 0.2s; }\n.chimieana-toggle-card:nth-child(4) { animation-delay: 0.3s; }\n\n.chimieana-toggle-card:hover {\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.14);\n}\n\n\/* Variante couleur pour les projets suivants *\/\n.chimieana-toggle-card:nth-child(3) .chimieana-toggle-header {\n    background-color: var(--bleu-canard);\n}\n.chimieana-toggle-card:nth-child(3) .chimieana-toggle-header:hover {\n    background-color: #007980;\n}\n.chimieana-toggle-card:nth-child(3) {\n    border-top-color: var(--bleu-canard);\n}\n\n.chimieana-toggle-card:nth-child(4) .chimieana-toggle-header {\n    background-color: var(--vert-turquoise);\n}\n.chimieana-toggle-card:nth-child(4) .chimieana-toggle-header:hover {\n    background-color: #3a9e8f;\n}\n.chimieana-toggle-card:nth-child(4) {\n    border-top-color: var(--vert-turquoise);\n}\n\n\/* ========== EN-T\u00caTE CLIQUABLE ========== *\/\n.chimieana-toggle-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    padding: 25px 30px;\n    background-color: var(--bleu-nuit);\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.3s ease;\n}\n\n.chimieana-toggle-header:hover {\n    background-color: #151554;\n}\n\n.chimieana-toggle-title-group {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    flex: 1;\n    min-width: 0;\n}\n\n.chimieana-toggle-icon-badge {\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.chimieana-toggle-icon-badge svg {\n    width: 22px;\n    height: 22px;\n    fill: white;\n}\n\n.chimieana-toggle-card-title {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.4rem;\n    color: white;\n    font-weight: 700;\n    margin: 0;\n    position: relative;\n    padding-left: 18px;\n    line-height: 1.3;\n}\n\n.chimieana-toggle-card-title::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 22px;\n    background-color: var(--orange-corail);\n    border-radius: 4px;\n}\n\n.chimieana-toggle-summary {\n    color: rgba(255, 255, 255, 0.75);\n    font-size: 0.9rem;\n    font-family: 'Nunito', sans-serif;\n    margin: 6px 0 0 18px;\n    font-style: italic;\n    transition: opacity 0.3s ease;\n}\n\n.chimieana-toggle-card.is-open .chimieana-toggle-summary {\n    opacity: 0;\n    height: 0;\n    overflow: hidden;\n    margin: 0;\n}\n\n\/* Chevron anim\u00e9 *\/\n.chimieana-chevron {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: background-color 0.3s ease;\n}\n\n.chimieana-chevron svg {\n    width: 18px;\n    height: 18px;\n    fill: white;\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.chimieana-toggle-card.is-open .chimieana-chevron {\n    background-color: rgba(255, 255, 255, 0.3);\n}\n\n.chimieana-toggle-card.is-open .chimieana-chevron svg {\n    transform: rotate(180deg);\n}\n\n\/* ========== CORPS DU CONTENU ========== *\/\n.chimieana-toggle-body {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    background: white;\n}\n\n.chimieana-toggle-card.is-open .chimieana-toggle-body {\n    max-height: 4000px;\n}\n\n.chimieana-toggle-body-inner {\n    padding: 30px;\n}\n\n\/* ========== IMAGE PROJET ========== *\/\n.chimieana-project-visual {\n    width: 100%;\n    height: 220px;\n    overflow: hidden;\n    border-radius: 10px;\n    margin-bottom: 25px;\n}\n\n.chimieana-project-visual img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.chimieana-toggle-card:hover .chimieana-project-visual img {\n    transform: scale(1.04);\n}\n\n\/* ========== TEXTES ========== *\/\n.chimieana-description-text {\n    margin-bottom: 20px;\n    line-height: 1.75;\n    font-size: 1.05rem;\n    color: #333;\n}\n\n\/* ========== SOUS-TITRES INTERNES ========== *\/\n.chimieana-section-subtitle {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.15rem;\n    color: var(--bleu-nuit);\n    margin: 25px 0 12px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    line-height: 1.3;\n}\n\n.chimieana-section-subtitle svg {\n    width: 20px;\n    height: 20px;\n    fill: var(--orange-corail);\n    flex-shrink: 0;\n}\n\n\/* ========== LISTES ========== *\/\n.chimieana-list {\n    list-style: none;\n    padding: 0 0 0 10px;\n    margin: 10px 0 20px;\n}\n\n.chimieana-list li {\n    position: relative;\n    padding-left: 22px;\n    margin-bottom: 12px;\n    line-height: 1.65;\n    font-size: 1.05rem;\n}\n\n.chimieana-list li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 9px;\n    width: 9px;\n    height: 9px;\n    background-color: var(--bleu-nuit);\n    border-radius: 50%;\n}\n\n\/* ========== VID\u00c9O INT\u00c9GR\u00c9E ========== *\/\n.chimieana-video-wrapper {\n    position: relative;\n    width: 100%;\n    margin: 20px 0 30px 0;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n}\n\n.chimieana-video-wrapper::before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n}\n\n.chimieana-video-wrapper iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n\n\/* ========== LOGOS FINANCEMENT ========== *\/\n.chimieana-funding-label {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--bleu-nuit);\n    margin: 25px 0 15px;\n    font-style: italic;\n    line-height: 1.5;\n}\n\n.chimieana-funding-logos {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 20px;\n    flex-wrap: wrap;\n    margin-bottom: 10px;\n}\n\n.chimieana-funding-logo {\n    height: auto;\n    max-height: 80px;\n    width: auto;\n    max-width: 210px;\n    object-fit: contain;\n    transition: transform 0.3s ease;\n}\n\n.chimieana-funding-logo[alt*=\"INTERREG\"] {\n    max-width: 250px;\n}\n\n.chimieana-funding-logo[alt*=\"R\u00e9gion\"] {\n    max-width: 210px;\n}\n\n.chimieana-funding-logo[alt*=\"Pr\u00e9fecture\"] {\n    max-width: 150px;\n}\n\n.chimieana-funding-logo:hover {\n    transform: scale(1.05);\n}\n\n\/* ========== ANIMATION ========== *\/\n@keyframes chimieanaFadeUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 768px) {\n    .chimieana-wrapper .chimieana-main-title { font-size: 1.9rem !important; }\n    .chimieana-toggle-header { padding: 20px; gap: 12px; }\n    .chimieana-toggle-card-title { font-size: 1.15rem; }\n    .chimieana-toggle-body-inner { padding: 20px; }\n    .chimieana-project-visual { height: 180px; }\n    .chimieana-funding-logos { justify-content: center; }\n    .chimieana-funding-logo { max-height: 60px; }\n}\n\n@media (max-width: 480px) {\n    .chimieana-toggle-icon-badge { display: none; }\n    .chimieana-toggle-card-title { font-size: 1.05rem; }\n}\n<\/style>\n\n<!-- ============================================================\n     HTML PRINCIPAL\n     ============================================================ -->\n<div class=\"chimieana-wrapper\">\n    <div class=\"chimieana-container\">\n\n        <h2 class=\"chimieana-main-title fade-in\">NOS PROJETS DE RECHERCHE<\/h2>\n\n        <!-- ====================================================\n             PROJET 1 \u2014 Prop'OMiel\n             ==================================================== -->\n        <div class=\"chimieana-toggle-card is-open\" id=\"chimieana-card-1\">\n\n            <div class=\"chimieana-toggle-header\"\n                 onclick=\"chimieanaToggle('chimieana-card-1')\"\n                 role=\"button\"\n                 aria-expanded=\"true\"\n                 aria-controls=\"chimieana-body-1\">\n\n                <div class=\"chimieana-toggle-title-group\">\n                    <div>\n                        <h3 class=\"chimieana-toggle-card-title\">Projet Prop'OMiel<\/h3>\n                        <p class=\"chimieana-toggle-summary\">\u00c9tude, caract\u00e9risation et valorisation des produits de la ruche dans l'oc\u00e9an Indien \u2014 INTERREG VI Oc\u00e9an Indien<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"chimieana-chevron\" aria-hidden=\"true\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                        <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n                    <\/svg>\n                <\/div>\n            <\/div>\n\n            <!-- Corps du contenu -->\n            <div class=\"chimieana-toggle-body\" id=\"chimieana-body-1\" role=\"region\">\n                <div class=\"chimieana-toggle-body-inner\">\n\n                    <div class=\"chimieana-project-visual\">\n                        <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2025\/06\/b2f7df8d-fcd5-4ae2-a4c7-fba3d6bf0f95-scaled.jpg\" alt=\"Projet Prop'OMiel - Ruches exp\u00e9rimentales\" loading=\"lazy\">\n                    <\/div>\n\n                    <h4 class=\"chimieana-section-subtitle\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1-2.3A4.49 4.49 0 0 0 8 20C19 20 22 3 22 3c-1 2-8 2-13 2 5-3 8-2 9-2 0-2-9.7-.5-13.5 7.5C5.5 6 7 5 8 5c-.17.17-2 2-2 5s2 4 2 4c1-1 2-2 2.5-5C12 13 9 20 9 20h-.5C11.5 13 15 10 17 8z\"\/><\/svg>\n                        Une innovation au service de la biodiversit\u00e9\n                    <\/h4>\n\n                    <p class=\"chimieana-description-text\">\n                        <strong>Au c\u0153ur de l'oc\u00e9an Indien, une innovation scientifique majeure transforme la pr\u00e9servation de la biodiversit\u00e9 en opportunit\u00e9 \u00e9conomique durable.<\/strong>\n                    <\/p>\n                    <p class=\"chimieana-description-text\">\n                        <strong>Le projet Prop'O Miel vise \u00e0 \u00e9tudier, caract\u00e9riser et valoriser les produits de la ruche dans l'oc\u00e9an Indien.<\/strong> Port\u00e9 par le CYROI, il repose sur <strong>des ruches exp\u00e9rimentales<\/strong> r\u00e9parties entre La R\u00e9union, les Seychelles et les Comores pour comparer l'impact des diff\u00e9rents \u00e9cosyst\u00e8mes insulaires sur les signatures mol\u00e9culaires des produits apicoles.\n                    <\/p>\n                    <p class=\"chimieana-description-text\">\n                        <strong>L'Unit\u00e9 de Chimie Analytique du CYROI mobilise son expertise<\/strong> pour caract\u00e9riser les signatures mol\u00e9culaires des produits apicoles, \u00e9valuer leurs propri\u00e9t\u00e9s biologiques, d\u00e9velopper des biblioth\u00e8ques de r\u00e9f\u00e9rence r\u00e9gionales et mettre en place des outils de tra\u00e7abilit\u00e9 structur\u00e9s.\n                    <\/p>\n\n                    <h4 class=\"chimieana-section-subtitle\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z\"\/><\/svg>\n                        Nos objectifs\n                    <\/h4>\n                    <p class=\"chimieana-description-text\">Le projet vise \u00e0 r\u00e9pondre \u00e0 des enjeux majeurs \u00e0 travers quatre axes strat\u00e9giques :<\/p>\n                    <ul class=\"chimieana-list\">\n                        <li><strong>Pr\u00e9server la biodiversit\u00e9 mellif\u00e8re<\/strong> et les \u00e9cosyst\u00e8mes tropicaux insulaires<\/li>\n                        <li><strong>Analyser l'impact des \u00e9cosyst\u00e8mes<\/strong> sur la qualit\u00e9 et les propri\u00e9t\u00e9s des produits de la ruche<\/li>\n                        <li><strong>Soutenir le d\u00e9veloppement de fili\u00e8res apicoles durables<\/strong> \u00e0 fort potentiel de valorisation (sant\u00e9, environnement, agroalimentaire)<\/li>\n                        <li><strong>Favoriser la coop\u00e9ration scientifique r\u00e9gionale<\/strong> via la formation, le transfert de comp\u00e9tences et une approche collaborative<\/li>\n                    <\/ul>\n\n                    <h4 class=\"chimieana-section-subtitle\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\n                        Un r\u00e9seau de collaboration exceptionnel\n                    <\/h4>\n                    <p class=\"chimieana-description-text\"><strong>25 partenaires<\/strong> \u00e0 travers 3 territoires collaborent dans une approche participative :<\/p>\n                    <ul class=\"chimieana-list\">\n                        <li>Universitaires et scientifiques<\/li>\n                        <li>Fili\u00e8re apicole et associations<\/li>\n                        <li>Producteurs locaux<\/li>\n                        <li>Institutions territoriales<\/li>\n                    <\/ul>\n                    <p class=\"chimieana-description-text\">Cette compl\u00e9mentarit\u00e9 d'expertises garantit la co-construction de solutions durables et le transfert effectif des comp\u00e9tences.<\/p>\n\n                    <h4 class=\"chimieana-section-subtitle\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"\/><\/svg>\n                        Prop'OMiel mis \u00e0 l'honneur dans Loca'Terre\n                    <\/h4>\n\n                    <p class=\"chimieana-description-text\">Une immersion dans les travaux men\u00e9s au sein de l'unit\u00e9 analytique, avec notamment l'intervention de Jennyfer Yong Sang, co-porteuse du projet.<\/p>\n                    <p class=\"chimieana-description-text\">Reportage extrait de l'\u00e9mission Loca'Terre \u2013 diffus\u00e9e sur R\u00e9union La 1\u00e8re (France T\u00e9l\u00e9visions), produite par Blabla Prod.<\/p>\n\n                    <div class=\"chimieana-video-wrapper\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/FDvVUQoCT2s\"\n                            title=\"Loca'Terre - Prop'OMiel - La 1\u00e8re R\u00e9union\"\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                            allowfullscreen\n                            loading=\"lazy\">\n                        <\/iframe>\n                    <\/div>\n\n                    <p class=\"chimieana-funding-label\">\n                        Ce projet est financ\u00e9 par l'Union europ\u00e9enne dans le cadre du programme INTERREG VI Oc\u00e9an Indien, dont l'autorit\u00e9 de gestion est la R\u00e9gion R\u00e9union.\n                    <\/p>\n                    <div class=\"chimieana-funding-logos\">\n                        <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2024\/11\/interreg_vi_fr.jpg\" alt=\"Logo INTERREG VI\" class=\"chimieana-funding-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2024\/11\/Logo-REGION-REUNION-site-rr_quadri.jpg\" alt=\"Logo R\u00e9gion R\u00e9union\" class=\"chimieana-funding-logo\">\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- FIN PROJET 1 \u2014 Prop'OMiel -->\n\n        <!-- ====================================================\n             AJOUTER UN NOUVEAU PROJET ICI\n             Dupliquer le bloc ci-dessous et incr\u00e9menter les IDs :\n             chimieana-card-2 \/ chimieana-body-2, etc.\n             ==================================================== -->\n        <!--\n        <div class=\"chimieana-toggle-card\" id=\"chimieana-card-2\">\n            <div class=\"chimieana-toggle-header\"\n                 onclick=\"chimieanaToggle('chimieana-card-2')\"\n                 role=\"button\"\n                 aria-expanded=\"false\"\n                 aria-controls=\"chimieana-body-2\">\n                <div class=\"chimieana-toggle-title-group\">\n                    <div class=\"chimieana-toggle-icon-badge\">\n                        [SVG IC\u00d4NE]\n                    <\/div>\n                    <div>\n                        <h3 class=\"chimieana-toggle-card-title\">[NOM DU PROJET]<\/h3>\n                        <p class=\"chimieana-toggle-summary\">[Phrase d'accroche courte]<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"chimieana-chevron\" aria-hidden=\"true\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                        <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n                    <\/svg>\n                <\/div>\n            <\/div>\n            <div class=\"chimieana-toggle-body\" id=\"chimieana-body-2\" role=\"region\">\n                <div class=\"chimieana-toggle-body-inner\">\n                    [CONTENU DU PROJET]\n                <\/div>\n            <\/div>\n        <\/div>\n        -->\n\n    <\/div>\n<\/div>\n\n<!-- ============================================================\n     JAVASCRIPT TOGGLE\n     ============================================================ -->\n<script>\nfunction chimieanaToggle(cardId) {\n    var card = document.getElementById(cardId);\n    if (!card) return;\n    var isOpen = card.classList.contains('is-open');\n    var header = card.querySelector('.chimieana-toggle-header');\n    if (isOpen) {\n        card.classList.remove('is-open');\n        if (header) header.setAttribute('aria-expanded', 'false');\n    } else {\n        card.classList.add('is-open');\n        if (header) header.setAttribute('aria-expanded', 'true');\n    }\n}\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    var headers = document.querySelectorAll('.chimieana-toggle-header');\n    headers.forEach(function (header) {\n        header.setAttribute('tabindex', '0');\n        header.addEventListener('keydown', function (e) {\n            if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                header.click();\n            }\n        });\n    });\n});\n<\/script>\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-b7dd7fe e-flex e-con-boxed e-con e-parent\" data-id=\"b7dd7fe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4b7c6d elementor-widget elementor-widget-html\" data-id=\"d4b7c6d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section \u00c9quipe CYROI - Compatible avec M\u00e9ga Menu -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@400;500;600;700&family=Nunito:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* ========== VARIABLES CSS ========== *\/\n    :root {\n        --bleu-nuit: #1c1c68;\n        --bleu-clair: #a5c3c2;\n        --bleu-canard: #008f98;\n        --vert-turquoise: #47b2a2;\n        --orange-corail: #f46b53;\n    }\n    \n    \/* ========== WRAPPER PRINCIPAL \u00c9QUIPE - ISOLATION TOTALE ========== *\/\n    .team-page-wrapper {\n        font-family: 'Nunito', sans-serif;\n        color: #333;\n        line-height: 1.6;\n        background-color: #f9f9f9;\n        padding: 60px 0;\n    }\n    \n    \/* Conteneur centralis\u00e9 *\/\n    .team-content-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n    \n    \/* ========== TITRE DE SECTION ========== *\/\n    .team-page-wrapper .team-main-title {\n        font-family: 'Raleway', sans-serif !important;\n        font-size: 2.5rem !important;\n        font-weight: 700 !important;\n        color: var(--bleu-nuit) !important;\n        text-align: center !important;\n        margin: 0 0 50px 0 !important;\n        position: relative !important;\n        line-height: 1.2 !important;\n    }\n    \n    .team-page-wrapper .team-main-title::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 4px;\n        background: var(--bleu-nuit);\n        margin: 15px auto 0;\n        border-radius: 2px;\n    }\n    \n    \/* ========== GRILLE DES MEMBRES ========== *\/\n    .team-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n    }\n    \n    \/* ========== CARTE MEMBRE ========== *\/\n    .team-member-card {\n        width: calc(33.33% - 30px);\n        min-width: 250px;\n        background: white;\n        border-radius: 10px;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border-top: 4px solid var(--bleu-nuit);\n        opacity: 0;\n        transform: translateY(20px);\n        animation: fadeInUp 0.6s ease forwards;\n    }\n    \n    .team-member-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.15);\n    }\n    \n    \/* ========== IMAGE MEMBRE ========== *\/\n    .team-member-image {\n        height: 250px;\n        width: 100%;\n        overflow: hidden;\n        background-color: var(--bleu-clair);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n    \n    .team-member-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n    \n    .team-member-card:hover .team-member-image img {\n        transform: scale(1.05);\n    }\n    \n    \/* Placeholder pour images manquantes *\/\n    .team-member-image::before {\n        content: '';\n        position: absolute;\n        width: 80px;\n        height: 80px;\n        background-color: var(--bleu-nuit);\n        border-radius: 50%;\n        opacity: 0.3;\n    }\n    \n    .team-member-image::after {\n        content: '\\f007';\n        font-family: 'Font Awesome 6 Free';\n        font-weight: 900;\n        position: absolute;\n        font-size: 50px;\n        color: white;\n        z-index: 1;\n    }\n    \n    \/* Cacher le placeholder si une vraie image est pr\u00e9sente *\/\n    .team-member-image.has-image::before,\n    .team-member-image.has-image::after {\n        display: none;\n    }\n    \n    \/* ========== INFO MEMBRE ========== *\/\n    .team-member-info {\n        padding: 20px;\n    }\n    \n    .team-member-name {\n        font-family: 'Raleway', sans-serif;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin: 0 0 5px 0;\n        color: var(--bleu-nuit);\n        line-height: 1.3;\n    }\n    \n    .team-member-role {\n        font-family: 'Nunito', sans-serif;\n        font-size: 1rem;\n        color: var(--bleu-canard);\n        font-style: italic;\n        margin: 0 0 15px 0;\n        line-height: 1.4;\n    }\n    \n    \/* ========== BOUTON CONTACT ========== *\/\n    .team-contact-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        background-color: var(--bleu-nuit);\n        color: white;\n        border-radius: 50%;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        font-size: 16px;\n    }\n    \n    .team-contact-btn:hover {\n        background-color: var(--bleu-canard);\n        transform: scale(1.1);\n    }\n    \n    \/* ========== ANIMATIONS ========== *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .team-member-card:nth-child(1) { animation-delay: 0.1s; }\n    .team-member-card:nth-child(2) { animation-delay: 0.2s; }\n    .team-member-card:nth-child(3) { animation-delay: 0.3s; }\n    .team-member-card:nth-child(4) { animation-delay: 0.4s; }\n    .team-member-card:nth-child(5) { animation-delay: 0.5s; }\n    .team-member-card:nth-child(6) { animation-delay: 0.6s; }\n    \n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 992px) {\n        .team-member-card {\n            width: calc(50% - 20px);\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .team-page-wrapper .team-main-title {\n            font-size: 2rem !important;\n        }\n        \n        .team-member-card {\n            width: calc(50% - 15px);\n        }\n    }\n    \n    @media (max-width: 576px) {\n        .team-member-card {\n            width: 100%;\n            min-width: unset;\n        }\n        \n        .team-page-wrapper .team-main-title {\n            font-size: 1.8rem !important;\n        }\n        \n        .team-member-image {\n            height: 200px;\n        }\n    }\n<\/style>\n\n<!-- Wrapper principal pour isoler totalement le contenu -->\n<div class=\"team-page-wrapper\">\n    <div class=\"team-content-container\">\n        <h2 class=\"team-main-title\">L'\u00c9QUIPE<\/h2>\n        \n        <div class=\"team-grid\">\n            <!-- Membre 1 : Jimmy Chane-Ming -->\n            <div class=\"team-member-card\">\n                <div class=\"team-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/a5c3c2\/1c1c68?text=JCM\" alt=\"Jimmy Chane-Ming\">\n                <\/div>\n                <div class=\"team-member-info\">\n                    <h3 class=\"team-member-name\">Jimmy Chane-Ming<\/h3>\n                    <p class=\"team-member-role\">Responsable de l'unit\u00e9 analytique<\/p>\n                    <a href=\"mailto:j.chaneming@cyroi.fr\" class=\"team-contact-btn\" aria-label=\"Contacter Jimmy Chane-Ming\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Membre 2 : Jennyfer Yong-Sang -->\n            <div class=\"team-member-card\">\n                <div class=\"team-member-image has-image\">\n                    <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2025\/08\/A7R00198-scaled.jpeg\" alt=\"Jennyfer Yong-Sang\">\n                <\/div>\n                <div class=\"team-member-info\">\n                    <h3 class=\"team-member-name\">Jennyfer Yong-Sang<\/h3>\n                    <p class=\"team-member-role\">Ing\u00e9nieure de recherche<\/p>\n                    <a href=\"mailto:j.yongsang@cyroi.fr\" class=\"team-contact-btn\" aria-label=\"Contacter Jennyfer Yong-Sang\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Membre 3 : Maxime Picard -->\n            <div class=\"team-member-card\">\n                <div class=\"team-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/a5c3c2\/1c1c68?text=MP\" alt=\"Maxime Picard\">\n                <\/div>\n                <div class=\"team-member-info\">\n                    <h3 class=\"team-member-name\">Maxime Picard<\/h3>\n                    <p class=\"team-member-role\">Ing\u00e9nieur d'\u00e9tudes<\/p>\n                    <a href=\"mailto:m.picard@cyroi.fr\" class=\"team-contact-btn\" aria-label=\"Contacter Maxime Picard\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Membre 4 : David Hoarau -->\n            <div class=\"team-member-card\">\n                <div class=\"team-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/a5c3c2\/1c1c68?text=DH\" alt=\"David Hoarau\">\n                <\/div>\n                <div class=\"team-member-info\">\n                    <h3 class=\"team-member-name\">David Hoarau<\/h3>\n                    <p class=\"team-member-role\">Ing\u00e9nieur d'\u00e9tudes<\/p>\n                    <a href=\"mailto:d.hoarau@cyroi.fr\" class=\"team-contact-btn\" aria-label=\"Contacter David Hoarau\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Membre 5 : Williams Perianin -->\n            <div class=\"team-member-card\">\n                <div class=\"team-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/a5c3c2\/1c1c68?text=WP\" alt=\"Williams Perianin\">\n                <\/div>\n                <div class=\"team-member-info\">\n                    <h3 class=\"team-member-name\">Williams Perianin<\/h3>\n                    <p class=\"team-member-role\">Technicien<\/p>\n                    <a href=\"mailto:w.perianin@cyroi.fr\" class=\"team-contact-btn\" aria-label=\"Contacter Williams Perianin\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Membre 6 : Fran\u00e7ois P\u00e9dinielli -->\n            <div class=\"team-member-card\">\n                <div class=\"team-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/a5c3c2\/1c1c68?text=WP\" alt=\"Fran\u00e7ois P\u00e9dinielli\">\n                <\/div>\n                <div class=\"team-member-info\">\n                    <h3 class=\"team-member-name\">Fran\u00e7ois P\u00e9dinielli<\/h3>\n                    <p class=\"team-member-role\">Ing\u00e9nieur de recherche<\/p>\n                    <a href=\"mailto:f.pedinielli@cyroi.fr\" class=\"team-contact-btn\" aria-label=\"Contacter Fran\u00e7ois P\u00e9dinielli\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ Script pour ajouter la classe 'has-image' si l'image est charg\u00e9e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const teamImages = document.querySelectorAll('.team-member-image img');\n    teamImages.forEach(img => {\n        if (img.complete && img.naturalWidth > 0) {\n            img.parentElement.classList.add('has-image');\n        }\n        img.addEventListener('load', function() {\n            this.parentElement.classList.add('has-image');\n        });\n    });\n});\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Caract\u00e9risation et analyse des compos\u00e9s biologiques Unit\u00e9 de Chimie Analytique du CYROI Plateforme analytique unique dans l&rsquo;Oc\u00e9an Indien Le panel des \u00e9quipements tels que la RMN haute r\u00e9solution 600 MHz et la Spectrom\u00e9trie de Masse (Triple Quadrup\u00f4le et Trappe d&rsquo;Ion), fait de l&rsquo;Unit\u00e9 Analytique un outil unique dans l&rsquo;Oc\u00e9an Indien au service des institutions, des [&hellip;]<\/p>\n","protected":false},"author":1904,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-4160","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Chimie analytique &amp; phytochimie - CYROI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cyroi.re\/en\/chimie-analytique-phytochimie\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chimie analytique &amp; phytochimie - CYROI\" \/>\n<meta property=\"og:description\" content=\"Caract\u00e9risation et analyse des compos\u00e9s biologiques Unit\u00e9 de Chimie Analytique du CYROI Plateforme analytique unique dans l&rsquo;Oc\u00e9an Indien Le panel des \u00e9quipements tels que la RMN haute r\u00e9solution 600 MHz et la Spectrom\u00e9trie de Masse (Triple Quadrup\u00f4le et Trappe d&rsquo;Ion), fait de l&rsquo;Unit\u00e9 Analytique un outil unique dans l&rsquo;Oc\u00e9an Indien au service des institutions, des [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cyroi.re\/en\/chimie-analytique-phytochimie\/\" \/>\n<meta property=\"og:site_name\" content=\"CYROI\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100066913282100\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T06:21:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cyroi.re\/wp-content\/uploads\/2026\/03\/logo-UA.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/\",\"url\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/\",\"name\":\"Chimie analytique &amp; phytochimie - CYROI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-UA.jpg\",\"datePublished\":\"2024-12-26T11:05:29+00:00\",\"dateModified\":\"2026-04-01T06:21:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-UA.jpg\",\"contentUrl\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-UA.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/chimie-analytique-phytochimie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/cyroi.re\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chimie analytique &amp; phytochimie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/#website\",\"url\":\"https:\\\/\\\/cyroi.re\\\/\",\"name\":\"CYROI\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cyroi.re\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/#organization\",\"name\":\"CYROI\",\"url\":\"https:\\\/\\\/cyroi.re\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Design-sans-titre2.svg\",\"contentUrl\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Design-sans-titre2.svg\",\"width\":375,\"height\":157,\"caption\":\"CYROI\"},\"image\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100066913282100\",\"https:\\\/\\\/x.com\\\/GIP_CYROI\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/gip-cyroi\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chimie analytique &amp; phytochimie - CYROI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cyroi.re\/en\/chimie-analytique-phytochimie\/","og_locale":"en_US","og_type":"article","og_title":"Chimie analytique &amp; phytochimie - CYROI","og_description":"Caract\u00e9risation et analyse des compos\u00e9s biologiques Unit\u00e9 de Chimie Analytique du CYROI Plateforme analytique unique dans l&rsquo;Oc\u00e9an Indien Le panel des \u00e9quipements tels que la RMN haute r\u00e9solution 600 MHz et la Spectrom\u00e9trie de Masse (Triple Quadrup\u00f4le et Trappe d&rsquo;Ion), fait de l&rsquo;Unit\u00e9 Analytique un outil unique dans l&rsquo;Oc\u00e9an Indien au service des institutions, des [&hellip;]","og_url":"https:\/\/cyroi.re\/en\/chimie-analytique-phytochimie\/","og_site_name":"CYROI","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100066913282100","article_modified_time":"2026-04-01T06:21:05+00:00","og_image":[{"url":"https:\/\/cyroi.re\/wp-content\/uploads\/2026\/03\/logo-UA.jpg","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/","url":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/","name":"Chimie analytique &amp; phytochimie - CYROI","isPartOf":{"@id":"https:\/\/cyroi.re\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/#primaryimage"},"image":{"@id":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/#primaryimage"},"thumbnailUrl":"https:\/\/cyroi.re\/wp-content\/uploads\/2026\/03\/logo-UA.jpg","datePublished":"2024-12-26T11:05:29+00:00","dateModified":"2026-04-01T06:21:05+00:00","breadcrumb":{"@id":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cyroi.re\/chimie-analytique-phytochimie\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/#primaryimage","url":"https:\/\/cyroi.re\/wp-content\/uploads\/2026\/03\/logo-UA.jpg","contentUrl":"https:\/\/cyroi.re\/wp-content\/uploads\/2026\/03\/logo-UA.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/cyroi.re\/chimie-analytique-phytochimie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cyroi.re\/"},{"@type":"ListItem","position":2,"name":"Chimie analytique &amp; phytochimie"}]},{"@type":"WebSite","@id":"https:\/\/cyroi.re\/#website","url":"https:\/\/cyroi.re\/","name":"CYROI","description":"","publisher":{"@id":"https:\/\/cyroi.re\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cyroi.re\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cyroi.re\/#organization","name":"CYROI","url":"https:\/\/cyroi.re\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cyroi.re\/#\/schema\/logo\/image\/","url":"https:\/\/cyroi.re\/wp-content\/uploads\/2024\/08\/Design-sans-titre2.svg","contentUrl":"https:\/\/cyroi.re\/wp-content\/uploads\/2024\/08\/Design-sans-titre2.svg","width":375,"height":157,"caption":"CYROI"},"image":{"@id":"https:\/\/cyroi.re\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100066913282100","https:\/\/x.com\/GIP_CYROI","https:\/\/www.linkedin.com\/company\/gip-cyroi"]}]}},"_links":{"self":[{"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/pages\/4160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/users\/1904"}],"replies":[{"embeddable":true,"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/comments?post=4160"}],"version-history":[{"count":73,"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/pages\/4160\/revisions"}],"predecessor-version":[{"id":7990,"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/pages\/4160\/revisions\/7990"}],"wp:attachment":[{"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/media?parent=4160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}