<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Projets Archives - CYROI</title>
	<atom:link href="https://cyroi.re/category/projets/feed/" rel="self" type="application/rss+xml" />
	<link>https://cyroi.re/category/projets/</link>
	<description></description>
	<lastBuildDate>Tue, 12 Aug 2025 05:04:07 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://cyroi.re/wp-content/uploads/2025/04/cropped-symbole-bleu-2-32x32.png</url>
	<title>Projets Archives - CYROI</title>
	<link>https://cyroi.re/category/projets/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Travaux DCE2.1</title>
		<link>https://cyroi.re/travaux-dce2-1/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 13:05:26 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2019]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6534</guid>

					<description><![CDATA[<p>Travaux DCE2.1 &#8211; GIP CYROI Travaux DCE2.1 Le projet concernait des travaux d&#8217;amélioration de la plate-forme CYROI, ainsi que l&#8217;installation d&#8217;un groupe électrogène, de batteries de condensateurs etc… Ce projet est financé par l&#8217;Union Européenne dans le cadre du programme FEDER-FSE + Réunion dont l&#8217;autorité de la gestion est la Région Réunion. L&#8217;Europe s&#8217;engage à [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/travaux-dce2-1/">Travaux DCE2.1</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Travaux DCE2.1 &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">Travaux DCE2.1</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/pexels-victormoragriega-29795146-scaled.jpg" alt="Travaux d'amélioration infrastructure">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Le projet concernait des <strong>travaux d&rsquo;amélioration de la plate-forme CYROI</strong>, ainsi que l&rsquo;installation d&rsquo;un groupe électrogène, de batteries de condensateurs etc…</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">1 113 878,64 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">DCE2.1</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/travaux-dce2-1/">Travaux DCE2.1</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CB-TECH 2019</title>
		<link>https://cyroi.re/cb-tech-2019/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 13:02:11 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2019]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6530</guid>

					<description><![CDATA[<p>CB-TECH 2019 &#8211; GIP CYROI CB-TECH 2019 Les actions permettent de catalyser et d&#8217;accompagner l&#8217;innovation et le transfert technologique entre un secteur de compétences expérimentales et précliniques, et le secteur des start-ups privées. Ce projet est financé par l&#8217;Union Européenne dans le cadre du programme FEDER-FSE + Réunion dont l&#8217;autorité de la gestion est la [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/cb-tech-2019/">CB-TECH 2019</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CB-TECH 2019 &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">CB-TECH 2019</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/pexels-kindelmedia-7688336-scaled.jpg" alt="Transfert technologique et innovation">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Les actions permettent de <strong>catalyser et d&rsquo;accompagner l&rsquo;innovation et le transfert technologique</strong> entre un secteur de compétences expérimentales et précliniques, et le secteur des start-ups privées.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">98 534,90 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">CB-TECH 2019</a>
            <a href="#" class="tag">Innovation</a>
            <a href="#" class="tag">Transfert technologique</a>
            <a href="#" class="tag">Start-ups</a>
            <a href="#" class="tag">Secteur privé</a>
            <a href="#" class="tag">Accompagnement</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/cb-tech-2019/">CB-TECH 2019</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>PTI 2019</title>
		<link>https://cyroi.re/pti-2019/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 12:58:53 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2019]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6526</guid>

					<description><![CDATA[<p>PTI 2019 &#8211; GIP CYROI PTI 2019 Il s&#8217;agit du financement du programme d&#8217;actions 2019 du GIP CYROI qui gère un plateau technologique spécialisé dans les biosciences, mis à disposition des laboratoires publics et des entreprises dans le but de développer des programmes de recherche et/ou d&#8217;innovation. Ce projet est financé par l&#8217;Union Européenne dans [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/pti-2019/">PTI 2019</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PTI 2019 &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">PTI 2019</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/pexels-chokniti-khongchum-1197604-2280571-scaled.jpg" alt="Plateau technologique biosciences">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Il s&rsquo;agit du <strong>financement du programme d&rsquo;actions 2019</strong> du GIP CYROI qui gère un plateau technologique spécialisé dans les biosciences, mis à disposition des laboratoires publics et des entreprises dans le but de développer des programmes de recherche et/ou d&rsquo;innovation.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">752 389,80 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">PTI 2019</a>
            <a href="#" class="tag">Programme d&rsquo;actions</a>
            <a href="#" class="tag">Plateau technologique</a>
            <a href="#" class="tag">Biosciences</a>
            <a href="#" class="tag">Laboratoires publics</a>
            <a href="#" class="tag">Recherche</a>
            <a href="#" class="tag">Innovation</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/pti-2019/">PTI 2019</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CB-TECH 2018</title>
		<link>https://cyroi.re/cb-tech-2018/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 12:55:10 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2018]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6522</guid>

					<description><![CDATA[<p>CB-TECH 2018 &#8211; GIP CYROI CB-TECH 2018 Les actions permettent de catalyser et d&#8217;accompagner l&#8217;innovation et le transfert technologique entre un secteur de compétences expérimentales et précliniques, et le secteur des start-ups privées. Ce projet est financé par l&#8217;Union Européenne dans le cadre du programme FEDER-FSE + Réunion dont l&#8217;autorité de la gestion est la [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/cb-tech-2018/">CB-TECH 2018</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CB-TECH 2018 &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">CB-TECH 2018</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/pexels-kindelmedia-7688336-scaled.jpg" alt="Transfert technologique et innovation">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Les actions permettent de <strong>catalyser et d&rsquo;accompagner l&rsquo;innovation et le transfert technologique</strong> entre un secteur de compétences expérimentales et précliniques, et le secteur des start-ups privées.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">99 581,28 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">CB-TECH 2018</a>
            <a href="#" class="tag">Innovation</a>
            <a href="#" class="tag">Transfert technologique</a>
            <a href="#" class="tag">Start-ups</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/cb-tech-2018/">CB-TECH 2018</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>PTI 2018</title>
		<link>https://cyroi.re/pti-2018/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 12:51:02 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2018]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6518</guid>

					<description><![CDATA[<p>PTI 2018 &#8211; GIP CYROI PTI 2018 Il s&#8217;agit du financement du programme d&#8217;actions 2018 du GIP CYROI qui gère un plateau technologique spécialisé dans les biosciences, mis à disposition des laboratoires publics et des entreprises dans le but de développer des programmes de recherche et/ou d&#8217;innovation. Ce projet est financé par l&#8217;Union Européenne dans [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/pti-2018/">PTI 2018</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PTI 2018 &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">PTI 2018</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/Capture-decran-2025-08-11-151550.png" alt="Plateau technologique biosciences">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Il s&rsquo;agit du <strong>financement du programme d&rsquo;actions 2018</strong> du GIP CYROI qui gère un plateau technologique spécialisé dans les biosciences, mis à disposition des laboratoires publics et des entreprises dans le but de développer des programmes de recherche et/ou d&rsquo;innovation.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">646 680,25 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">PTI 2018</a>
            <a href="#" class="tag">Plateau technologique</a>
            <a href="#" class="tag">Recherche</a>
            <a href="#" class="tag">Innovation</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/pti-2018/">PTI 2018</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>DCE 1 volet TRAVAUX</title>
		<link>https://cyroi.re/dce-1-volet-travaux/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 12:47:28 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2017]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6514</guid>

					<description><![CDATA[<p>DCE 1 Volet Travaux &#8211; GIP CYROI DCE 1 volet TRAVAUX L&#8217;objectif est de procéder à des travaux et aménagements de la plate-forme de recherche CYROI. Ces travaux seront menés en deux phases successives. La présente opération concerne la première phase, qui correspond aux travaux les plus urgents à mener sur la plate-forme. Ce projet [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/dce-1-volet-travaux/">DCE 1 volet TRAVAUX</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DCE 1 Volet Travaux &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">DCE 1 volet TRAVAUX</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/pexels-chokniti-khongchum-1197604-2280571-scaled.jpg" alt="Travaux et aménagements de laboratoire">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>L&rsquo;objectif est de procéder à des <strong>travaux et aménagements de la plate-forme de recherche CYROI</strong>. Ces travaux seront menés en deux phases successives. La présente opération concerne la <strong>première phase</strong>, qui correspond aux travaux les plus urgents à mener sur la plate-forme.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">1 026 393,05 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">DCE 1</a>
            <a href="#" class="tag">Travaux</a>
            <a href="#" class="tag">Plate-forme de recherche</a>
            <a href="#" class="tag">CYROI</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/dce-1-volet-travaux/">DCE 1 volet TRAVAUX</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CB-TECH 2017</title>
		<link>https://cyroi.re/cb-tech-2017/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 12:20:47 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2017]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6508</guid>

					<description><![CDATA[<p>Transfert Technologique &#8211; GIP CYROI CB-TECH 2017 : Innovation &#038; investissement Les actions permettent de catalyser et d&#8217;accompagner l&#8217;innovation et le transfert technologique entre un secteur de compétences expérimentales et précliniques, et le secteur des start-ups privées. Ce projet est financé par l&#8217;Union Européenne dans le cadre du programme FEDER-FSE + Réunion dont l&#8217;autorité de [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/cb-tech-2017/">CB-TECH 2017</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Transfert Technologique &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">CB-TECH 2017 : Innovation &#038; investissement</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/Capture-decran-2025-08-11-151550.png" alt="Transfert technologique et innovation">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Les actions permettent de <strong>catalyser et d&rsquo;accompagner l&rsquo;innovation et le transfert technologique</strong> entre un secteur de compétences expérimentales et précliniques, et le secteur des start-ups privées.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">102 542,82 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">Innovation</a>
            <a href="#" class="tag">Transfert technologique</a>
            <a href="#" class="tag">Compétences expérimentales</a>
            <a href="#" class="tag">Préclinique</a>
            <a href="#" class="tag">Start-ups</a>
            <a href="#" class="tag">Secteur privé</a>
            <a href="#" class="tag">Catalyseur</a>
            <a href="#" class="tag">Accompagnement</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/cb-tech-2017/">CB-TECH 2017</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>PTI 2017</title>
		<link>https://cyroi.re/pti-2017/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 11:10:50 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2017]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6499</guid>

					<description><![CDATA[<p>PTI 2017 &#8211; GIP CYROI PTI 2017 : Innovation &#038; Investissement Il s&#8217;agit du financement du programme d&#8217;actions 2017 du GIP CYROI qui gère un plateau technologique spécialisé dans les biosciences, mis à disposition des laboratoires publics et des entreprises dans le but de développer des programmes de recherche et/ou d&#8217;innovation. Ce projet est financé [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/pti-2017/">PTI 2017</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PTI 2017 &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">PTI 2017 :  Innovation &#038; Investissement</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/Capture-decran-2025-08-11-151550.png" alt="Plateau technologique biosciences">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Il s&rsquo;agit du <strong>financement du programme d&rsquo;actions 2017</strong> du GIP CYROI qui gère un plateau technologique spécialisé dans les biosciences, mis à disposition des laboratoires publics et des entreprises dans le but de développer des programmes de recherche et/ou d&rsquo;innovation.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">696 715,38 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">PTI 2017</a>
            <a href="#" class="tag">Programme d&rsquo;actions</a>
            <a href="#" class="tag">Plateau technologique</a>
            <a href="#" class="tag">Biosciences</a>
            <a href="#" class="tag">Laboratoires publics</a>
            <a href="#" class="tag">Entreprises</a>
            <a href="#" class="tag">Recherche</a>
            <a href="#" class="tag">Innovation</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/pti-2017/">PTI 2017</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>DCE 1 volet EQUIPEMENTS</title>
		<link>https://cyroi.re/dce-1-volet-equipements/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 11:07:02 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2016]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6493</guid>

					<description><![CDATA[<p>Équipements Laboratoire &#8211; GIP CYROI DCE 1 volet EQUIPEMENTS : Acquisition d&#8217;Équipements de Laboratoire Le projet consiste à l&#8217;acquisition de nouveaux équipements de laboratoire qui seront mis à la disposition de la communauté scientifique et technique. Ce projet est financé par l&#8217;Union Européenne dans le cadre du programme FEDER-FSE + Réunion dont l&#8217;autorité de la [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/dce-1-volet-equipements/">DCE 1 volet EQUIPEMENTS</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Équipements Laboratoire &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">DCE 1 volet EQUIPEMENTS : Acquisition d&rsquo;Équipements de Laboratoire</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://images.unsplash.com/photo-1567427018141-0584cfcbf1b8?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80" alt="Équipements de laboratoire scientifique">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Le projet consiste à <strong>l&rsquo;acquisition de nouveaux équipements de laboratoire</strong> qui seront mis à la disposition de la communauté scientifique et technique.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">903 765,68 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">Équipements</a>
            <a href="#" class="tag">Laboratoire</a>
            <a href="#" class="tag">Acquisition</a>
            <a href="#" class="tag">Communauté scientifique</a>
            <a href="#" class="tag">Technique</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/dce-1-volet-equipements/">DCE 1 volet EQUIPEMENTS</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>DCE 1 volet ETUDES</title>
		<link>https://cyroi.re/dce-1-volet-etudes/</link>
		
		<dc:creator><![CDATA[Anne Gaëlle Lefevre]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 10:57:21 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[2016]]></category>
		<guid isPermaLink="false">https://cyroi.re/?p=6487</guid>

					<description><![CDATA[<p>Aménagements UMR &#8211; GIP CYROI DCE 1 volet ETUDES : Aménagements et Consolidation des UMR Les aménagements permettront la consolidation des activités des UMR accueillies sur le site, le renforcement de ses capacités techniques dans le cadre de l&#8217;écosystème permettant d&#8217;accueillir de jeunes entreprises innovantes et de répondre aux objectifs définis par la S3. Ce [&#8230;]</p>
<p>Cet article <a href="https://cyroi.re/dce-1-volet-etudes/">DCE 1 volet ETUDES</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aménagements UMR &#8211; GIP CYROI</title>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&#038;family=Nunito:wght@300;400;600;700&#038;display=swap" rel="stylesheet">
    <style>
        /* Variables CSS - À intégrer dans votre CSS global */
        :root {
            --bleu-nuit: #1c1c68;
            --bleu-canard: #008f98;
            --bleu-clair: #a5c3c2;
            --vert-turquoise: #47b2a2;
            --orange-corail: #f46b53;
        }

        /* Reset et styles de base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Nunito', sans-serif;
            line-height: 1.6;
            color: #333;
        }

        /* Animation fade-in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .fade-in-delay {
            animation-delay: 0.3s;
        }

        .fade-in-delay-2 {
            animation-delay: 0.6s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Container principal */
        .article-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header de l'article */
        .article-header {
            text-align: center;
            margin: 60px 0;
            padding: 0 20px;
        }

        .article-title {
            font-family: 'Raleway', sans-serif;
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            color: var(--bleu-nuit);
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Image à la une */
        .article-featured-image {
            width: 100%;
            margin: 0 0 60px 0;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        .article-featured-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-featured-image:hover img {
            transform: scale(1.02);
        }

        /* Contenu principal */
        .article-content {
            margin-bottom: 80px;
        }

        .content-main {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .content-main h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin: 40px 0 20px 0;
            position: relative;
            padding-left: 20px;
        }

        .content-main h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 30px;
            background: var(--orange-corail);
            border-radius: 2px;
        }

        .content-main h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-canard);
            margin: 30px 0 15px 0;
        }

        .content-main p {
            margin-bottom: 20px;
        }

        .content-main strong {
            color: var(--bleu-nuit);
        }

        .content-main a {
            color: var(--bleu-canard);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.3s ease;
        }

        .content-main a:hover {
            border-bottom: 1px solid var(--bleu-canard);
        }

        /* Encadré budget */
        .budget-box {
            background: linear-gradient(135deg, var(--vert-turquoise), var(--bleu-clair));
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            color: white;
            text-align: center;
        }

        .budget-amount {
            font-family: 'Raleway', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .budget-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Section partenaires */
        .partners-section {
            margin: 60px 0;
            text-align: center;
        }

        .partners-title {
            font-family: 'Raleway', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 30px;
        }

        .partners-logos {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 20px;
            align-items: center;
            justify-items: center;
            margin-bottom: 40px;
        }

        .partner-logo {
            width: 220px;
            height: 110px;
            object-fit: contain;
            transition: transform 0.3s ease;
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .partner-logo:hover {
            transform: scale(1.05);
        }

        /* Tags */
        .article-tags {
            margin: 40px 0;
            padding: 30px 0;
            border-top: 1px solid #e0e0e0;
        }

        .tags-title {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            color: var(--bleu-nuit);
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background: var(--bleu-clair);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            margin: 5px 10px 5px 0;
            text-decoration: none;
            transition: background 0.3s ease;
        }

        .tag:hover {
            background: var(--bleu-canard);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .article-container {
                padding: 0 15px;
            }

            .article-header {
                margin: 40px 0;
            }

            .article-featured-image img {
                height: 250px;
            }

            .content-main {
                font-size: 1rem;
            }

            .content-main h2 {
                font-size: 1.5rem;
            }

            .budget-amount {
                font-size: 2rem;
            }

            .partners-logos {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .partner-logo {
                width: 160px;
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .budget-box {
                padding: 20px;
            }

            .partners-logos {
                gap: 10px;
            }
        }
    </style>
</head>
<body>
    <!-- Container principal de l'article -->
    <div class="article-container">
        
        <!-- Header de l'article -->
        <header class="article-header fade-in">
            <h1 class="article-title">DCE 1 volet ETUDES : Aménagements et Consolidation des UMR</h1>
        </header>

        <!-- Image à la une -->
        <div class="article-featured-image fade-in fade-in-delay">
            <img decoding="async" src="https://cyroi.re/wp-content/uploads/2025/08/pexels-chokniti-khongchum-1197604-2280571-scaled.jpg" alt="Aménagements laboratoires de recherche">
        </div>

        <!-- Contenu principal -->
        <div class="article-content fade-in fade-in-delay-2">
            
            <!-- Contenu de l'article -->
            <main class="content-main">
                <p>Les aménagements permettront la <strong>consolidation des activités des UMR</strong> accueillies sur le site, le renforcement de ses capacités techniques dans le cadre de l&rsquo;écosystème permettant d&rsquo;accueillir de jeunes entreprises innovantes et de répondre aux objectifs définis par la S3.</p>

                <p>Ce projet est financé par l&rsquo;<strong>Union Européenne</strong> dans le cadre du programme FEDER-FSE + Réunion dont l&rsquo;autorité de la gestion est la Région Réunion. L&rsquo;Europe s&rsquo;engage à La Réunion avec le fond FEDER.</p>

                <!-- Encadré budget -->
                <div class="budget-box">
                    <div class="budget-amount">359 520 €</div>
                    <div class="budget-label">Montant HT</div>
                </div>
            </main>

        </div>

        <!-- Section partenaires -->
        <div class="partners-section">
            <h3 class="partners-title">Partenaires</h3>
            <div class="partners-logos">
                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/europe-color-sansfond-1.png" alt="EUROPE" class="partner-logo">

                <img decoding="async" src="https://cyroi.re/wp-content/uploads/2024/11/Logo-REGION-REUNION-site-rr_quadri.jpg" alt="Région Réunion" class="partner-logo">
            </div>
        </div>

        <!-- Tags de l'article -->
        <div class="article-tags">
            <div class="tags-title">Mots-clés :</div>
            <a href="#" class="tag">UMR</a>
            <a href="#" class="tag">Aménagements</a>
            <a href="#" class="tag">Consolidation</a>
            <a href="#" class="tag">Capacités techniques</a>
            <a href="#" class="tag">Écosystème</a>
            <a href="#" class="tag">Entreprises innovantes</a>
            <a href="#" class="tag">S3</a>
            <a href="#" class="tag">FEDER</a>
            <a href="#" class="tag">Union Européenne</a>
            <a href="#" class="tag">Région Réunion</a>
        </div>

    </div>

    <script>
        // Animation au scroll (simple)
        window.addEventListener('scroll', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                const elementTop = el.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    el.style.animationPlayState = 'running';
                }
            });
        });

        // Déclencher l'animation au chargement
        window.addEventListener('load', () => {
            const elements = document.querySelectorAll('.fade-in');
            elements.forEach(el => {
                el.style.animationPlayState = 'running';
            });
        });
    </script>
</body>
</html>
<p>Cet article <a href="https://cyroi.re/dce-1-volet-etudes/">DCE 1 volet ETUDES</a> est apparu en premier sur <a href="https://cyroi.re">CYROI</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
