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.