PageSourceSearch

https://www.masterbbi.fr/

html masterbbi.fr collected 2026-10-02 01:53:57 UTC 22,890 bytes, 343 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Master Bioinformatique, parcours Biologie Informatique. Université Paris Cité</title>
8    <meta name="description"
9        content="Master Bioinformatique, parcours Biologie Informatique à l'Université Paris Cité. Formation par projets en bio-informatique, programmation, biologie structurale et analyse de données.">
10    <link rel="icon" type="image/png" href="assets/favicon.png">
11
12
13    <!-- Styles -->
14    <link rel="stylesheet" href="style.css">
15    <link rel="stylesheet" href="shared.css">
16
17    <!-- Lucide Icons -->
18    
18<script src="https://unpkg.com/[email protected]/dist/umd/lucide.min.js"></script>
18
19
20    
20<script>
21        // Prevent flash: apply saved theme before render
22        (function () {
23            var theme = localStorage.getItem('theme');
24            if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
25                document.documentElement.classList.add('dark');
26            }
27        })();
28    </script>
28
29</head>
30
31<body class="bg-white text-brand-black font-body flex flex-col min-h-screen" data-page="home">
32
33    <div id="navbar-root"></div>
34
35    <main class="grow">
36        <!-- ===================== HERO ===================== -->
37        <section id="hero"
38            class="relative bg-white flex items-center overflow-visible pt-20 lg:pt-60 pb-20 lg:pb-40 md:pt-20 md:pb-20">
39            <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 md:py-8 lg:py-10 w-full">
40                <div class="relative lg:grid lg:grid-cols-12 lg:items-center">
41                    <div class="relative z-20 lg:col-span-8">
42                        <div class="bg-white dark:bg-brand-black p-6 md:p-8 lg:p-10 pl-0 md:pl-0 lg:pl-0 lg:pr-20">
43                            <div class="mb-6">
44                                <h1
45                                    class="font-heading font-semibold text-5xl sm:text-5xl md:text-4xl lg:text-[clamp(2.5rem,3.5vw,3.5rem)] lg:leading-[1.1] dark:tracking-wide text-brand-black">
46                                    Master bioinformatique
47                                </h1>
48                                <h2
49                                    class="font-master-logo font-normal text-3xl sm:text-3xl md:text-3xl lg:text-[clamp(1.5rem,2vw,2rem)] lg:leading-[1.1] text-brand-cool-gray">
50                                    Parcours Biologie Informatique
51                                </h2>
52                            </div>
53
54                            <p
55                                class="text-brand-black/80 dark:text-white/60 text-lg md:text-xl lg:text-[clamp(1.1rem,1.5vw,1.4rem)] lg:leading-relaxed mb-6 sm:mb-8 max-w-3xl">
56                                Formation de référence depuis 1994 au sein de <span
57                                    class="font-semibold text-brand-red dark:text-brand-magenta">l'Université Paris
58                                    Cité</span>, couvrant trois
59                                domaines : <span class="font-semibold underline decoration-dotted decoration-1 underline-offset-4 decoration-brand-black/40
60                                                                        dark:decoration-white/40">bioinformatique
61                                    structurale,
62                                    omiques et systémique</span>.
63                                L'accent est mis sur l'analyse de données et l'apprentissage profond à l'interface
64                                biologie-informatique.
65                            </p>
66                            <div class="flex flex-col sm:flex-row gap-4 justify-start">
67                                <a href="programme.html"
68                                    class="bg-brand-red hover:bg-brand-red border-none text-white font-semibold px-6 sm:px-8 py-3 sm:py-3.5 rounded-full transition-all duration-300 text-center text-sm sm:text-base hover:shadow-lg hover:shadow-brand-red/40">
69                                    Découvrir le programme
70                                </a>
71                                <a href="admission.html"
72                                    class="bg-white/30 hover:bg-white/50 border border-white/40 hover:border-brand-teal/40 text-brand-black dark:text-white hover:text-brand-teal dark:hover:text-brand-mint font-semibold px-6 sm:px-8 py-3 sm:py-3.5 rounded-full transition-all duration-300 text-center text-sm sm:text-base">
73                                    Candidater <i data-lucide="arrow-right"
74                                        class="w-5 h-5 ml-2 inline-block -mt-0.5 align-middle"></i>
75                                </a>
76                            </div>
77
78                            <!-- Autres parcours -->
79                            <div class="mt-6 md:mt-8">
80                                <details class="group relative">
81                                    <summary
82                                        class="text-sm text-brand-black dark:text-white hover:text-brand-black dark:hover:text-white cursor-pointer transition-colors duration-200 flex items-center gap-1.5 select-none w-fit">
83                                        <i data-lucide="info" class="w-4 h-4"></i>
84                                        Voir les autres parcours du master
85                                        <i data-lucide="chevron-down"
86                                            class="w-4 h-4 group-open:rotate-180 transition-transform duration-200"></i>
87                                    </summary>
88                                    <div class="mt-3 card max-w-2xl absolute left-0 z-30 shadow-lg">
89                                        <p class="mb-3 text-sm">
90                                            Ce site est dédié au parcours Biologie Informatique. Le master de
91                                            bioinformatique s'organise également en plusieurs autres parcours :
92                                        </p>
93                                        <ul class="space-y-2.5">
94                                            <li class="flex items-start">
95                                                <i data-lucide="arrow-up-right"
96                                                    class="w-4 h-4 mt-0.5 mr-2 shrink-0 text-brand-teal dark:text-brand-mint"></i>
97                                                <div>
98                                                    <a href="https://www.mipfb.com/" target="_blank"
99                                                        rel="noopener noreferrer"
100                                                        class="text-brand-teal dark:text-brand-mint hover:underline font-medium">Ingénierie
101                                                        Plateforme en Biologie</a>
102                                                    <span
103                                                        class="text-brand-black/80 dark:text-white/60 block sm:inline sm:ml-1">(M1
104                                                        commun avec Biologie Informatique)</span>
105                                                </div>
106                                            </li>
107                                            <li class="flex items-start">
108                                                <i data-lucide="arrow-up-right"
109                                                    class="w-4 h-4 mt-0.5 mr-2 shrink-0 text-brand-teal dark:text-brand-mint"></i>
110                                                <div>
111                                                    <a href="https://isddteach.rpbs.univ-paris-diderot.fr/fr/presentation.html"
112                                                        target="_blank" rel="noopener noreferrer"
113                                                        class="text-brand-teal dark:text-brand-mint hover:underline font-medium">In
114                                                        Silico Drug Design, Design des Molécules Bioactives, et
115                                                        Modélisation des Macromolécules</a>
116                                                </div>
117                                            </li>
118                                        </ul>
119                                    </div>
120                                </details>
121                            </div>
122                        </div>
123                    </div>
124
125                    <div
126                        class="relative z-10 mt-8 md:mt-10 lg:mt-0 lg:absolute lg:-top-15 lg:-right-20 xl:-right-40 lg:w-[78%]">
127                        <img src="assets/bancs_grands_moulins.jpg" alt="Bâtiment des Grands Moulins à Paris"
128                            class="w-full h-[320px] md:h-[380px] lg:h-[clamp(380px,70vh,700px)] object-cover"
129                            loading="eager" decoding="async">
130                    </div>
131                </div>
132            </div>
133        </section>
134
135        <!-- ===================== FEATURES ===================== -->
136        <section class="py-16 md:py-24 bg-white dark:bg-brand-black relative auto">
137            <div class="absolute inset-0 bg-white/60 dark:bg-brand-black/60 pointer-events-none"></div>
138            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
139                <div class="grid grid-cols-1 md:grid-cols-3 gap-12 text-center">
140                    <!-- Feature 1 -->
141                    <div class="flex flex-col items-center">
142                        <img src="assets/logo-paris.svg"
143                            alt="Icône en forme de neurone stylisé représentant le campus de l'Université Paris Cité"
144                            class="w-48 h-48 mb-6">
145                        <h5>Un campus parisien</h5>
146                        <p class="text-brand-black/80 dark:text-white/60">
147                            Situé au cœur de Paris, le campus des Grands Moulins offre un cadre d'étude exceptionnel.
148                            Profitez d'infrastructures modernes et d'une vie étudiante stimulante au sein d'une
149                            université de renommée internationale.
150                        </p>
151                    </div>
152                    <!-- Feature 2 -->
153                    <div class="flex flex-col items-center">
154                        <img src="assets/logo-data.svg"
155                            alt="Icônes d'étoiles scintillantes symbolisant l'innovation en informatique et intelligence artificielle"
156                            class="w-48 h-48 mb-6">
157                        <h5>À la pointe de
158                            l'informatique ...</h5>
159                        <p class="text-brand-black/80 dark:text-white/60">
160                            Développez une expertise de pointe en analyse de données, apprentissage profond et
161                            programmation. Notre formation vous prépare à maîtriser les outils informatiques essentiels
162                            pour innover dans la recherche.
163                        </p>
164                    </div>
165                    <!-- Feature 3 -->
166                    <div class="flex flex-col items-center">
167                        <img src="assets/logo-bio.svg"
168                            alt="Icône de réseau moléculaire interconnecté symbolisant les sciences du vivant et la bioinformatique"
169                            class="w-48 h-48 mb-6">
170                        <h5>... et de la biologie
171                        </h5>
172                        <p class="text-brand-black/80 dark:text-white/60">
173                            Acquérez une compréhension approfondie des systèmes complexes du vivant. Explorez la
174                            bioinformatique structurale, les approches omiques et la biologie systémique pour répondre
175                            aux grands enjeux biologiques actuels.
176                        </p>
177                    </div>
178                </div>
179            </div>
180        </section>
181
182        <!-- ===================== PRESENTATION ===================== -->
183        <section class="py-16 md:py-24 bg-white dark:bg-brand-black relative">
184            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
185                <div class="lg:grid lg:grid-cols-12 lg:gap-16 items-start">
186                    <!-- Title Column -->
187                    <div class="lg:col-span-4 mb-12 lg:mb-0 lg:sticky lg:top-32">
188                        <h2 class="font-heading text-4xl md:text-5xl text-brand-black dark:text-white mb-6">
189                            Présentation
190                        </h2>
191                        <p class="text-brand-black/80 dark:text-white/60 text-lg mb-8">
192                            Découvrez les fondements de notre approche pédagogique et les compétences que vous
193                            développerez.
194                        </p>
195                        <div class="w-16 h-1.5 bg-brand-red rounded-full"></div>
196                    </div>
197
198                    <!-- Content Column -->
199                    <div class="lg:col-span-8 relative">
200                        <!-- Vertical Line -->
201                        <div
202                            class="hidden md:block absolute left-[7px] top-3 bottom-0 w-[2px] bg-brand-gray-light dark:bg-white/10">
203                        </div>
204
205                        <div class="space-y-16 md:pl-12">
206                            <!-- Item 1 -->
207                            <div class="relative">
208                                <!-- Dot -->
209                                <div
210                                    class="hidden md:block absolute -left-12 top-2.5 w-4 h-4 rounded-full bg-brand-teal dark:bg-brand-mint ring-4 ring-white dark:ring-brand-black">
211                                </div>
212
213                                <h3 class="font-heading text-2xl md:text-3xl text-brand-black dark:text-white mb-5">
214                                    Une pédagogie fondée sur l’intégration <span
215                                        class="text-brand-teal dark:text-brand-mint">recherche-formation</span>
216                                </h3>
217                                <div class="text-brand-black/80 dark:text-white/60 text-lg leading-relaxed space-y-4">
218                                    <p>
219                                        Le master s’appuie sur l’expertise scientifique des enseignants-chercheurs de
220                                        l'Université Paris Cité, dont les travaux couvrent les domaines de la génomique,
221                                        de la biologie des systèmes, de l’intelligence artificielle et de la
222                                        modélisation computationnelle.
223                                    </p>
224                                    <p>
225                                        L’intervention régulière de professeurs invités et de partenaires académiques et
226                                        industriels garantit une ouverture c
226onstante vers les développements
227                                        méthodologiques et technologiques les plus récents.
228                                    </p>
229                                </div>
230                            </div>
231
232                            <!-- Item 2 -->
233                            <div class="relative">
234                                <!-- Dot -->
235                                <div
236                                    class="hidden md:block absolute -left-12 top-2.5 w-4 h-4 rounded-full bg-brand-red dark:bg-brand-magenta ring-4 ring-white dark:ring-brand-black">
237                                </div>
238
239                                <h3 class="font-heading text-2xl md:text-3xl text-brand-black dark:text-white mb-5">
240                                    Une pédagogie active et progressive <span
241                                        class="text-brand-red dark:text-brand-magenta">par projets</span>
242                                </h3>
243                                <div class="text-brand-black/80 dark:text-white/60 text-lg leading-relaxed mb-6">
244                                    <p>
245                                        La formation repose sur une montée en autonomie progressive et les projets
246                                        permettent d’articuler théorie, implémentation algorithmique et
247                                        analyse critique :
248                                    </p>
249                                </div>
250
251                                <div class="grid grid-cols-1 sm:grid-cols-1 gap-3 mb-6">
252                                    <div class="align-baseline card">
253                                        <span
254                                            class=" text-brand-red dark:text-brand-magenta font-heading text-2xl mr-4">01</span>
255                                        <span class="text-brand-black/90 dark:text-white/90 font-medium text-lg">Projets
256                                            encadrés en petits groupes</span>
257                                    </div>
258                                    <div class="align-baseline card">
259                                        <span
260                                            class=" text-brand-red dark:text-brand-magenta font-heading text-2xl mr-4">02</span>
261                                        <span class="text-brand-black/90 dark:text-white/90 font-medium text-lg">Mise en
262                                            œuvre complète d’un pipeline d’analyse</span>
263                                    </div>
264                                    <div class="align-baseline card">
265                                        <span
266                                            class=" text-brand-red dark:text-brand-magenta font-heading text-2xl mr-4">03</span>
267                                        <span
268                                            class="text-brand-black/90 dark:text-white/90 font-medium text-lg">Conception
269                                            et développement d’outils</span>
270                                    </div>
271                                    <div class="align-baseline card">
272                                        <span
273                                            class=" text-brand-red dark:text-brand-magenta font-heading text-2xl mr-4">04</span>
274                                        <span
275                                            class="text-brand-black/90 dark:text-white/90 font-medium text-lg">Interprétation
276                                            biologique et communication des résultats</span>
277                                    </div>
278                                </div>
279                            </div>
280
281                            <!-- Item 3 -->
282                            <div class="relative">
283                                <!-- Dot -->
284                                <div
285                                    class="hidden md:block absolute -left-12 top-2.5 w-4 h-4 rounded-full bg-brand-black dark:bg-white ring-4 ring-white dark:ring-brand-black">
286                                </div>
287
288                                <h3 class="font-heading text-2xl md:text-3xl text-brand-black dark:text-white mb-5">
289                                    Une formation aux compétences professionnelles avancées
290                                </h3>
291                                <div class="text-brand-black/80 dark:text-white/60 text-lg leading-relaxed mb-6">
292                                    <p>
293                                        Au-delà des compétences techniques, la formation vise à structurer la posture
294                                        professionnelle des étudiants :
295                                    </p>
296                                </div>
297
298                                <ul class="space-y-3 mb-8">
299                                    <li
300                                        class="flex items-center text-brand-black/90 dark:text-white/90 font-medium text-lg bg-brand-gray-light dark:bg-dark-card/50 dark:border dark:border-white/6 py-3.5 px-5 rounded-2xl">
301                                        Gestion de projet scientifique
302                                    </li>
303                                    <li
304                                        class="flex items-center text-brand-black/90 dark:text-white/90 font-medium text-lg bg-brand-gray-light dark:bg-dark-card/50 dark:border dark:border-white/6 py-3.5 px-5 rounded-2xl">
305                                        Organisation et hiérarchisation des tâches
306                                    </li>
307                                    <li
308                                        class="flex items-center text-brand-black/90 dark:text-white/90 font-medium text-lg bg-brand-gray-light dark:bg-dark-card/50 dark:border dark:border-white/6 py-3.5 px-5 rounded-2xl">
309                                        Travail collaboratif et coordination d’équipe
310                                    </li>
311                                    <li
312                                        class="flex items-center text-brand-black/90 dark:text-white/90 font-medium text-lg bg-brand-gray-light dark:bg-dark-card/50 dark:border dark:border-white/6 py-3.5 px-5 rounded-2xl">
313                                        Rédaction scientifique et restitution orale
314                                    </li>
315                                    <li
316                                        class="flex items-center text-brand-black/90 dark:text-white/90 font-medium text-lg bg-brand-gray-light dark:bg-dark-card/50 dark:border dark:border-white/6 py-3.5 px-5 rounded-2xl">
317                                        Analyse critique des méthodes et des résultats
318                                    </li>
319                                </ul>
320
321                                <div
322                                    class="bg-brand-teal/10 dark:bg-brand-teal/10 border-l-4 border-brand-teal p-6 md:p-8 rounded-r-2xl relative overflow-hidden">
323                                    <p
324                                        class="text-lg md:text-xl font-medium leading-relaxed text-brand-black dark:text-white relative z-10">
325                                        Les étudiants sont ainsi préparés aussi bien à une poursuite en doctorat qu’à
326                                        une insertion rapide dans des environnements industriels exigeants.
327                                    </p>
328                                </div>
329                            </div>
330                        </div>
331                    </div>
332                </div>
333            </div>
334        </section>
335
336    </main>
337
338    <div id="footer-root"></div>
339
340    
340<script src="js/components.js"></script>
340
341</body>
342
343</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.