{"id":4195,"date":"2024-12-26T12:22:26","date_gmt":"2024-12-26T11:22:26","guid":{"rendered":"https:\/\/cyroi.re\/?page_id=4195"},"modified":"2025-12-22T13:19:01","modified_gmt":"2025-12-22T12:19:01","slug":"cb-tech-2","status":"publish","type":"page","link":"https:\/\/cyroi.re\/en\/cb-tech-2\/","title":{"rendered":"CB-TECH"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4195\" class=\"elementor elementor-4195\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c174fdb elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle\" data-id=\"1c174fdb\" 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-573fecd4\" data-id=\"573fecd4\" 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-a1ce3cc elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a1ce3cc\" 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\">CB-TECH : un \u00e9cosyst\u00e8me d\u2019innovation biotech au c\u0153ur de La R\u00e9union\n<\/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-d1dde1a e-flex e-con-boxed e-con e-parent\" data-id=\"d1dde1a\" 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-ff881f7 elementor-widget elementor-widget-html\" data-id=\"ff881f7\" 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<!-- Chargement des ressources externes -->\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    \n    \/* Styles de base UNIQUEMENT pour cette section *\/\n    .cbtech-page {\n        font-family: 'Nunito', sans-serif;\n        color: #333;\n        line-height: 1.6;\n    }\n    \n    .cbtech-page h1, \n    .cbtech-page h2, \n    .cbtech-page h3 {\n        font-family: 'Raleway', sans-serif;\n        color: var(--bleu-nuit);\n        margin: 0;\n        padding: 0;\n    }\n    \n    .cbtech-page h1 {\n        font-size: 2.5rem;\n        text-align: center;\n        margin: 2rem 0;\n        font-weight: 700;\n    }\n    \n    .cbtech-page h2 {\n        font-size: 2rem;\n        margin: 2.5rem 0 2rem;\n        font-weight: 600;\n    }\n    \n    .cbtech-page h3 {\n        font-size: 1.5rem;\n        color: var(--bleu-canard);\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .cbtech-page p {\n        margin: 0 0 1.2rem 0;\n        padding: 0;\n        font-size: 1rem;\n    }\n    \n    \/* Container *\/\n    .cbtech-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n    \n    .cbtech-section {\n        padding: 60px 0;\n    }\n    \n    \/* Section Introduction *\/\n    .intro-content {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 40px;\n        align-items: center;\n        margin-top: 40px;\n    }\n    \n    .intro-text, \n    .intro-image {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .intro-image img {\n        width: 100%;\n        max-width: 600px;\n        height: auto;\n        display: block;\n        margin: 0 auto;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    }\n    \n    \/* Grille des domaines\/missions *\/\n    .domaines-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        margin-top: 40px;\n    }\n    \n    .domaine-card {\n        background-color: white;\n        border-radius: 10px;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n    }\n    \n    .domaine-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n    }\n    \n    .card-icon {\n        background: linear-gradient(135deg, var(--bleu-nuit), var(--bleu-canard));\n        color: white;\n        height: 100px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 2.5rem;\n    }\n    \n    .card-content {\n        padding: 25px;\n    }\n    \n    .card-content h3 {\n        margin-bottom: 10px;\n        color: var(--bleu-nuit);\n    }\n    \n    .card-content p {\n        margin-bottom: 0;\n    }\n    \n    \/* Section intro texte centr\u00e9 *\/\n    .section-intro {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.1rem;\n    }\n    \n    \/* Animation fade-in *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(20px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .cbtech-page h1 {\n            font-size: 2rem;\n        }\n        \n        .cbtech-page h2 {\n            font-size: 1.6rem;\n        }\n        \n        .cbtech-section {\n            padding: 40px 0;\n        }\n        \n        .domaines-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .cbtech-page h1 {\n            font-size: 1.8rem;\n        }\n        \n        .cbtech-page h2 {\n            font-size: 1.4rem;\n        }\n    }\n<\/style>\n\n<!-- Contenu de la page CB-TECH -->\n<div class=\"cbtech-page\">\n    \n    <!-- Section Introduction -->\n    <section class=\"cbtech-section fade-in\">\n        <div class=\"cbtech-container\">\n            <h1>P\u00e9pini\u00e8re d'entreprise CB-TECH<\/h1>\n            \n            <div class=\"intro-content\">\n                <div class=\"intro-text\">\n                    <p>\n                        Le CYROI propose aux soci\u00e9t\u00e9s innovantes \u0153uvrant dans le domaine des sciences du vivant (biotechnologies, sant\u00e9, valorisation des ressources naturelles, protection de l'environnement, cosm\u00e9tiques, etc.) un h\u00e9bergement et un accompagnement au sein de la p\u00e9pini\u00e8re d'entreprises CB-TECH situ\u00e9e en plein c\u0153ur du parc Technor sur l'\u00eele de La R\u00e9union. Cet h\u00e9bergement permet aux start-up de b\u00e9n\u00e9ficier in-situ des comp\u00e9tences du centre de Recherche et D\u00e9veloppement du CYROI et de son plateau de haute technologie regroupant les outils n\u00e9cessaires \u00e0 de nombreux types d'exp\u00e9rimentations.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"intro-image\">\n                    <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2020\/04\/CYROI-2-0382-chimieorgasynthese-scaled.jpg\" alt=\"CB-TECH - Laboratoire CYROI\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section Missions -->\n    <section class=\"cbtech-section fade-in\" style=\"background-color: #f9f9f9;\">\n        <div class=\"cbtech-container\">\n            <h2>Nos missions<\/h2>\n            \n            <div class=\"domaines-grid\">\n                <div class=\"domaine-card\">\n                    <div class=\"card-icon\">\n                        <i class=\"fas fa-lightbulb\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3>Veille biotech<\/h3>\n                        <p>Identifier les projets biotechnologies innovants<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"domaine-card\">\n                    <div class=\"card-icon\">\n                        <i class=\"fas fa-flask\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3>Accueil<\/h3>\n                        <p>Accueillir les jeunes entreprises qui portent ces projets<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"domaine-card\">\n                    <div class=\"card-icon\">\n                        <i class=\"fas fa-leaf\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3>Accompagnement<\/h3>\n                        <p>Les accompagner en leur donnant acc\u00e8s \u00e0 la plateforme technique de haut niveau du CYROI<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section Moyens mis \u00e0 disposition -->\n    <section class=\"cbtech-section fade-in\">\n        <div class=\"cbtech-container\">\n            <p class=\"section-intro\">\n                CB-TECH met \u00e0 disposition des entreprises des moyens humains, techniques et bureautiques, dans une structure anim\u00e9e, favorisant les \u00e9changes entre les porteurs de projets h\u00e9berg\u00e9s.\n            <\/p>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- Script d'animation -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const fadeElements = document.querySelectorAll('.fade-in');\n    \n    const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('active');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.1 });\n    \n    fadeElements.forEach(element => observer.observe(element));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7eb64f elementor-widget elementor-widget-html\" data-id=\"c7eb64f\" 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 Articles CB Tech - GIP CYROI -->\n<!-- \u00c0 int\u00e9grer dans un widget HTML personnalis\u00e9 sous Elementor -->\n\n<style>\n  \/* Styles sp\u00e9cifiques pour la section Articles CB Tech *\/\n  .cbtech-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n  }\n  \n  .cbtech-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n  \n  .cbtech-title {\n    font-family: 'Raleway', sans-serif;\n    color: var(--bleu-nuit);\n    font-size: 2.5rem;\n    margin-bottom: 1rem;\n    font-weight: 700;\n  }\n  \n  .cbtech-subtitle {\n    font-family: 'Raleway', sans-serif;\n    color: var(--bleu-canard);\n    font-size: 1.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .cbtech-intro {\n    font-family: 'Nunito', sans-serif;\n    color: #333;\n    font-size: 1.1rem;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n  \n  \/* Grille des articles *\/\n  .cbtech-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 2rem;\n    margin-top: 3rem;\n  }\n  \n  .article-card {\n    background-color: #fff;\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  }\n  \n  .article-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\n  }\n  \n  .article-card-header {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background-color: transparent;\n  }\n  \n  .article-header-text {\n    padding: 1.5rem 2rem;\n    background-color: transparent;\n  }\n  \n  .article-card-header::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(to right, var(--bleu-canard), var(--vert-turquoise));\n  }\n  \n  .article-image {\n    width: 100%;\n    height: 180px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #f8f8f8;\n    border-radius: 10px 10px 0 0;\n  }\n\n  .article-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  \n  .article-name {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.4rem;\n    margin-bottom: 0.5rem;\n    font-weight: 600;\n    color: var(--bleu-nuit);\n  }\n  \n  .article-card-body {\n    padding: 1.5rem;\n  }\n  \n  .article-description {\n    font-family: 'Nunito', sans-serif;\n    font-size: 1rem;\n    color: #444;\n    margin-bottom: 1.5rem;\n    line-height: 1.5;\n  }\n  \n  .article-info {\n    font-family: 'Nunito', sans-serif;\n    margin-bottom: 0.75rem;\n    display: flex;\n    align-items: flex-start;\n  }\n  \n  .article-info-icon {\n    color: var(--bleu-canard);\n    margin-right: 0.75rem;\n    min-width: 20px;\n    margin-top: 4px;\n  }\n  \n  .article-info-text {\n    flex: 1;\n  }\n  \n  .article-info-label {\n    font-weight: 700;\n    color: var(--bleu-nuit);\n    margin-right: 0.5rem;\n  }\n  \n  .article-actions {\n    margin-top: 1.5rem;\n    display: flex;\n    gap: 1rem;\n  }\n  \n  .article-btn {\n    display: inline-block;\n    padding: 0.75rem 1.5rem;\n    font-family: 'Raleway', sans-serif;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 5px;\n    transition: all 0.3s ease;\n    text-align: center;\n  }\n  \n  .article-btn-primary {\n    background-color: var(--orange-corail);\n    color: white;\n    border: 2px solid var(--orange-corail);\n  }\n  \n  .article-btn-primary:hover {\n    background-color: transparent;\n    color: var(--orange-corail);\n    border: 2px solid var(--orange-corail);\n  }\n  \n  \/* Style pour la section des th\u00e9matiques de recherche *\/\n  .thematiques {\n    margin-top: 1.5rem;\n  }\n  \n  .thematiques-title {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.1rem;\n    color: var(--bleu-nuit);\n    margin-bottom: 0.75rem;\n    font-weight: 600;\n  }\n  \n  .thematiques-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n  \n  .thematique-tag {\n    background-color: var(--bleu-clair);\n    color: var(--bleu-nuit);\n    padding: 0.4rem 0.8rem;\n    border-radius: 20px;\n    font-family: 'Nunito', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 600;\n  }\n  \n  \/* Style sp\u00e9cifique pour assurer la visibilit\u00e9 *\/\n  .cbtech-container * {\n    box-sizing: border-box;\n  }\n  \n  .cbtech-container .article-card {\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n  }\n  .loading-message, .no-articles {\n    text-align: center;\n    padding: 3rem;\n    color: #666;\n    font-family: 'Nunito', sans-serif;\n    font-style: italic;\n  }\n  \n  \/* Responsive pour tablettes et mobiles *\/\n  @media (max-width: 768px) {\n    .cbtech-grid {\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    }\n    \n    .cbtech-title {\n      font-size: 2rem;\n    }\n    \n    .cbtech-subtitle {\n      font-size: 1.3rem;\n    }\n    \n    .article-image {\n      height: 140px;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .cbtech-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .article-actions {\n      flex-direction: column;\n    }\n    \n    .article-btn {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<div class=\"cbtech-container fade-in\">\n  <!-- En-t\u00eate de la section -->\n  <div class=\"cbtech-header\">\n    <h2 class=\"cbtech-title\">Startup h\u00e9berg\u00e9es<\/h2>\n\n  <\/div>\n  \n  <!-- Grille des articles -->\n  <div class=\"cbtech-grid\" id=\"cbtech-articles\">\n    <div class=\"loading-message\">\n      Chargement...\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Le code qui va injecter les articles WordPress -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Point de rep\u00e8re dans le code pour Elementor\n  const articlesElement = document.getElementById('cbtech-articles');\n  \n  \/\/ Fonction pour charger les articles CB Tech via l'API REST\n  async function loadCBTechPosts() {\n    try {\n      \/\/ R\u00e9cup\u00e9rer les cat\u00e9gories par leurs noms\n      const categoriesResponse = await fetch('\/wp-json\/wp\/v2\/categories?per_page=100');\n      const categories = await categoriesResponse.json();\n      \n      \/\/ Chercher la cat\u00e9gorie CB Tech avec diff\u00e9rentes variantes\n      const cbTechCategory = categories.find(cat => {\n        const catName = cat.name.toLowerCase();\n        return catName === 'cb tech' || \n               catName === 'cbtech' || \n               catName === 'cb-tech' || \n               catName.includes('cb') && catName.includes('tech');\n      });\n      \n      if (!cbTechCategory) {\n        console.error('La cat\u00e9gorie CB Tech n\\'a pas \u00e9t\u00e9 trouv\u00e9e');\n        console.log('Cat\u00e9gories disponibles:', categories.map(cat => cat.name));\n        articlesElement.innerHTML = `\n          <div class=\"no-articles\">\n            <p>Cat\u00e9gorie CB Tech introuvable.<\/p>\n            <p><em>Cat\u00e9gories disponibles : ${categories.map(cat => cat.name).join(', ')}<\/em><\/p>\n          <\/div>\n        `;\n        return;\n      }\n      \n      console.log('Cat\u00e9gorie CB Tech trouv\u00e9e:', cbTechCategory.name);\n      \n      \/\/ Requ\u00eate pour obtenir tous les articles de la cat\u00e9gorie CB Tech\n      const postsResponse = await fetch(`\/wp-json\/wp\/v2\/posts?categories=${cbTechCategory.id}&per_page=100&_embed&orderby=date&order=desc`);\n      const posts = await postsResponse.json();\n      \n      if (!posts || posts.length === 0) {\n        articlesElement.innerHTML = `\n          <div class=\"no-articles\">\n            <p>Aucun article CB Tech disponible pour le moment.<\/p>\n          <\/div>\n        `;\n        return;\n      }\n      \n      \/\/ G\u00e9n\u00e9rer le HTML pour chaque article\n      let postsHTML = '';\n      \n      posts.forEach(post => {\n        \/\/ Obtenir l'URL de l'image mise en avant\n        let featuredImageUrl = 'https:\/\/via.placeholder.com\/400x180\/008f98\/ffffff?text=CB+Tech';\n        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n          featuredImageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n        }\n        \n        \/\/ Cr\u00e9er un extrait court (environ 25 mots)\n        let excerpt = post.excerpt.rendered || post.content.rendered || '';\n        \/\/ Supprimer les balises HTML\n        excerpt = excerpt.replace(\/<\\\/?[^>]+(>|$)\/g, \"\");\n        \/\/ D\u00e9coder les entit\u00e9s HTML\n        excerpt = excerpt.replace(\/&[#a-z0-9]+;\/gi, ' ');\n        \/\/ Nettoyer les espaces multiples\n        excerpt = excerpt.replace(\/\\s+\/g, ' ').trim();\n        \n        \/\/ Si l'extrait est vide ou tr\u00e8s court, utiliser le titre ou un texte par d\u00e9faut\n        if (!excerpt || excerpt.length < 10) {\n          excerpt = `D\u00e9couvrez ${post.title.rendered} et ses innovations dans le domaine technologique.`;\n        }\n        \n        \/\/ Limiter \u00e0 environ 25 mots\n        const words = excerpt.split(' ').filter(word => word.length > 0);\n        if (words.length > 25) {\n          excerpt = words.slice(0, 25).join(' ') + '...';\n        }\n        \n        \/\/ Obtenir les tags de l'article\n        let tagsHTML = '';\n        if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][1]) {\n          const tags = post._embedded['wp:term'][1]; \/\/ Les tags sont g\u00e9n\u00e9ralement dans l'index 1\n          if (tags && tags.length > 0) {\n            tagsHTML = `\n              <div class=\"thematiques\">\n                <h4 class=\"thematiques-title\">Mots-cl\u00e9s :<\/h4>\n                <div class=\"thematiques-tags\">\n                  ${tags.slice(0, 4).map(tag => `<span class=\"thematique-tag\">${tag.name}<\/span>`).join('')}\n                <\/div>\n              <\/div>\n            `;\n          }\n        }\n        \n        \/\/ G\u00e9n\u00e9rer l'article HTML avec la m\u00eame structure que les \u00e9quipes\n        postsHTML += `\n          <div class=\"article-card fade-in\">\n            <div class=\"article-card-header\">\n              <div class=\"article-image\">\n                <img decoding=\"async\" src=\"${featuredImageUrl}\" alt=\"${post.title.rendered}\" loading=\"lazy\">\n              <\/div>\n              <div class=\"article-header-text\">\n                <h3 class=\"article-name\">${post.title.rendered}<\/h3>\n              <\/div>\n            <\/div>\n            <div class=\"article-card-body\">\n              <p class=\"article-description\">\n                ${excerpt}\n              <\/p>\n              \n              ${tagsHTML}\n              \n              <div class=\"article-actions\">\n                <a href=\"${post.link}\" class=\"article-btn article-btn-primary\">En savoir plus<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        `;\n      });\n      \n      \/\/ Injecter le HTML dans la grille\n      articlesElement.innerHTML = postsHTML;\n      \n    } catch (error) {\n      console.error('Erreur lors du chargement des articles CB Tech:', error);\n      articlesElement.innerHTML = `\n        <div class=\"no-articles\">\n          <p>Erreur lors du chargement des articles CB Tech.<\/p>\n          <p><em>Consultez la console pour plus de d\u00e9tails.<\/em><\/p>\n        <\/div>\n      `;\n    }\n  }\n  \n  \/\/ Charger les articles au chargement de la page\n  loadCBTechPosts();\n});\n<\/script>\n\n<!-- \nNote d'int\u00e9gration pour Elementor:\n1. Cr\u00e9ez un widget HTML personnalis\u00e9\n2. Collez tout ce code (CSS + HTML + JavaScript)\n3. Le script utilise l'API REST WordPress pour:\n   - Chercher automatiquement la cat\u00e9gorie CB Tech (avec plusieurs variantes)\n   - R\u00e9cup\u00e9rer tous les articles de cette cat\u00e9gorie\n   - Afficher les articles avec la m\u00eame structure que les \u00e9quipes h\u00e9berg\u00e9es\n   - G\u00e9rer les cas d'erreur (cat\u00e9gorie introuvable, aucun article, etc.)\n4. Structure identique aux \u00e9quipes h\u00e9berg\u00e9es (image, titre, description, auteur, tags, bouton)\n5. Gestion automatique des images par d\u00e9faut et du chargement\n6. Messages de debug dans la console du navigateur\n-->\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-7b163d1 e-flex e-con-boxed e-con e-parent\" data-id=\"7b163d1\" 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-6f15d63 elementor-widget elementor-widget-html\" data-id=\"6f15d63\" 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 CB-TECH -->\n<style>\n    .cbtech-team-section {\n        background-color: #f9f9f9;\n        padding: 60px 0;\n    }\n    \n    .cbtech-team-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n    \n    .cbtech-team-title {\n        text-align: center;\n        margin-bottom: 50px;\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: var(--bleu-nuit);\n        font-family: 'Raleway', sans-serif;\n    }\n    \n    .cbtech-team-title::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 4px;\n        background: var(--bleu-nuit);\n        margin: 15px auto;\n    }\n    \n    .cbtech-team-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n    }\n    \n    .cbtech-team-member {\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    }\n    \n    .cbtech-team-member:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.15);\n    }\n    \n    .cbtech-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    }\n    \n    .cbtech-member-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n    \n    .cbtech-member-image img:hover {\n        transform: scale(1.05);\n    }\n    \n    .cbtech-member-info {\n        padding: 20px;\n    }\n    \n    .cbtech-member-name {\n        font-size: 1.3rem;\n        margin-bottom: 5px;\n        color: var(--bleu-nuit);\n        font-family: 'Raleway', sans-serif;\n        font-weight: 600;\n    }\n    \n    .cbtech-member-title {\n        font-size: 1rem;\n        color: var(--bleu-canard);\n        font-style: italic;\n        margin-bottom: 15px;\n        font-family: 'Nunito', sans-serif;\n    }\n    \n    .cbtech-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: background-color 0.3s ease, transform 0.3s ease;\n    }\n    \n    .cbtech-contact-btn:hover {\n        background-color: var(--bleu-canard);\n        transform: scale(1.1);\n    }\n    \n    @media (max-width: 768px) {\n        .cbtech-team-member {\n            width: calc(50% - 20px);\n        }\n        \n        .cbtech-team-title {\n            font-size: 2rem;\n        }\n    }\n    \n    @media (max-width: 576px) {\n        .cbtech-team-member {\n            width: 100%;\n        }\n        \n        .cbtech-team-title {\n            font-size: 1.8rem;\n        }\n    }\n<\/style>\n\n<section class=\"cbtech-team-section fade-in\">\n    <div class=\"cbtech-team-container\">\n        <h2 class=\"cbtech-team-title\">L'\u00c9QUIPE<\/h2>\n        <div class=\"cbtech-team-grid\">\n            <div class=\"cbtech-team-member\">\n                <div class=\"cbtech-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2025\/08\/A7R00290-scaled.jpg\" alt=\"V\u00e9ny Tirvassen\">\n                <\/div>\n                <div class=\"cbtech-member-info\">\n                    <h3 class=\"cbtech-member-name\">V\u00e9ny Tirvassen<\/h3>\n                    <p class=\"cbtech-member-title\">Responsable CB-TECH<\/p>\n                    <a href=\"mailto:v.tirvassen@cyroi.fr\" class=\"cbtech-contact-btn\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"cbtech-team-member\">\n                <div class=\"cbtech-member-image\">\n                    <img decoding=\"async\" src=\"\/api\/placeholder\/400\/400\" alt=\"Jimmy Chane-Ming\">\n                <\/div>\n                <div class=\"cbtech-member-info\">\n                    <h3 class=\"cbtech-member-name\">Jimmy Chane-Ming<\/h3>\n                    <p class=\"cbtech-member-title\">Expertise scientifique<\/p>\n                    <a href=\"mailto:j.chaneming@cyroi.fr\" class=\"cbtech-contact-btn\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"cbtech-team-member\">\n                <div class=\"cbtech-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2025\/08\/A7R00179-scaled.jpeg\" alt=\"S\u00e9bastien B\u00e9nard\">\n                <\/div>\n                <div class=\"cbtech-member-info\">\n                    <h3 class=\"cbtech-member-name\">S\u00e9bastien B\u00e9nard<\/h3>\n                    <p class=\"cbtech-member-title\">Expertise scientifique<\/p>\n                    <a href=\"mailto:s.benard@cyroi.fr\" class=\"cbtech-contact-btn\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"cbtech-team-member\">\n                <div class=\"cbtech-member-image\">\n                    <img decoding=\"async\" src=\"https:\/\/cyroi.re\/wp-content\/uploads\/2025\/08\/A7R00254-scaled.jpeg\" alt=\"Fanny Le Sage\">\n                <\/div>\n                <div class=\"cbtech-member-info\">\n                    <h3 class=\"cbtech-member-name\">Fanny Le Sage<\/h3>\n                    <p class=\"cbtech-member-title\">Expertise scientifique<\/p>\n                    <a href=\"mailto:f.lesageg@cyroi.fr\" class=\"cbtech-contact-btn\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\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>CB-TECH : un \u00e9cosyst\u00e8me d\u2019innovation biotech au c\u0153ur de La R\u00e9union P\u00e9pini\u00e8re d&rsquo;entreprise CB-TECH Le CYROI propose aux soci\u00e9t\u00e9s innovantes \u0153uvrant dans le domaine des sciences du vivant (biotechnologies, sant\u00e9, valorisation des ressources naturelles, protection de l&rsquo;environnement, cosm\u00e9tiques, etc.) un h\u00e9bergement et un accompagnement au sein de la p\u00e9pini\u00e8re d&rsquo;entreprises CB-TECH situ\u00e9e en plein c\u0153ur [&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-4195","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>CB-TECH - 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\/cb-tech-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CB-TECH - CYROI\" \/>\n<meta property=\"og:description\" content=\"CB-TECH : un \u00e9cosyst\u00e8me d\u2019innovation biotech au c\u0153ur de La R\u00e9union P\u00e9pini\u00e8re d&rsquo;entreprise CB-TECH Le CYROI propose aux soci\u00e9t\u00e9s innovantes \u0153uvrant dans le domaine des sciences du vivant (biotechnologies, sant\u00e9, valorisation des ressources naturelles, protection de l&rsquo;environnement, cosm\u00e9tiques, etc.) un h\u00e9bergement et un accompagnement au sein de la p\u00e9pini\u00e8re d&rsquo;entreprises CB-TECH situ\u00e9e en plein c\u0153ur [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cyroi.re\/en\/cb-tech-2\/\" \/>\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=\"2025-12-22T12:19:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cyroi.re\/wp-content\/uploads\/2020\/04\/CYROI-2-0382-chimieorgasynthese-scaled.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/\",\"url\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/\",\"name\":\"CB-TECH - CYROI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/CYROI-2-0382-chimieorgasynthese-scaled.jpg\",\"datePublished\":\"2024-12-26T11:22:26+00:00\",\"dateModified\":\"2025-12-22T12:19:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/CYROI-2-0382-chimieorgasynthese-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/cyroi.re\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/CYROI-2-0382-chimieorgasynthese-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cyroi.re\\\/cb-tech-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/cyroi.re\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CB-TECH\"}]},{\"@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":"CB-TECH - 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\/cb-tech-2\/","og_locale":"en_US","og_type":"article","og_title":"CB-TECH - CYROI","og_description":"CB-TECH : un \u00e9cosyst\u00e8me d\u2019innovation biotech au c\u0153ur de La R\u00e9union P\u00e9pini\u00e8re d&rsquo;entreprise CB-TECH Le CYROI propose aux soci\u00e9t\u00e9s innovantes \u0153uvrant dans le domaine des sciences du vivant (biotechnologies, sant\u00e9, valorisation des ressources naturelles, protection de l&rsquo;environnement, cosm\u00e9tiques, etc.) un h\u00e9bergement et un accompagnement au sein de la p\u00e9pini\u00e8re d&rsquo;entreprises CB-TECH situ\u00e9e en plein c\u0153ur [&hellip;]","og_url":"https:\/\/cyroi.re\/en\/cb-tech-2\/","og_site_name":"CYROI","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100066913282100","article_modified_time":"2025-12-22T12:19:01+00:00","og_image":[{"url":"https:\/\/cyroi.re\/wp-content\/uploads\/2020\/04\/CYROI-2-0382-chimieorgasynthese-scaled.jpg","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cyroi.re\/cb-tech-2\/","url":"https:\/\/cyroi.re\/cb-tech-2\/","name":"CB-TECH - CYROI","isPartOf":{"@id":"https:\/\/cyroi.re\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cyroi.re\/cb-tech-2\/#primaryimage"},"image":{"@id":"https:\/\/cyroi.re\/cb-tech-2\/#primaryimage"},"thumbnailUrl":"https:\/\/cyroi.re\/wp-content\/uploads\/2020\/04\/CYROI-2-0382-chimieorgasynthese-scaled.jpg","datePublished":"2024-12-26T11:22:26+00:00","dateModified":"2025-12-22T12:19:01+00:00","breadcrumb":{"@id":"https:\/\/cyroi.re\/cb-tech-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cyroi.re\/cb-tech-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cyroi.re\/cb-tech-2\/#primaryimage","url":"https:\/\/cyroi.re\/wp-content\/uploads\/2020\/04\/CYROI-2-0382-chimieorgasynthese-scaled.jpg","contentUrl":"https:\/\/cyroi.re\/wp-content\/uploads\/2020\/04\/CYROI-2-0382-chimieorgasynthese-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/cyroi.re\/cb-tech-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cyroi.re\/"},{"@type":"ListItem","position":2,"name":"CB-TECH"}]},{"@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\/4195","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=4195"}],"version-history":[{"count":56,"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/pages\/4195\/revisions"}],"predecessor-version":[{"id":7657,"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/pages\/4195\/revisions\/7657"}],"wp:attachment":[{"href":"https:\/\/cyroi.re\/en\/wp-json\/wp\/v2\/media?parent=4195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}