Axe de recherche en histoire num茅rique

<!doctype html> <html lang="fr-FR"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="57x57" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-180x180.png"> <link rel="apple-touch-icon" sizes="1024x1024" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-icon-1024x1024.png"> <link rel="apple-touch-startup-image" media="(width: 320px) and (height: 480px) and (pixel-ratio: 1)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-320x460.png"> <link rel="apple-touch-startup-image" media="(width: 320px) and (height: 480px) and (pixel-ratio: 2)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-640x920.png"> <link rel="apple-touch-startup-image" media="(width: 320px) and (height: 568px) and (pixel-ratio: 2)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-640x1096.png"> <link rel="apple-touch-startup-image" media="(width: 375px) and (height: 667px) and (pixel-ratio: 2)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-750x1294.png"> <link rel="apple-touch-startup-image" media="(width: 414px) and (height: 736px) and (orientation: landscape) and (pixel-ratio: 3)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-1182x2208.png"> <link rel="apple-touch-startup-image" media="(width: 414px) and (height: 736px) and (orientation: portrait) and (pixel-ratio: 3)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-1242x2148.png"> <link rel="apple-touch-startup-image" media="(width: 768px) and (height: 1024px) and (orientation: landscape) and (pixel-ratio: 1)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-748x1024.png"> <link rel="apple-touch-startup-image" media="(width: 768px) and (height: 1024px) and (orientation: landscape) and (pixel-ratio: 2)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-1496x2048.png"> <link rel="apple-touch-startup-image" media="(width: 768px) and (height: 1024px) and (orientation: portrait) and (pixel-ratio: 1)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-768x1004.png"> <link rel="apple-touch-startup-image" media="(width: 768px) and (height: 1024px) and (orientation: portrait) and (pixel-ratio: 2)" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/apple-touch-startup-image-1536x2008.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="228x228" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/coast-228x228.png"> <link rel="manifest" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/manifest.json"> <link rel="shortcut icon" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/favicon.ico"> <link rel="yandex-tableau-widget" href="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/yandex-browser-manifest.json"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="LARHRA"> <meta name="mobile-web-app-capable" content="yes"> <meta name="msapplication-TileColor" content="#fff"> <meta name="msapplication-TileImage" content="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/mstile-144x144.png"> <meta name="msapplication-config" content="https://larhra.fr/wp-content/themes/extra-theme/public/images/favicons/browserconfig.xml"> <meta name="application-name" content="LARHRA"> <meta name="theme-color" content="#ffffff"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <link rel="alternate" hreflang="fr" href="https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/" /> <link rel="alternate" hreflang="x-default" href="https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/" />  <title>Axe de recherche en histoire num茅rique - LARHRA</title> <link rel="canonical" href="https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Axe de recherche en histoire num茅rique - LARHRA" /> <meta property="og:url" content="https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/" /> <meta property="og:site_name" content="LARHRA" /> <meta property="article:modified_time" content="2023-12-12T13:32:09+00:00" /> <meta property="og:image" content="https://larhra.fr/wp-content/uploads/2022/09/arhn.jpg" /> <meta property="og:image:width" content="477" /> <meta property="og:image:height" content="316" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@LARHRA" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/","url":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/","name":"Axe de recherche en histoire num茅rique - LARHRA","isPartOf":{"@id":"https://larhra.fr/#website"},"primaryImageOfPage":{"@id":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/#primaryimage"},"image":{"@id":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/#primaryimage"},"thumbnailUrl":"/wp-content/uploads/2022/09/arhn.jpg","datePublished":"2022-09-06T08:55:43+00:00","dateModified":"2023-12-12T13:32:09+00:00","breadcrumb":{"@id":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/#primaryimage","url":"/wp-content/uploads/2022/09/arhn.jpg","contentUrl":"/wp-content/uploads/2022/09/arhn.jpg","width":477,"height":316,"caption":"L茅gende photo : Paul Bica, Royal Ontario Museum on a rainy day, 2013. Source : Wikimedia Commons. Licence CC BY 2.0"},{"@type":"BreadcrumbList","@id":"https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://larhra.fr/"},{"@type":"ListItem","position":2,"name":"Axe de recherche en histoire num茅rique"}]},{"@type":"WebSite","@id":"https://larhra.fr/#website","url":"https://larhra.fr/","name":"LARHRA","description":"Laboratoire sp茅cialis茅 en histoire moderne et contemporaine","publisher":{"@id":"https://larhra.fr/#organization"},"alternateName":"Laboratoire de recherche historique Rh么ne-Alpes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://larhra.fr/search/{search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://larhra.fr/#organization","name":"LARHRA UMR5190","url":"https://larhra.fr/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://larhra.fr/#/schema/logo/image/","url":"/wp-content/uploads/2023/09/logo-larhra.jpg","contentUrl":"/wp-content/uploads/2023/09/logo-larhra.jpg","width":1000,"height":950,"caption":"LARHRA UMR5190"},"image":{"@id":"https://larhra.fr/#/schema/logo/image/"},"sameAs":["https://twitter.com/LARHRA"]}]}</script>  <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css"><link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/wp-content/themes/extra-theme/public/app.a861db.css"><meta name="generator" content="WPML ver:4.6.3 stt:1,4;" /> <link rel="icon" href="/wp-content/uploads/2023/07/larhra-web-e1688489761937-200x200.png" sizes="32x32"> <link rel="icon" href="/wp-content/uploads/2023/07/larhra-web-e1688489761937-200x200.png" sizes="192x192"> <link rel="apple-touch-icon" href="/wp-content/uploads/2023/07/larhra-web-e1688489761937-200x200.png"> <meta name="msapplication-TileImage" content="/wp-content/uploads/2023/07/larhra-web-e1688489761937.png"> </head> <body class="bg-noise"> <svg style="display:none"> <defs> <symbol id="icon-twitter" viewBox="0 0 16 13"> <path d="M16,1.538h0M11.08,0A3.284,3.284,0,0,0,7.79,3.278v0a3.083,3.083,0,0,0,.09.748A9.328,9.328,0,0,1,1.11.6,3.3,3.3,0,0,0,2.13,4.983a3.309,3.309,0,0,1-1.49-.41v.041A3.282,3.282,0,0,0,3.28,7.832a3.334,3.334,0,0,1-1.49.056,3.289,3.289,0,0,0,3.07,2.279,6.584,6.584,0,0,1-4.08,1.4A6.756,6.756,0,0,1,0,11.526,9.335,9.335,0,0,0,14.37,3.662c0-.142,0-.284-.01-.425A6.706,6.706,0,0,0,16,1.537a6.568,6.568,0,0,1-1.89.517A3.315,3.315,0,0,0,15.56.238a6.634,6.634,0,0,1-2.09.8A3.276,3.276,0,0,0,11.08,0"/> </symbol> <symbol id="icon-arrow-min" viewBox="0 0 8.55 4.98"> <polygon points="8.55 .71 7.84 0 4.27 3.57 .71 0 0 .71 4.27 4.98 4.27 4.97 4.28 4.98 8.55 .71"/> </symbol> <symbol id="icon-arrow-border" viewBox="0 0 13 17"> <path d="M 8.5 1.827322959899902 L 1.848633766174316 12.00000095367432 L 15.15136623382568 12.00000095367432 L 8.5 1.827322959899902 M 8.5 9.5367431640625e-07 L 17 13.00000095367432 L 0 13.00000095367432 L 8.5 9.5367431640625e-07 Z" stroke="none"/> </symbol> </defs> </svg> <main class="wrapper" style="opacity:0" data-scroll-container> <div class="intro absolute js-intro w-full h-screen z-1000"> <div class="js-intro-bg bg-noise absolute inset-0 backface-hidden z-1 origin-top"></div> <div class="js-intro-bg-black bg-black absolute inset-0 z-0 opacity-80"></div> <div class="js-intro-logo absolute top-0 right-0 w-col-6 h-col-6 xmd:w-col-4 xmd:h-col-4 z-2"> <div class="js-intro-square absolute -inset-px"> <span class="js-intro-square-noise absolute inset-0"></span> <span class="line line-top block absolute top-0 left-0 w-full h-px origin-left pointer-events-none backface-hidden bg-blue"></span> <span class="line line-right block absolute top-0 right-0 w-px h-full origin-top pointer-events-none backface-hidden bg-blue"></span> <span class="line line-bottom block absolute bottom-0 right-0 w-full h-px origin-right pointer-events-none backface-hidden bg-blue"></span> <span class="line line-left block absolute bottom-0 left-0 w-px h-full origin-bottom pointer-events-none backface-hidden bg-blue"></span> </div> <div class="js-intro-square-svg absolute inset-0"> <svg class="intro__logo absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-col-2 text-blue stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 135.22 189.94"> <path class="line" d="M.5,108.47v41.15H15.46v-41.15c0-6.78,5.7-12.46,12.31-12.46h12.66v53.6h14.94v-53.5" vector-effect="non-scaling-stroke"/> <path class="line" d="M54.87,96.11h24.99v93.32h14.98V96.01h12.61c6.63,0,12.32,5.68,12.32,12.46v41.15h14.95v-41.15" vector-effect="non-scaling-stroke"/> <path class="line" d="M80.35,81.32h-24.99V.5h-14.94V23.72h-11.87C13.74,23.72,1.58,35.72,1.58,50.51v18.82c0,6.93,3.27,13.86,8.01,18.81C3.74,93.2,.5,100.88,.5,108.47" vector-effect="non-scaling-stroke"/> <path class="line" d="M40.42,81.2h-12.5c-6.32,0-11.24-5.56-11.24-11.87v-18.82c0-6.6,5.25-11.98,11.87-11.98h11.87v42.67Z" vector-effect="non-scaling-stroke"/> <path class="line" d="M118.54,69.33c0,6.31-4.91,11.87-11.24,11.87h-12.46V38.53h11.86c6.62,0,11.84,5.38,11.84,11.98v18.82Z" vector-effect="non-scaling-stroke"/> <path class="line" d="M134.72,108.47c0-7.58-3.21-15.26-9.08-20.33,4.73-4.95,8.01-11.88,8.01-18.81v-18.82c0-14.79-12.18-26.79-26.95-26.79h-11.86V.5h-14.98V81.32" vector-effect="non-scaling-stroke"/> <path class="line-full" d="M125.64,88.14c4.73-4.95,8.01-11.88,8.01-18.81v-18.82c0-14.79-12.18-26.79-26.95-26.79h-11.86V.5h-14.98V81.32h-24.49V.5h-14.94V23.72h-11.87C13.74,23.72,1.58,35.72,1.58,50.51v18.82c0,6.93,3.27,13.86,8.01,18.81C3.74,93.2,.5,100.88,.5,108.47v41.15H15.46v-41.15c0-6.78,5.7-12.46,12.31-12.46h12.66v53.6h14.94v-53.5h24.49v93.32h14.98V96.01h12.61c6.63,0,12.32,5.68,12.32,12.46v41.15h14.95v-41.15c0-7.58-3.21-15.26-9.08-20.33Z" vector-effect="non-scaling-stroke"/> <path class="line-full" d="M125.64,88.14c4.73-4.95,8.01-11.88,8.01-18.81v-18.82c0-14.79-12.18-26.79-26.95-26.79h-11.86V.5h-14.98V81.32h-24.49V.5h-14.94V23.72h-11.87C13.74,23.72,1.58,35.72,1.58,50.51v18.82c0,6.93,3.27,13.86,8.01,18.81C3.74,93.2,.5,100.88,.5,108.47v41.15H15.46v-41.15c0-6.78,5.7-12.46,12.31-12.46h12.66v53.6h14.94v-53.5h24.49v93.32h14.98V96.01h12.61c6.63,0,12.32,5.68,12.32,12.46v41.15h14.95v-41.15c0-7.58-3.21-15.26-9.08-20.33Z" vector-effect="non-scaling-stroke"/> </svg> </div> </div> <div class="js-intro-loader flex absolute left-col bottom-col-0.5 t--mid text-blue !leading-none z-2"> <div class="relative"> <div class="title js-title relative text-black js-loader-title !text-blue" data-cartapus > <div class="title__mask js-title-mask relative w-full h-full"> <p class="relative js-title-title font-title uppercase text-42 md-landscape:text-42 xmd:text-75 xl:text-80 large:text-100 huge:text-[135px] leading-none tracking-ls md-landscape:tracking-ls xmd:tracking-ls-big z-1">000</p> </div> </div> <div class="title js-title relative text-black js-loader-title !text-blue !absolute top-0 right-0" data-cartapus > <div class="title__mask js-title-mask relative w-full h-full"> <p class="relative js-title-title font-title uppercase text-42 md-landscape:text-42 xmd:text-75 xl:text-80 large:text-100 huge:text-[135px] leading-none tracking-ls md-landscape:tracking-ls xmd:tracking-ls-big z-1">100</p> </div> </div> </div> <div> <div class="title js-title relative text-black js-loader-percent !text-blue" data-cartapus > <div class="title__mask js-title-mask relative w-full h-full"> <p class="relative js-title-title font-title uppercase text-42 md-landscape:text-42 xmd:text-75 xl:text-80 large:text-100 huge:text-[135px] leading-none tracking-ls md-landscape:tracking-ls xmd:tracking-ls-big z-1">%</p> </div> </div> </div> </div> <span class="js-intro-overlay-top absolute inset-0 bg-noise z-10"></span> </div> <header class="header js-header w-full flex items-stretch fixed top-0 left-0 z-100 text-black transition-color duration-500 ease-out-quad before:absolute before:inset-0 before:-z-1 before:transition-opacity before:duration-700 before:ease-out-quad before:pointer-events-none"> <div class="header__logo relative mr-auto px-col transition-opacity duration-500 ease-out-quad pointer-events-auto flex items-center"> <a href="https://larhra.fr" class="js-logo relative w-full flex items-center opacity-0" aria-label="Retourner 脿 l'accueil"> <svg class="w-full fill-current hidden lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288.72 63"> <path d="M41.73,29.22c1.58-1.65,2.67-3.96,2.67-6.27v-6.28c0-4.93-4.06-8.93-8.99-8.93h-3.95V0h-4.99V26.95h-8.17V0h-4.98V7.74h-3.96C4.42,7.74,.36,11.74,.36,16.67v6.28c0,2.31,1.09,4.62,2.67,6.27-1.95,1.69-3.03,4.25-3.03,6.78v13.72H4.99v-13.72c0-2.26,1.9-4.15,4.1-4.15h4.22v17.87h4.98V31.88h8.17v31.12h4.99V31.85h4.21c2.21,0,4.11,1.89,4.11,4.15v13.72h4.98v-13.72c0-2.53-1.07-5.09-3.03-6.78Zm-28.41-2.31h-4.17c-2.11,0-3.75-1.86-3.75-3.96v-6.28c0-2.2,1.75-3.99,3.96-3.99h3.96v14.23Zm26.05-3.96c0,2.1-1.64,3.96-3.75,3.96h-4.16V12.68h3.95c2.21,0,3.95,1.79,3.95,3.99v6.28Z"/> <g> <path d="M66.18,15.22c0-.14,.11-.27,.27-.27h.55c.14,0,.27,.13,.27,.27v8.6h4.03c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.85c-.15,0-.27-.13-.27-.27V15.22Z"/> <path d="M72.99,24.4l4.26-9.43c.04-.08,.11-.15,.24-.15h.14c.13,0,.2,.07,.24,.15l4.23,9.43c.08,.18-.03,.36-.24,.36h-.56c-.13,0-.21-.08-.24-.15l-1.04-2.31h-4.97l-1.02,2.31c-.03,.07-.11,.15-.24,.15h-.56c-.21,0-.32-.18-.24-.36Zm6.65-2.97c-.69-1.53-1.36-3.07-2.04-4.59h-.11l-2.04,4.59h4.2Z"/> <path d="M84.45,15.22c0-.14,.11-.27,.27-.27h3.07c1.71,0,2.87,1.11,2.87,2.58,0,1.08-.71,1.86-1.37,2.24,.74,.31,1.68,.99,1.68,2.28,0,1.57-1.25,2.7-3.05,2.7h-3.19c-.15,0-.27-.13-.27-.27V15.22Zm3.57,8.6c1.02,0,1.76-.77,1.76-1.78s-.91-1.72-2-1.72h-2.31v3.5h2.55Zm-.24-4.47c1.08,0,1.68-.77,1.68-1.75s-.6-1.68-1.68-1.68h-2.28v3.43h2.28Z"/> <path d="M98.36,14.82c2.8,0,5.04,2.26,5.04,5.06s-2.24,5.03-5.04,5.03-5.03-2.23-5.03-5.03,2.23-5.06,5.03-5.06Zm0,9.1c2.23,0,4.06-1.82,4.06-4.05s-1.83-4.08-4.06-4.08-4.05,1.85-4.05,4.08,1.82,4.05,4.05,4.05Z"/> <path d="M106.38,15.22c0-.14,.11-.27,.27-.27h3.63c1.68,0,3.05,1.32,3.05,2.98,0,1.29-.85,2.37-2.07,2.86l1.92,3.56c.1,.18,0,.41-.24,.41h-.71c-.13,0-.2-.07-.22-.13l-1.86-3.71h-2.67v3.57c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27V15.22Zm3.82,4.78c1.08,0,2.02-.9,2.02-2.04,0-1.06-.94-1.98-2.02-1.98h-2.72v4.02h2.72Z"/> <path d="M115.13,24.4l4.26-9.43c.04-.08,.11-.15,.24-.15h.14c.13,0,.2,.07,.24,.15l4.23,9.43c.08,.18-.03,.36-.24,.36h-.56c-.13,0-.21-.08-.24-.15l-1.04-2.31h-4.97l-1.02,2.31c-.03,.07-.11,.15-.24,.15h-.56c-.21,0-.32-.18-.24-.36Zm6.65-2.97c-.69-1.53-1.36-3.07-2.04-4.59h-.11l-2.04,4.59h4.2Z"/> <path d="M127.43,15.9h-2.44c-.15,0-.27-.13-.27-.27v-.41c0-.14,.11-.27,.27-.27h5.94c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-2.44v8.6c0,.14-.13,.27-.27,.27h-.53c-.14,0-.27-.13-.27-.27V15.9Z"/> <path d="M137.72,14.82c2.8,0,5.04,2.26,5.04,5.06s-2.24,5.03-5.04,5.03-5.03-2.23-5.03-5.03,2.23-5.06,5.03-5.06Zm0,9.1c2.23,0,4.06-1.82,4.06-4.05s-1.83-4.08-4.06-4.08-4.05,1.85-4.05,4.08,1.82,4.05,4.05,4.05Z"/> <path d="M145.74,15.22c0-.14,.13-.27,.27-.27h.56c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-.56c-.14,0-.27-.13-.27-.27V15.22Z"/> <path d="M150.53,15.22c0-.14,.11-.27,.27-.27h3.63c1.68,0,3.05,1.32,3.05,2.98,0,1.29-.85,2.37-2.07,2.86l1.92,3.56c.1,.18,0,.41-.24,.41h-.71c-.13,0-.2-.07-.22-.13l-1.86-3.71h-2.67v3.57c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27V15.22Zm3.82,4.78c1.08,0,2.02-.9,2.02-2.04,0-1.06-.94-1.98-2.02-1.98h-2.72v4.02h2.72Z"/> <path d="M160.63,15.22c0-.14,.11-.27,.27-.27h5.52c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.71v3.42h4.02c.14,0,.27,.13,.27,.27v.41c0,.15-.13,.27-.27,.27h-4.02v3.57h4.71c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-5.52c-.15,0-.27-.13-.27-.27V15.22Z"/> </g> <g> <path d="M173.7,15.22c0-.14,.11-.27,.25-.27h3.14c2.7,0,4.92,2.2,4.92,4.89s-2.21,4.92-4.92,4.92h-3.14c-.14,0-.25-.13-.25-.27V15.22Zm3.17,8.57c2.3,0,3.96-1.64,3.96-3.95s-1.67-3.94-3.96-3.94h-2.1v7.89h2.1Z"/> <path d="M185,15.22c0-.14,.11-.27,.27-.27h5.52c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.71v3.42h4.02c.14,0,.27,.13,.27,.27v.41c0,.15-.13,.27-.27,.27h-4.02v3.57h4.71c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-5.52c-.15,0-.27-.13-.27-.27V15.22Z"/> </g> <g> <path d="M198.08,15.22c0-.14,.11-.27,.27-.27h3.63c1.68,0,3.05,1.32,3.05,2.98,0,1.29-.85,2.37-2.07,2.86l1.92,3.56c.1,.18,0,.41-.24,.41h-.71c-.13,0-.2-.07-.22-.13l-1.86-3.71h-2.67v3.57c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27V15.22Zm3.82,4.78c1.08,0,2.02-.9,2.02-2.04,0-1.06-.94-1.98-2.02-1.98h-2.72v4.02h2.72Z"/> <path d="M208.17,15.22c0-.14,.11-.27,.27-.27h5.52c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.71v3.42h4.02c.14,0,.27,.13,.27,.27v.41c0,.15-.13,.27-.27,.27h-4.02v3.57h4.71c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-5.52c-.15,0-.27-.13-.27-.27V15.22Z"/> <path d="M221.6,14.82c1.41,0,2.44,.49,3.39,1.3,.11,.11,.13,.28,.01,.39l-.38,.38c-.11,.14-.22,.13-.36-.01-.73-.63-1.72-1.05-2.68-1.05-2.21,0-3.91,1.86-3.91,4.03s1.7,4.02,3.91,4.02c1.22,0,1.93-.49,2.68-1.05,.14-.11,.25-.1,.34-.04l.42,.38c.11,.08,.08,.28-.01,.38-.95,.92-2.16,1.36-3.4,1.36-2.8,0-5.06-2.23-5.06-5.03s2.25-5.06,5.06-5.06Z"/> <path d="M227.99,15.22c0-.14,.13-.27,.27-.27h.55c.15,0,.27,.13,.27,.27v4.09h5.69v-4.09c0-.14,.11-.27,.27-.27h.55c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27v-4.24h-5.69v4.24c0,.14-.11,.27-.27,.27h-.55c-.14,0-.27-.13-.27-.27V15.22Z"/> <path d="M239.53,15.22c0-.14,.11-.27,.27-.27h5.52c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.71v3.42h4.02c.14,0,.27,.13,.27,.27v.41c0,.15-.13,.27-.27,.27h-4.02v3.57h4.71c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-5.52c-.15,0-.27-.13-.27-.27V15.22Z"/> <path d="M248.66,15.22c0-.14,.11-.27,.27-.27h3.63c1.68,0,3.05,1.32,3.05,2.98,0,1.29-.85,2.37-2.07,2.86l1.92,3.56c.1,.18,0,.41-.24,.41h-.71c-.13,0-.2-.07-.22-.13l-1.86-3.71h-2.67v3.57c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27V15.22Zm3.82,4.78c1.08,0,2.02-.9,2.02-2.04,0-1.06-.94-1.98-2.02-1.98h-2.72v4.02h2.72Z"/> <path d="M263.09,14.82c1.41,0,2.44,.49,3.39,1.3,.11,.11,.13,.28,.01,.39l-.38,.38c-.11,.14-.22,.13-.36-.01-.73-.63-1.72-1.05-2.68-1.05-2.21,0-3.91,1.86-3.91,4.03s1.7,4.02,3.91,4.02c1.22,0,1.93-.49,2.68-1.05,.14-.11,.25-.1,.34-.04l.42,.38c.11,.08,.08,.28-.01,.38-.95,.92-2.16,1.36-3.4,1.36-2.8,0-5.06-2.23-5.06-5.03s2.25-5.06,5.06-5.06Z"/> <path d="M269.49,15.22c0-.14,.13-.27,.27-.27h.55c.15,0,.27,.13,.27,.27v4.09h5.69v-4.09c0-.14,.11-.27,.27-.27h.55c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27v-4.24h-5.69v4.24c0,.14-.11,.27-.27,.27h-.55c-.14,0-.27-.13-.27-.27V15.22Z"/> <path d="M281.03,15.22c0-.14,.11-.27,.27-.27h5.52c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.71v3.42h4.02c.14,0,.27,.13,.27,.27v.41c0,.15-.13,.27-.27,.27h-4.02v3.57h4.71c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-5.52c-.15,0-.27-.13-.27-.27V15.22Z"/> </g> <g> <path d="M66.18,35.22c0-.14,.13-.27,.27-.27h.55c.15,0,.27,.13,.27,.27v4.09h5.69v-4.09c0-.14,.11-.27,.27-.27h.55c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27v-4.24h-5.69v4.24c0,.14-.11,.27-.27,.27h-.55c-.14,0-.27-.13-.27-.27v-9.27Z"/> <path d="M77.72,35.22c0-.14,.13-.27,.27-.27h.56c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-.56c-.14,0-.27-.13-.27-.27v-9.27Z"/> <path d="M81.88,43.29c.07-.08,.14-.18,.21-.27,.14-.18,.29-.29,.49-.13,.1,.08,1.12,1.06,2.37,1.06,1.13,0,1.88-.71,1.88-1.54,0-.97-.84-1.54-2.45-2.21-1.54-.67-2.47-1.3-2.47-2.9,0-.95,.76-2.49,2.98-2.49,1.37,0,2.4,.71,2.4,.71,.08,.04,.25,.21,.08,.48-.06,.08-.11,.18-.17,.27-.13,.2-.27,.25-.49,.13-.1-.06-.98-.64-1.83-.64-1.48,0-1.93,.95-1.93,1.54,0,.94,.71,1.48,1.89,1.98,1.89,.77,3.11,1.48,3.11,3.11,0,1.46-1.39,2.52-3.03,2.52s-2.77-.97-2.96-1.13c-.11-.1-.25-.21-.08-.48Z"/> <path d="M92.2,35.9h-2.44c-.15,0-.27-.13-.27-.27v-.41c0-.14,.11-.27,.27-.27h5.94c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-2.44v8.6c0,.14-.13,.27-.27,.27h-.53c-.14,0-.27-.13-.27-.27v-8.6Z"/> <path d="M102.49,34.82c2.8,0,5.04,2.26,5.04,5.06s-2.24,5.03-5.04,5.03-5.03-2.23-5.03-5.03,2.23-5.06,5.03-5.06Zm0,9.1c2.23,0,4.06-1.82,4.06-4.05s-1.83-4.08-4.06-4.08-4.05,1.85-4.05,4.08,1.82,4.05,4.05,4.05Z"/> <path d="M110.51,35.22c0-.14,.11-.27,.27-.27h3.63c1.68,0,3.05,1.32,3.05,2.98,0,1.29-.85,2.37-2.07,2.86l1.92,3.56c.1,.18,0,.41-.24,.41h-.71c-.13,0-.2-.07-.22-.13l-1.86-3.71h-2.67v3.57c0,.14-.13,.27-.27,.27h-.55c-.15,0-.27-.13-.27-.27v-9.27Zm3.82,4.78c1.08,0,2.02-.9,2.02-2.04,0-1.06-.94-1.98-2.02-1.98h-2.72v4.02h2.72Z"/> <path d="M120.6,35.22c0-.14,.13-.27,.27-.27h.56c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-.56c-.14,0-.27-.13-.27-.27v-9.27Z"/> <path d="M129.7,34.82c2.8,0,5.04,2.26,5.04,5.06,0,2.07-1.22,3.82-2.98,4.61l1.64,2.63c.13,.2,0,.42-.22,.42h-.7c-.06,0-.17-.04-.22-.14l-1.53-2.58c-.31,.06-.7,.08-1.02,.08-2.8,0-5.03-2.23-5.03-5.03s2.23-5.06,5.03-5.06Zm0,9.1c2.23,0,4.06-1.82,4.06-4.05s-1.83-4.08-4.06-4.08-4.05,1.85-4.05,4.08,1.82,4.05,4.05,4.05Z"/> <path d="M137.61,35.22c0-.14,.13-.27,.27-.27h.53c.15,0,.27,.13,.27,.27v5.84c0,1.6,.99,2.84,2.63,2.84s2.66-1.22,2.66-2.82v-5.87c0-.14,.11-.27,.27-.27h.53c.14,0,.27,.13,.27,.27v5.93c0,2.13-1.51,3.75-3.73,3.75s-3.7-1.62-3.7-3.75v-5.93Z"/> <path d="M148.6,35.22c0-.14,.11-.27,.27-.27h5.52c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-4.71v3.42h4.02c.14,0,.27,.13,.27,.27v.41c0,.15-.13,.27-.27,.27h-4.02v3.57h4.71c.15,0,.27,.13,.27,.27v.41c0,.14-.11,.27-.27,.27h-5.52c-.15,0-.27-.13-.27-.27v-9.27Z"/> </g> <g> <path d="M161.52,35.22c0-.14,.11-.27,.27-.27h4.01c1.68,0,3.05,1.34,3.05,3.01,0,1.29-.85,2.34-2.07,2.83l1.92,3.56c.1,.18,0,.41-.24,.41h-1.47c-.13,0-.2-.07-.22-.13l-1.86-3.71h-1.55v3.57c0,.14-.13,.27-.27,.27h-1.29c-.15,0-.27-.13-.27-.27v-9.27Zm4.12,4.2c.74,0,1.39-.64,1.39-1.43,0-.74-.64-1.36-1.39-1.36h-2.28v2.79h2.28Z"/> <path d="M171.69,35.22c0-.14,.13-.27,.27-.27h1.3c.15,0,.27,.13,.27,.27v3.71h4.57v-3.71c0-.14,.11-.27,.27-.27h1.29c.14,0,.27,.13,.27,.27v9.27c0,.14-.13,.27-.27,.27h-1.29c-.15,0-.27-.13-.27-.27v-3.87h-4.57v3.87c0,.14-.11,.27-.27,.27h-1.3c-.14,0-.27-.13-.27-.27v-9.27Z"/> <path d="M187.62,34.82c2.8,0,5.04,2.26,5.04,5.06s-2.24,5.03-5.04,5.03-5.03-2.23-5.03-5.03,2.23-5.06,5.03-5.06Zm0,8.26c1.76,0,3.22-1.44,3.22-3.21s-1.46-3.24-3.22-3.24-3.21,1.47-3.21,3.24,1.44,3.21,3.21,3.21Zm-1.7-9.09l-.36-.52c-.07-.1,0-.21,.08-.27l1.82-1.42c.08-.07,.2-.07,.29,0l1.82,1.42c.08,.06,.15,.17,.08,.27l-.36,.52c-.08,.11-.15,.14-.32,.04l-1.36-.85-1.37,.85c-.17,.1-.24,.07-.32-.04Z"/> <path d="M195.33,35.07c0-.14,.13-.25,.27-.25h.35l5.83,6.19h.01v-5.79c0-.14,.11-.27,.27-.27h1.29c.14,0,.27,.13,.27,.27v9.43c0,.14-.13,.25-.27,.25h-.34l-5.86-6.43h-.01v6.02c0,.14-.11,.27-.27,.27h-1.27c-.14,0-.27-.13-.27-.27v-9.43Z"/> <path d="M206.99,35.22c0-.14,.11-.27,.27-.27h5.7c.15,0,.27,.13,.27,.27v1.15c0,.14-.11,.27-.27,.27h-4.15v2.3h3.46c.14,0,.27,.13,.27,.27v1.16c0,.15-.13,.27-.27,.27h-3.46v2.45h4.15c.15,0,.27,.13,.27,.27v1.15c0,.14-.11,.27-.27,.27h-5.7c-.15,0-.27-.13-.27-.27v-9.27Z"/> <path d="M215.27,40.56v-.94c0-.15,.11-.27,.27-.27h3.12c.15,0,.27,.11,.27,.27v.94c0,.14-.11,.25-.27,.25h-3.12c-.15,0-.27-.11-.27-.25Z"/> <path d="M220.4,44.4l4.36-9.43c.04-.08,.11-.15,.24-.15h.14c.14,0,.2,.07,.24,.15l4.31,9.43c.08,.18-.03,.36-.24,.36h-1.22c-.21,0-.31-.08-.41-.28l-.69-1.51h-4.19l-.69,1.51c-.06,.14-.18,.28-.41,.28h-1.22c-.21,0-.32-.18-.24-.36Zm6.05-2.98l-1.4-3.08h-.04l-1.37,3.08h2.82Z"/> <path d="M231.8,35.22c0-.14,.11-.27,.27-.27h1.29c.14,0,.27,.13,.27,.27v7.86h3.57c.15,0,.27,.13,.27,.27v1.15c0,.14-.11,.27-.27,.27h-5.13c-.15,0-.27-.13-.27-.27v-9.27Z"/> <path d="M239.71,35.22c0-.14,.11-.27,.27-.27h3.29c1.72,0,3.14,1.4,3.14,3.1s-1.42,3.15-3.12,3.15h-1.75v3.29c0,.14-.13,.27-.27,.27h-1.29c-.15,0-.27-.13-.27-.27v-9.27Zm3.45,4.27c.78,0,1.44-.63,1.44-1.46,0-.77-.66-1.36-1.44-1.36h-1.62v2.82h1.62Z"/> <path d="M248.84,35.22c0-.14,.11-.27,.27-.27h5.7c.15,0,.27,.13,.27,.27v1.15c0,.14-.11,.27-.27,.27h-4.15v2.3h3.46c.14,0,.27,.13,.27,.27v1.16c0,.15-.13,.27-.27,.27h-3.46v2.45h4.15c.15,0,.27,.13,.27,.27v1.15c0,.14-.11,.27-.27,.27h-5.7c-.15,0-.27-.13-.27-.27v-9.27Z"/> <path d="M257.34,43.39l.5-.87c.11-.2,.35-.2,.48-.1,.07,.04,1.21,.87,2.12,.87,.73,0,1.27-.48,1.27-1.08,0-.71-.6-1.2-1.78-1.68-1.32-.53-2.63-1.37-2.63-3.03,0-1.25,.92-2.69,3.15-2.69,1.43,0,2.52,.73,2.8,.94,.14,.08,.18,.32,.08,.46l-.53,.8c-.11,.17-.32,.28-.49,.17-.11-.07-1.18-.77-1.95-.77s-1.23,.53-1.23,.98c0,.66,.52,1.11,1.65,1.57,1.36,.55,2.93,1.36,2.93,3.17,0,1.44-1.25,2.77-3.22,2.77-1.77,0-2.8-.83-3.08-1.09-.13-.13-.2-.2-.07-.42Z"/> </g> </svg> <svg class="w-6 fill-current lg:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 63"> <path d="M41.73,29.22c1.58-1.65,2.67-3.96,2.67-6.27v-6.28c0-4.93-4.06-8.93-8.99-8.93h-3.95V0h-4.99V26.95h-8.17V0h-4.98V7.74h-3.96C4.42,7.74,.36,11.74,.36,16.67v6.28c0,2.31,1.09,4.62,2.67,6.27-1.95,1.69-3.03,4.25-3.03,6.78v13.72H4.99v-13.72c0-2.26,1.9-4.15,4.1-4.15h4.22v17.87h4.98V31.88h8.17v31.12h4.99V31.85h4.21c2.21,0,4.11,1.89,4.11,4.15v13.72h4.98v-13.72c0-2.53-1.07-5.09-3.03-6.78Zm-28.41-2.31h-4.17c-2.11,0-3.75-1.86-3.75-3.96v-6.28c0-2.2,1.75-3.99,3.96-3.99h3.96v14.23Zm26.05-3.96c0,2.1-1.64,3.96-3.75,3.96h-4.16V12.68h3.95c2.21,0,3.95,1.79,3.95,3.99v6.28Z"/> </svg> </a> <span class="js-logo-line absolute origin-top right-0 -top-px w-px h-full bg-current transition-opacity duration-500 opacity-30"></span> </div> <div class="header__search js-header-search grow relative items-stretch hidden pointer-events-none transition-opacity duration-500 ease-out-quad"> <form role="search" method="get" action="https://larhra.fr/" class="js-search searchform w-full"> <div class="relative flex items-stretch justify-center h-col-3 xmd:h-col-2 w-full"> <input type="text" name="s" value="" class="js-search-input input-search uppercase font-title flex-1 w-full text-40 md-landscape:text-40 xmd:text-75 xl:text-80 xxl:text-100 text-black text-opacity-10 px-5 py-2 xmd:p-6 xlg:p-col-0.5 placeholder-black placeholder-opacity-10" placeholder="Recherche"> <button type="submit" class="relative w-col-3 xmd:w-col-2 h-col-3 xmd:h-col-2 shrink-0 bg-blue-dark flex items-center justify-center cursor-pointer group before:absolute before:inset-0 before:bg-black before:opacity-0 before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-10 js-search-btn" aria-label="Rechercher"> <svg class="text-white stroke-current w-3 xmd:w-5 h-3 xmd:h-5 transition-transform duration-500 ease-out-quad group-hover:scale-90 backface-hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"> <path d="M20.4,10.45c0,5.5-4.46,9.95-9.95,9.95-5.5,0-9.95-4.46-9.95-9.95S4.96,.5,10.45,.5c0,0,0,0,0,0,5.49,0,9.95,4.46,9.95,9.95Z" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.5,22.5l-4.56-4.56" fill="none" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> </div> </form> </div> <div class="header__month js-header-month grow relative px-col-0.5 xlg:px-col hidden items-center pointer-events-none transition-opacity duration-500 ease-out-quad"> <button class="js-header-month-prev relative group w-10 h-10 flex items-center justify-center shrink-0 transition-transform-opacity duration-700 ease-out-quad opacity-0 -translate-y-10 hover:-translate-x-2" aria-label="Mois pr茅c茅dent"> <span class="relative w-2 h-2 pointer-events-none before:absolute before:top-1/2 before:left-0 before:bg-blue before:h-px before:w-full before:origin-left before:rotate-45 after:absolute after:top-1/2 after:left-0 after:bg-blue after:h-px after:w-full after:origin-left after:-rotate-45"></span> </button> <p class="js-header-month-name uppercase font-title text-42 xlg:text-75 xl:text-80 large:text-100 tracking-ls leading-none mx-auto transition-transform-opacity duration-700 ease-out-quad opacity-0 -translate-y-10 delay-200"></p> <button class="js-header-month-next relative group w-10 h-10 flex items-center justify-center shrink-0 transition-transform-opacity duration-700 ease-out-quad opacity-0 -translate-y-10 hover:translate-x-2" aria-label="Mois suivant"> <span class="relative w-2 h-2 pointer-events-none before:absolute before:top-1/2 before:left-0 before:bg-blue before:h-px before:w-full before:origin-right before:rotate-45 after:absolute after:top-1/2 after:left-0 after:bg-blue after:h-px after:w-full after:origin-right after:-rotate-45"></span> </button> </div> <div class="header__lang relative shrink-0 w-col-3 pointer-events-auto xmd:w-col-2 md-landscape:w-col-2 h-col-3 xmd:h-col-2 md-landscape:h-col-2 flex items-center justify-center transition-opacity duration-500 ease-out-quad after:absolute after:left-0 after:top-0 after:bg-current after:opacity-30 after:w-px after:h-full"> <ul class="lang-switcher js-lang-switcher relative w-full h-full uppercase font-bold text-10 xmd:text-12 md-landscape:text-10 flex flex-col justify-center items-center cursor-pointer before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-20 group"> <li class="relative pr-4 before:absolute before:right-0 before:top-1/2 before:w-1 before:h-px before:bg-current before:rotate-45 before:-translate-y-full before:-translate-x-0.5 before:opacity-60 before:duration-500 before:ease-out-quad group-hover:before:opacity-100 after:absolute after:right-0 after:top-1/2 after:w-1 after:h-px after:bg-current after:-rotate-45 after:-translate-y-full after:opacity-60 after:duration-500 after:ease-out-quad group-hover:after:opacity-100"> <a href="https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/" data-router-disabled data-noprefetch data-lang="fr" class="active" >fr</a> </li> <li class="absolute pr-4 left-1/2 -translate-x-1/2 -translate-y-1/2 hidden opacity-0"> <a href="https://larhra.fr/en/" data-router-disabled data-noprefetch data-lang="en" class="transition-color duration-500 ease-out-quad hover:text-blue" >en</a> </li> </ul> </div> <button class="header__btn js-header-btn relative shrink-0 bg-blue cursor-pointer w-col-3 z-2 pointer-events-auto xmd:w-col-2 md-landscape:w-col-2 h-col-3 xmd:h-col-2 md-landscape:h-col-2 flex flex-col items-center justify-center group origin-top after:absolute after:inset-0 after:bg-white after:hidden after:transition-opacity after:duration-250 after:ease-out-quad after:pointer-events-none" aria-label="Ouvrir / Fermer le menu"> <span class="header__btn__line bg-white w-4 xmd:w-[30px] h-px backface-hidden scale-x-0 origin-right duration-500 ease-out-quad group-hover:scale-x-100"></span> <span class="header__btn__line bg-white w-4 xmd:w-[30px] h-px my-0.5 xmd:my-1.5 backface-hidden scale-x-0 duration-500 ease-out-quad origin-right"></span> <span class="header__btn__line bg-white w-4 xmd:w-[30px] h-px backface-hidden scale-x-0 duration-500 ease-out-quad origin-right group-hover:scale-x-75"></span> <span class="round-bounce flex items-center opacity-0 transition-opacity ease-out-expo duration-1500 absolute justify-center"> <span class="block bg-white rounded-full backface-hidden mr-[3px] w-[3px] h-[3px]"></span> <span class="block bg-white rounded-full backface-hidden mr-[3px] w-[3px] h-[3px]"></span> <span class="block bg-white rounded-full backface-hidden mr-[3px] w-[3px] h-[3px]"></span> </span> </button> <span class="js-header-line absolute left-0 bottom-0 w-full h-px origin-left after:absolute after:left-0 after:bottom-0 after:w-full after:h-px after:bg-current after:opacity-30 after:transition-opacity after:duration-1000 after:ease-out-quad"></span> </header> <div class="menu js-menu fixed left-0 top-0 w-full h-screen z-99 items-stretch hidden text-white uppercase"> <span class="js-menu-square absolute top-0 right-0 w-col-3 xmd:w-col-2 h-col-3 xmd:h-col-2 bg-blue pointer-events-none backface-hidden origin-top-right"></span> <div class="menu__wrap relative flex flex-col xlg:flex-row items-stretch overflow-hidden"> <nav class="relative overflow-hidden py-col lg:py-col-2 md-landscape:pt-col-2 md-landscape:pb-6 pl-col lg:pl-col-2 pr-col large:pr-col-2 grow w-full xlg:w-auto font-title text-32 md-landscape:text-24 xmd:text-60 large:text-80 huge:text-100 leading-none tracking-ls"> <span class="js-menu-layer absolute inset-0 bg-blue-dark backface-hidden -translate-x-full pointer-events-none"></span> <div class="menu__back js-menu-back opacity-0 absolute top-0 left-0 h-col-3 xmd:h-col-2 lg:h-full w-full lg:w-col bg-blue-dark cursor-pointer z-10 pointer-events-none transition-opacity duration-500 ease-out-quad before:absolute before:top-1/2 before:left-1/2 before:bg-white before:h-px before:w-2 before:-rotate-45 before:-translate-y-1 before:transition-transform before:duration-500 before:ease-out-quad before:backface-hidden hover:before:-translate-x-2 after:absolute after:top-1/2 after:left-1/2 after:bg-white after:h-px after:w-2 after:rotate-45 after:translate-y-px after:transition-transform after:duration-500 after:ease-out-quad after:backface-hidden hover:after:-translate-x-2"></div> <div class="menu__nav js-menu-nav w-full h-full relative flex items-center"> <ul id="menu-primary-navigation" class="js-menu-list flex flex-col justify-center"><li class="menu-item menu-laboratoire"><a href="https://larhra.fr/laboratoire/">Laboratoire</a></li> <li class="menu-item menu-item-has-children menu-recherches"><a href="https://larhra.fr/recherche/">Recherches</a> <ul class="sub-menu"> <li class="menu-item menu-axes-et-themes-transversaux"><a href="https://larhra.fr/axes-et-transversalites/">Axes et th猫mes transversaux</a></li> <li class="menu-item menu-seminaires-et-ateliers"><a href="https://larhra.fr/laboratoire/seminaires/">S茅minaires et Ateliers</a></li> <li class="menu-item menu-programmes-et-projets"><a href="https://larhra.fr/programmes-et-projets/">Programmes et projets</a></li> <li class="menu-item menu-theses"><a href="https://larhra.fr/theses/">Th猫ses</a></li> <li class="menu-item menu-partenariats-et-collaborations"><a href="https://larhra.fr/partenariat-et-collaborations/societes-savantes/">Partenariats et Collaborations</a></li> </ul> </li> <li class="menu-item menu-membres"><a href="https://larhra.fr/membres/">Membres</a></li> <li class="menu-item menu-item-has-children menu-publications-editions"><a href="https://larhra.fr/ouvrages-des-membres/">Publications & 脡ditions</a> <ul class="sub-menu"> <li class="menu-item menu-ouvrages-des-membres"><a href="https://larhra.fr/ouvrages-des-membres/">Ouvrages des membres</a></li> <li class="menu-item menu-editions"><a href="https://larhra.fr/editions/">脡ditions</a></li> <li class="menu-item menu-lettre-du-larhra"><a href="https://larhra.fr/lettre-du-larhra/">Lettre du LARHRA</a></li> <li class="menu-item menu-blogs-scientifiques"><a href="https://larhra.fr/blogs-scientifiques/">Blogs scientifiques</a></li> </ul> </li> <li class="menu-item menu-actualites"><a href="https://larhra.fr/actualites/">Actualit茅s</a></li> <li class="menu-item menu-agenda"><a href="https://larhra.fr/agenda/">Agenda</a></li> <li class="menu-item menu-item-has-children menu-ressources"><a href="https://larhra.fr/ressources/">Ressources</a> <ul class="sub-menu"> <li class="menu-item menu-centre-de-documentation"><a href="https://larhra.fr/centre-de-documentation/">Centre de documentation</a></li> <li class="menu-item menu-plateformes-collaboratives"><a href="https://larhra.fr/plateformes-collaboratives/">Plateformes collaboratives</a></li> <li class="menu-item menu-numerisation-audio"><a href="https://larhra.fr/numerisation-audio/">Num茅risation audio</a></li> <li class="menu-item menu-bases-de-donnees"><a href="https://larhra.fr/bases-de-donnees/grd-2539/">Bases de donn茅es</a></li> </ul> </li> </ul> </div> </nav> <div class="menu__deco js-menu-decowrap flex flex-col w-full relative md-landscape:hidden after:absolute after:left-0 after:top-0 after:w-px after:bg-white after:h-full after:opacity-50 after:origin-top after:scale-y-0 after:transition-transform after:duration-1000 after:ease-out-quad after:backface-hidden after:z-1"> <div class="w-full grow relative overflow-hidden opacity-0"> <svg class="js-menu-deco absolute top-1/2 left-1/2 h-full opacity-50 -translate-x-1/2 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 881.41 881.41" preserveAspectRatio="none"> <circle class="base" cx="440.71" cy="440.71" r="440" fill="none" stroke="#fff"/> <line class="base" x1="440.71" y1=".79" x2="440.71" y2="880.71" fill="none" stroke="#fff"/> <line x1="880.25" y1="440.34" x2="1.16" y2="440.34" fill="none" stroke="#fff"/> <line x1="751.51" y1="129.53" x2="129.9" y2="751.15" fill="none" stroke="#fff"/> <line x1="751.51" y1="751.15" x2="129.9" y2="129.53" fill="none" stroke="#fff"/> <rect x="440.71" y="243.72" width="393.23" height="393.23" transform="translate(1077.66 -196.98) rotate(90)" fill="none" stroke="#fff"/> <rect x="47.47" y="243.72" width="393.23" height="393.23" transform="translate(684.43 196.25) rotate(90)" fill="none" stroke="#fff"/> <rect x="129.9" y="440.34" width="310.81" height="310.81" fill="none" stroke="#fff"/> <rect x="440.68" y="128.87" width="310.81" height="310.81" fill="none" stroke="#fff"/> <rect x="129.9" y="128.87" width="310.81" height="310.81" fill="none" stroke="#fff"/> <rect x="440.68" y="439.67" width="310.81" height="310.81" fill="none" stroke="#fff"/> <circle cx="285.3" cy="284.94" r="155.4" fill="none" stroke="#fff"/> <circle cx="220.71" cy="440.71" r="220" fill="none" stroke="#fff"/> <circle cx="660.71" cy="440.71" r="220" fill="none" stroke="#fff"/> <circle cx="596.15" cy="284.4" r="155.4" fill="none" stroke="#fff"/> <circle cx="285.3" cy="595.7" r="155.4" fill="none" stroke="#fff"/> <circle cx="596.11" cy="595.08" r="155.4" fill="none" stroke="#fff"/> <rect x="486.66" y="174.91" width="218.98" height="218.98" transform="translate(375.71 -338.24) rotate(45)" fill="none" stroke="#fff"/> <rect x="176.34" y="174.91" width="218.98" height="218.98" transform="translate(284.82 -118.82) rotate(45)" fill="none" stroke="#fff"/> <rect x="486.66" y="486.36" width="218.98" height="218.98" transform="translate(595.94 -247.02) rotate(45)" fill="none" stroke="#fff"/> <rect x="176.34" y="486.36" width="218.98" height="218.98" transform="translate(505.05 -27.6) rotate(45)" fill="none" stroke="#fff"/> <circle cx="440.71" cy="220.71" r="220" fill="none" stroke="#fff"/> <circle cx="440.71" cy="660.71" r="220" fill="none" stroke="#fff"/> <rect x="244.09" y="47.11" width="393.23" height="393.23" fill="none" stroke="#fff"/> <rect x="244.09" y="440.34" width="393.23" height="393.23" fill="none" stroke="#fff"/> <rect x="129.58" y="129.58" width="622.25" height="622.25" transform="translate(440.71 -182.55) rotate(45)" fill="none" stroke="#fff"/> </svg> </div> <div class="menu__search w-full shrink-0 z-2 bg-white origin-top scale-y-0 backface-hidden"> <form role="search" method="get" action="https://larhra.fr/" class="js-search searchform w-full opacity-0 is-search"> <div class="relative flex items-stretch justify-center h-col-3 xmd:h-col-2 w-full"> <input type="text" name="s" value="" class="js-search-input input-search uppercase font-title flex-1 w-full text-40 md-landscape:text-40 xmd:text-75 xl:text-80 xxl:text-100 text-black text-opacity-10 px-5 py-2 xmd:p-6 xlg:p-col-0.5 placeholder-black placeholder-opacity-10" placeholder="Effectuer une recherche"> </div> </form> </div> <span class="js-menu-layerblue absolute bottom-0 left-0 w-full h-col-3 xmd:h-col-2 bg-blue-dark pointer-events-none backface-hidden translate-y-full"></span> </div> </div> <div class="menu__right js-menu-right flex flex-col w-col-3 xmd:w-col-2 relative shrink-0 after:absolute after:top-0 after:left-0 after:w-px after:h-full after:bg-white after:opacity-50 after:scale-y-0 after:origin-top after:transition-transform after:duration-1000 after:ease-out-quad"> <div class="w-full h-col-3 xmd:h-col-2 shrink-0"></div> <a data-router-disabled class="menu__contact w-full grow relative font-bold text-center text-10 p-5 md-landscape:p-2 flex items-end justify-center tracking-ls-min opacity-0 before:absolute before:top-0 before:left-0 before:w-full before:h-full before:bg-white before:opacity-0 before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-20 after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:bg-white after:opacity-50" href="https://larhra.fr/espace-interne/"> <svg class="w-4 h-auto absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"> <path d="M8.5,8.5c2.21,0,4-1.79,4-4S10.71,.5,8.5,.5s-4,1.79-4,4,1.79,4,4,4Zm0,2c-2.67,0-8,1.34-8,4v2H16.5v-2c0-2.66-5.33-4-8-4Z" fill="none" stroke="#fff"/> </svg> <p>Espace interne</p> </a> <a class="menu__contact w-full grow relative font-bold text-center text-10 p-5 md-landscape:p-2 flex items-end justify-center tracking-ls-min opacity-0 before:absolute before:top-0 before:left-0 before:w-full before:h-full before:bg-white before:opacity-0 before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-20 after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:bg-white after:opacity-50 md-landscape:after:hidden" href="https://larhra.fr/contact/"> <svg class="w-5 h-auto absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 17"> <path d="M2.5,.5H18.5c1.1,0,2,.9,2,2V14.5c0,1.1-.9,2-2,2H2.5c-1.1,0-2-.9-2-2V2.5c0-1.1,.9-2,2-2Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.5,2.51l-10,7.05L.5,2.51" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"/> </svg> <p>Contact</p> </a> <button type="submit" class="relative w-col-3 xmd:w-col-2 h-col-3 xmd:h-col-2 shrink-0 bg-blue-dark flex items-center justify-center cursor-pointer group before:absolute before:inset-0 before:bg-black before:opacity-0 before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-10 js-menu-search opacity-0 z-2 md-landscape:hidden" aria-label="Rechercher"> <svg class="text-white stroke-current w-3 xmd:w-5 h-3 xmd:h-5 transition-transform duration-500 ease-out-quad group-hover:scale-90 backface-hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"> <path d="M20.4,10.45c0,5.5-4.46,9.95-9.95,9.95-5.5,0-9.95-4.46-9.95-9.95S4.96,.5,10.45,.5c0,0,0,0,0,0,5.49,0,9.95,4.46,9.95,9.95Z" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.5,22.5l-4.56-4.56" fill="none" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> <span class="js-menu-layerblue absolute bottom-0 left-0 w-full h-col-2 bg-blue-dark pointer-events-none backface-hidden translate-y-full !opacity-100 z-1 hidden xlg:block"></span> </div> </div> <div class="js-transition-black bg-black fixed top-0 left-0 w-screen h-screen hidden z-100 opacity-0"></div> <div class="js-transition bg-noise fixed top-0 left-0 w-screen h-screen hidden z-100 backface-hidden"></div> <div data-scroll-section> <div class="content relative h-screen-header-min pt-col-3 xmd:pt-col-2" data-router-wrapper role="document"> <div class="axis relative w-full overflow-hidden" data-router-view="axis"> <div class="container__top relative w-full z-2 overflow-hidden after:absolute after:left-0 after:bottom-0 after:w-full after:h-px after:bg-black after:opacity-30"> <div class="container__top__inner h-col-3 md:h-container-top flex items-stretch"> <div class="relative shrink-0 w-col-3 md:w-container-top l:w-col-2 before:absolute before:top-0 before:right-0 before:bg-black before:opacity-30 before:w-px before:h-full xmd:before:hidden md-landscape:before:block"> <a href="https://larhra.fr/axes-et-transversalites/" class="btn-cross group relative flex items-center cursor-pointer block w-full h-full !text-blue justify-center" > <span class="relative block w-[13px] h-[13px] flex-grow-0 transition-transform duration-500 ease-out-quad group-hover:rotate-45 backface-hidden -rotate-45 before:absolute before:top-0 before:left-[6px] before:h-full before:w-px before:bg-blue after:absolute after:top-[6px] after:left-0 after:h-px after:w-full after:bg-blue"></span> <span class="btn-cross__label t--min !tracking-ls-min ml-[10px] duration-500 ease-out-quad group-hover:-translate-x-1 group-hover:text-blue hidden l:inline">Retour</span> </a> </div> <div class="grow px-col flex items-center"> <div class="breadcrumb tracking-ls-min uppercase font-bold text-10 huge:text-12"><a title="Accueil" rel="nofollow" class="opacity-60 transition-opacity duration-500 hover:opacity-100" href="https://larhra.fr">Accueil</a><svg class="text-blue fill-current w-[9px] h-[9px] mx-[3px] -mt-[2px] -rotate-90 inline-block" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#icon-arrow-min"></use></svg><a class="opacity-60 transition-opacity duration-500 hover:opacity-100" href="https://larhra.fr/axes-et-transversalites/">Axes et th猫mes transversaux</a><svg class="text-blue fill-current w-[9px] h-[9px] mx-[3px] -mt-[2px] -rotate-90 inline-block" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#icon-arrow-min"></use></svg> <strong class="text-blue">Axe de recherche en histoire num茅rique</strong></div> </div> <div class="relative w-col-4 shrink-0 items-stretch hidden xmd:flex before:absolute before:top-0 before:left-0 before:w-px before:h-full before:bg-black before:opacity-30 after:absolute after:top-0 after:left-1/2 after:w-px after:h-full after:bg-black after:opacity-30"> <a href="https://larhra.fr/axes-et-transversalites/territoire-environnement-sante/" class="pagination-btn relative w-1/2 flex items-center justify-center text-center group"> <div class="pagination-btn__wrap absolute top-0 left-0 w-max h-full after:absolute after:top-1/2 after:left-0 after:w-full after:h-px after:scale-x-0 after:bg-current after:transition-transform after:duration-1000 after:ease-out-expo hover:after:scale-x-100 after:origin-left group-hover:after:scale-x-100 after:opacity-30"> <svg class="relative w-auto h-full stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 360" preserveAspectRatio="none"> <line x1="0" y1="180" x2="160" y2="0" fill="none"/> <line x1="0" y1="180" x2="160" y2="360" fill="none"/> </svg> </div> <p class="uppercase font-bold text-10 opacity-60 group-hover:opacity-100 transition-opacity duration-500 ease-out-quad">Pr茅c.</p> </a> <a href="https://larhra.fr/axes-et-transversalites/atelier-images-sons-memoires/" class="pagination-btn is-top is-right relative w-1/2 flex items-center justify-center text-center group"> <div class="pagination-btn__wrap absolute top-0 right-0 w-max h-full after:absolute after:top-1/2 after:left-0 after:w-full after:h-px after:scale-x-0 after:bg-current after:transition-transform after:duration-1000 after:ease-out-expo hover:after:scale-x-100 after:origin-right group-hover:after:scale-x-100 after:opacity-30"> <svg class="relative w-auto h-full stroke-current rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 360" preserveAspectRatio="none"> <line x1="0" y1="180" x2="160" y2="0" fill="none"/> <line x1="0" y1="180" x2="160" y2="360" fill="none"/> </svg> </div> <p class="uppercase font-bold text-10 opacity-60 group-hover:opacity-100 transition-opacity duration-500 ease-out-quad">Suiv.</p> </a> </div> </div> </div> <div class="scroll-progress js-scroll-progress hidden xmd:block md-landscape:hidden absolute h-screen-header xlg:left-col-2 top-0 w-px bg-black bg-opacity-30 overflow-hidden backface-hidden"> <span class="absolute inset-0 w-px h-full backface-hidden bg-blue origin-top scale-y-0"></span> </div> <div class="axis__wrap relative w-full xlg:pl-col-2 md-landscape:pl-0"> <div class="relative w-full flex items-stretch before:absolute before:left-0 before:bottom-0 before:w-full before:h-px before:bg-black before:opacity-30"> <div class="axis__title relative w-full py-12 xmd:py-20 xlg:py-24"> <div class="title js-title relative w-full overflow-hidden text-black" data-cartapus data-cartapus-once="false" data-loop="true" data-mask="true" > <div class="title__mask js-title-mask relative w-full h-full"> <p class="js-title-title relative font-title uppercase leading-[0.85] flex text-80 md-landscape:text-42 xmd:text-100 xlg:text-150 xl:text-200 whitespace-nowrap backface-hidden z-1 pt-1 xl:pt-2 pb-3 xlg:pb-5 xl:pb-6 md-landscape:pb-2"> <span>Axe de recherche en histoire num茅rique</span> </p> </div> </div> </div> <div class="relative hidden xmd:flex shrink-0 w-col-2 items-center justify-center text-center before:absolute before:left-0 before:top-0 before:w-px before:h-full before:bg-black before:opacity-30"> <p class="text-10 text-blue font-bold">8 / 9</p> </div> </div> <div class="relative w-full z-1 pb-col pl-col pr-col xmd:pr-col-2 flex items-start gap-col flex-col xlg:flex-row"> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 top-[10px] before:top-0 right-[10px] after:right-0 right-auto -left-[10px]"></span> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 top-[10px] before:top-0 left-[10px] after:left-0"></span> <div class="js-axis-img relative w-full xmd:pr-col lg:pr-0 lg:w-3/4 xlg:w-1/2 -mt-col xlg:-mt-col-2 huge:-mt-col-1.5"> <div class="image-legend -mx-col my-col-2 rg:my-col mx-0 !my-0 js-intro-media"> <picture class="w-full"> <source srcset="/wp-content/uploads/2022/09/arhn.jpg.webp 477w, /wp-content/uploads/2022/09/arhn-450x298.jpg.webp 450w" sizes="(max-width: 1280px) 100vw, 50vw" type="image/webp" > <source srcset="/wp-content/uploads/2022/09/arhn.jpg 477w, /wp-content/uploads/2022/09/arhn-450x298.jpg 450w" sizes="(max-width: 1280px) 100vw, 50vw" type="image/jpeg" > <img srcset="/wp-content/uploads/2022/09/arhn.jpg 477w, /wp-content/uploads/2022/09/arhn-450x298.jpg 450w" src="/wp-content/uploads/2022/09/arhn-200x200.jpg" alt="" sizes="(max-width: 1280px) 100vw, 50vw" class="block object-cover w-full h-full" loading="lazy" decoding="async" > </picture> <p class="relative leading-normal text-12 xmd:text-14 text-black text-opacity-60 w-full px-col mt-col-0.5 xl:max-w-col-7 before:absolute before:left-0 before:top-0 before:w-px before:h-[15px] before:bg-blue">L茅gende photo : Paul Bica, Royal Ontario Museum on a rainy day, 2013. Source : Wikimedia Commons. Licence CC BY 2.0</p> </div> </div> <div class="relative w-full xlg:w-1/2 xlg:py-col"> <div class="panel-blue flex flex-col text-black axis__pres w-full"> <span class="hidden h-[13px] w-px mb-10 large:mb-20 l:block bg-blue"></span> <p class="t--min mb-5 xmd:mb-10 text-blue">Pr茅sentation</p> <div class="text--min content-text last-mb-0 opacity-60"><p class="Textbody">L鈥橝RHN entend renouveler la dynamique d鈥檌nnovation m茅thodologique en histoire num茅rique en mettant d茅sormais l鈥檃ccent sur la recherche personnelle des membres du LARHRA avec un outillage nume虂rique et en me虂thodologie nume虂rique applique虂e a虁 la recherche en sciences historiques, autour d’une question centrale : comment acqu茅rir les comp茅tences m茅thodologiques n茅cessaires permettant de faire de la recherche en sciences historiques dans le nouveau contexte de la r茅volution num茅rique ? L’axe s鈥檃rticule ainsi autour de deux th茅matiques, le num茅rique 茅tant mobilis茅脿 la fois en tant qu’outil et en tant qu’objet pour la recherche en sciences historiques, et d’un projet d’infrastructure : Geovistory.</p> <p class="Textbody">Le projet de l’ARHN implique pour les participant鈰卐鈰卻 de disposer d’une comp茅tence num茅rique personnelle, plus ou moins avanc茅e. Les chercheurs et chercheuses impliqu茅鈰卐鈰卻 dans l’ARHN entendent ainsi faire de l’histoire num茅rique (dans les deux sens indiqu茅s ci-dessus) et travaillent dans un contexte de recherche collaborative en histoire et en m茅thodologie sur leurs propres projets de recherche. Les ing茅nieur鈰卐鈰卻 qui participent aux travaux de l’ARHN soutiennent cette d茅marche de recherche collaborative, articul茅e en deux th茅matiques et une infrastructure ins茅parables, dans une logique d’茅quipe mixte chercheurs/chercheuses-ing茅nieur鈰卐鈰卻.</p> <p> </p> <p class="rtejustify"> </div> </div> </div> </div> <div class="relative w-full pt-col pb-col-2 pl-col pr-col-2 flex items-center gap-col-2 xlg:gap-col flex-col xlg:flex-row"> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 bottom-[10px] before:bottom-0 right-[10px] after:right-0 right-auto -left-[10px]"></span> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 bottom-[10px] before:bottom-0 left-[10px] after:left-0"></span> <div class="w-full lg:w-3/4 xlg:w-1/2 xlg:pl-col xl:pr-col-2"> <p class="relative font-medium text-24 xmd:text-32 lg:text-40 xl:text-42 leading-tight tracking-ls-min xl:tracking-ls"> <svg class="axis__rect js-elem-loop slow md-landscape:w-1/2 absolute w-3/4 lg:w-5/6 h-auto right-0 top-1/2 -z-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 410.64 302.65"> <rect x=".95" y=".62" width="409.05" height="300.84" fill="none" stroke="#0470b8"/> <line x1=".3" y1="302.25" x2="410.35" y2=".4" fill="none" stroke="#0470b8"/> <line x1="410.35" y1="302.25" x2=".3" y2=".4" fill="none" stroke="#0470b8"/> </svg> L鈥橝xe de recherche en histoire num茅rique (ARHN) vise 脿 prolonger et 脿 d茅velopper la comp茅tence et l鈥檈xp茅rience sp茅cifiques acquises depuis plus de dix ans au sein du P么le histoire num茅rique, reconnues tant au niveau national qu鈥檌nternational. </p> </div> <div class="relative w-full xlg:mt-0 xlg:w-1/2 xlg:pr-col-2"> <div class="gblock_accordeon accordeon js-accordeon my-col-2 rg:my-col border-t border-black border-opacity-30 !my-0"> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="text-blue uppercase text-10 font-bold mb-2">Th茅matique 1</p> <p class="pr-5 text--mid">Recherche en sciences historiques avec outillage num茅rique</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><p class="Textbody">Cette premi猫re th茅matique pr茅suppose une acquisition personnelle de comp茅tences num茅riques de la part des participant鈰卐鈰卻, tant en termes de pratiques que de connaissance des ressources disponibles.</p> <p class="Textbody">Dans une logique de recherche collaborative, l鈥橝xe de recherche en histoire num茅rique organise des ateliers anim茅s par des intervenant鈰卐鈰卻 internes ou externes autour des outils, m茅thodes et bonnes pratiques, notamment des principes <a href="https://fr.wikipedia.org/wiki/Fair_data" target="_blank" rel="noopener noreferrer" data-extlink=""><u>FAIR</u></a> qui, dans le cadre de la <a href="https://fr.wikipedia.org/wiki/Science_ouverte" target="_blank" rel="noopener noreferrer" data-extlink=""><u>Science ouverte</u></a>, d茅finissent les bonnes mani猫res de structurer, stocker, pr茅senter ou publier des donn茅es de fa莽on 脿 cette qu’elles soient 芦 facilement trouvables, accessibles, interop茅rables et r茅utilisables 禄. En utilisant les outils mis 脿 disposition par l鈥橝RHN, dont la <a href="https://pyprojects.symogih.org/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>plateforme de recherche python</u></a>, l鈥檃pplication de gestion des ontologies <a href="https://ontome.net/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>OntoME</u></a>, et l鈥檈nvironnement virtuel de recherche <a href="https://www.geovistory.org/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>Geovistory</u></a>, les participants s鈥檌nscriront ainsi dans le contexte des donn茅es ouvertes et li茅es (<a href="https://fr.wikipedia.org/wiki/Linked_open_data" target="_blank" rel="noopener noreferrer" data-extlink=""><u>LOD</u></a>).</p> <p class="Textbody">Responsable scientifique : <a href="https://larhra.fr/member/jcaranton"><span style="color: windowtext;text-decoration: none">Julien Caranton</span></a></p> </div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="text-blue uppercase text-10 font-bold mb-2">Th茅matique 2</p> <p class="pr-5 text--mid">Recherche en m茅thodologie num茅rique pour les sciences historiques</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><p class="rtejustify">Cette th茅matique s鈥檃rticule en deux volets principaux. D鈥檜ne part, un approfondissement des comp茅tences partag茅es en analyse et visualisation des donn茅es, ainsi qu鈥檈n utilisation des donn茅es de la recherche ouvertes disponibles sous forme de sites web ou de points d’acc猫s interop茅rables, d鈥檃utre part, l鈥檃nimation et la promotion du consortium international <a href="http://dataforhistory.org/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>Data for History</u></a>, autour聽:</p> <p class="rtejustify">– d鈥檜ne r茅flexion m茅thodologique sur les mod猫les et les ontologies, notamment celles utilis茅es par les institutions des <a href="https://fr.wikipedia.org/wiki/GLAM_(culture)" target="_blank" rel="noopener noreferrer" data-extlink=""><u>GLAM</u></a>.</p> <p class="rtejustify">– du d茅veloppement de la plateforme de gestion d鈥檕ntologies <a href="https://ontome.net/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>OntoME</u></a> et des m茅thodes et infrastructures permettant l鈥檌nt茅gration de donn茅es et plateformes en ligne.</p> <p class="rtejustify">– d鈥檜ne collaboration avec les autres acteurs nationaux et internationaux de ce secteur聽: consortium <a href="http://dataforhistory.org/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>Data for History</u></a>, <a href="https://abes.fr/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>Agence bibliographique de l鈥檈nseignement sup茅rieur</u></a>, SIG (comit茅 scientifique) du <a href="http://www.cidoc-crm.org/" target="_blank" rel="noopener noreferrer" data-extlink=""><u>CIDOC CRM</u></a>.</p> <p class="Textbody">L’accent est mis dans les deux volets sur les enjeux m茅thodologiques et 茅pist茅mologiques de l’histoire num茅rique, ainsi que sur la promotion de recherches en histoire et histoire de l’art utilisant des m茅thodes et outils num茅riques.</p> <p class="Textbody">Responsable scientifique : <a href="https://larhra.fr/member/fberetta"><span style="color: windowtext;text-decoration: none">Francesco Beretta</span></a>.</p> </div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="text-blue uppercase text-10 font-bold mb-2">Th茅matique 3</p> <p class="pr-5 text--mid">Infrastructure pour la recherche : Geovistory </p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><p class="Textbody">Depuis janvier 2021 et en collaboration avec la start-up <a href="https://kleiolab.ch/"><span style="color: windowtext;text-decoration: none">KleioLab</span></a>, le LARHRA s’implique dans le d茅veloppement de <a href="https://www.geovistory.org/"><span style="color: windowtext;text-decoration: none">Geovistory</span></a>, une infrastructure pour la recherche qui fait suite au projet symogih.org.</p> <p class="Textbody">En lien avec les th茅matiques de l’ARHN, cette infrastructure vise 脿 mettre 脿 disposition des chercheur鈰卐鈰卻 du laboratoire et de l’ensemble de la communaut茅 des historien鈰卬e鈰卻, un environnement virtuel de recherche convivial adapt茅 tout aussi bien aux projets individuels qu’aux projets financ茅s (ANR, ERC…). Geovistory permet la production de donn茅es conformes aux principes聽<a href="https://fr.wikipedia.org/wiki/Fair_data"><span style="color: windowtext">FAIR</span></a> et de la <a href="https://fr.wikipedia.org/wiki/Science_ouverte"><span style="color: windowtext">Science ouverte</span></a>, ainsi que leur analyse, leur visualisation et leur publication en connexion avec les donn茅es ouvertes et li茅es (<a href="https://fr.wikipedia.org/wiki/Linked_open_data"><span style="color: windowtext">LOD</span></a>).</p> <p class="Textbody">Depuis f茅vrier 2023, de nouveaux partenaires sont venus renforcer le consortium Geovistory dans le cadre du projet swissuniversities <a href="https://larhra.fr/programmes-et-projets/lod4hss/"><span style="color: windowtext;text-decoration: none">LOD4HSS</span></a> port茅 par la <a href="https://www.dh.unibe.ch/index_eng.html"><span style="color: windowtext;text-decoration: none">chaire d’humanit茅s num茅riques</span></a> de l’universit茅 de Berne.</p> <p class="Textbody">Responsable scientifique : <a href="https://larhra.fr/member/pvernus"><span style="color: windowtext;text-decoration: none">Pierre Vernus</span></a>.</p> </div> </div> </div> </div> </div> </div> </div> <div class="js-axis-tabs axis__wrap relative w-full xlg:pl-col-2 md-landscape:pl-0 before:absolute before:left-0 before:top-0 before:w-full before:h-px before:bg-black before:opacity-30"> <div class="relative w-full flex items-start flex-col xlg:flex-row gap-col pt-col pl-col pr-col xmd:pr-col-2 xlg:px-col-2 pb-col-2"> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 top-[10px] before:top-0 right-[10px] after:right-0 right-auto -left-[10px]"></span> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 top-[10px] before:top-0 left-[10px] after:left-0"></span> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 bottom-[10px] before:bottom-0 right-[10px] after:right-0 right-auto -left-[10px]"></span> <span class="tick absolute w-1 h-1 before:absolute before:left-0 before:w-full before:h-px before:bg-blue after:absolute after:bg-blue after:w-px after:h-full after:top-0 bottom-[10px] before:bottom-0 left-[10px] after:left-0"></span> <div class="relative w-full xlg:w-1/2 xlg:pr-col"> <h2 class="text-10 font-bold uppercase text-blue">Participants</h2> <div class="gblock_accordeon accordeon js-accordeon my-col-2 rg:my-col border-t border-black border-opacity-30 !mb-0"> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="pr-5 text--mid">Responsables</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><a href="https://larhra.fr/member/valamercery" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Vincent Alamercery </p><p class="text-current">Charg茅 de projet - ENS de Lyon </p></a><a href="https://larhra.fr/member/pvernus" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Pierre Vernus</p><p class="text-current">Ma卯tre de conf茅rences - Universit茅 Lumi猫re Lyon 2</p></a></div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="pr-5 text--mid">Chercheur.e.s et enseignant.e.s-chercheur.e.s permanent.e.s</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><a href="https://larhra.fr/member/fberetta" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Francesco Beretta</p><p class="text-current">Charg茅 de recherche CNRS - CNRS</p></a><a href="https://larhra.fr/member/ebourdon" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Etienne Bourdon</p><p class="text-current">Enseignant-chercheur Habilit茅脿 diriger des recherches (HDR) - Universit茅 Grenoble Alpes </p></a><a href="https://larhra.fr/member/sbree" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Sandra Br茅e</p><p class="text-current">Charg茅e de recherche - CNRS</p></a><a href="https://larhra.fr/member/jcaranton" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Julien Caranton</p><p class="text-current">Ma卯tre de conf茅rences - Universit茅 Grenoble Alpes </p></a><a href="https://larhra.fr/member/agranet" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Anne-Marie Granet-Abisset</p><p class="text-current">Professeure 茅m茅rite - Universit茅 Grenoble Alpes </p></a><a href="https://larhra.fr/member/bhours" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Bernard Hours</p><p class="text-current">Professeur des Universit茅s - Universit茅 Jean Moulin Lyon 3</p></a><a href="https://larhra.fr/member/mmartini" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Manuela Martini</p><p class="text-current">Professeure en histoire contemporaine - Universit茅 Lumi猫re Lyon 2</p></a><a href="https://larhra.fr/member/lpettinaroli" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Laura Pettinaroli</p><p class="text-current">Professeure - Universit茅 Lyon 2</p></a><a href="https://larhra.fr/member/prygiel" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Philippe Rygiel</p><p class="text-current">Professeur des universit茅s - ENS de Lyon</p></a><a href="https://larhra.fr/member/ssoaresrodrigues" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Simele Soares-Rodrigues</p><p class="text-current">Ma卯tresse de conf茅rences - Universit茅 Jean Moulin Lyon 3</p></a><a href="https://larhra.fr/member/pvernus" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Pierre Vernus</p><p class="text-current">Ma卯tre de conf茅rences - Universit茅 Lumi猫re Lyon 2</p></a></div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="pr-5 text--mid">Chercheur.e.s et enseignant.e.s-chercheur.e.s non permanent.e.s</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><a href="https://larhra.fr/member/carmand" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">C茅cile Armand</p><p class="text-current">Chercheure non permanente</p></a><a href="https://larhra.fr/member/pnevejans" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Pierre Nevejans</p><p class="text-current">Post-doctorant - LabEx COMOD</p></a></div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="pr-5 text--mid">Ing茅nieur.e.s, technicien.ne.s et administratif.ve.s</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><a href="https://larhra.fr/member/valamercery" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Vincent Alamercery </p><p class="text-current">Charg茅 de projet - ENS de Lyon </p></a><a href="https://larhra.fr/member/c-chadier" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Christine Chadier</p><p class="text-current">脡ditions, Documentation - Universit茅 Jean Moulin Lyon 3</p></a><a href="https://larhra.fr/member/hchamoux" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Henri Chamoux</p><p class="text-current">Ing茅nieur d'茅tude - ENS de Lyon </p></a><a href="https://larhra.fr/member/djamel-ferhod" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Djamel Ferhod</p><p class="text-current">Ing茅nieur d'茅tude en ing茅nierie logicielle - CNRS</p></a><a href="https://larhra.fr/member/aperraud" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Alexandre Perraud</p><p class="text-current">Ing茅nieur en ing茅nierie logicielle - CNRS</p></a><a href="https://larhra.fr/member/mpica" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Morgane Pica</p><p class="text-current">Ing茅nieure d鈥櫭﹖udes en traitement et analyse de donn茅es - ENS de Lyon </p></a></div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="pr-5 text--mid">Doctorant.e.s</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><a href="https://larhra.fr/member/gakpamuk" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Gunce Akpamuk</p><p class="text-current">Doctorante - Universit茅 Lyon 2</p></a><a href="https://larhra.fr/member/dbranciard" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">D茅lia Branciard</p><p class="text-current">Doctorante - Universit茅 Lyon 3</p></a><a href="https://larhra.fr/member/lbriot" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Lisia Briot</p><p class="text-current">Doctorante - Universit茅 Grenoble Alpes</p></a><a href="https://larhra.fr/member/jdaniel" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Johanna Daniel</p><p class="text-current">Doctorante - Universit茅 Lumi猫re Lyon 2</p></a><a href="https://larhra.fr/member/agoebel" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Angela Goebel</p><p class="text-current">Doctorante en Histoire moderne - Universit茅 Lyon 3</p></a><a href="https://larhra.fr/member/sgrappe" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">S茅bastien Grappe</p><p class="text-current">Doctorant - ENS LYON</p></a><a href="https://larhra.fr/member/mcjalabert" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Marie-Cl茅mence Jalaber</p><p class="text-current">Doctorante - Universit茅 Lyon 2</p></a><a href="https://larhra.fr/member/rlachello" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Rapha毛l Lachello</p><p class="text-current">Doctorant - Universit茅 Grenoble Alpes</p></a><a href="https://larhra.fr/member/pfmartinet" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Pierre-Franck Martinet</p><p class="text-current">Doctorant - Universit茅 Lyon 3</p></a><a href="https://larhra.fr/member/btourenc" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Bastien Tourenc</p><p class="text-current">Doctorant - Universit茅 Lyon 2</p></a></div> </div> </div> <div class="accordeon__item js-accordeon-item border-b border-black border-opacity-30"> <div class="accordeon__title js-accordeon-title relative group cursor-pointer flex flex-col py-col rg:py-col-0.5"> <p class="pr-5 text--mid">Chercheur.e.s associ茅.e.s</p> <svg class="w-[10px] h-[10px] text-blue fill-current transition-transform duration-300 absolute top-1/2 right-0 -translate-y-1/2 group-hover:-rotate-45" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" data-name="cross"> <rect x="4.5" width="1" height="5"/> <rect x="4.5" y="5" width="1" height="5"/> <rect y="4.5" width="10" height="1"/> </svg> </div> <div class="js-accordeon-content w-full h-0 overflow-hidden"> <div class="accordeon__content js-accordeon-content-inner pb-10 pointer-events-none"><a href="https://larhra.fr/member/fcarlotti" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Fran莽ois-Xavier Carlotti</p><p class="text-current">Chercheur associ茅</p></a><a href="https://larhra.fr/member/jfchauvard" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Jean-Fran莽ois Chauvard</p><p class="text-current">Chercheur associ茅</p></a><a href="https://larhra.fr/member/ofluckiger" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Fabrice Fl眉ckiger</p><p class="text-current">Chercheur associ茅</p></a><a href="https://larhra.fr/member/cmestdagh" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Camille Mestdagh</p><p class="text-current">Chercheure (Histoire de l'art / Histoire num茅rique)</p></a><a href="https://larhra.fr/member/ysambuis" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Yann Sambuis</p><p class="text-current">Agr茅g茅 et docteur en histoire - Lyon 2 / Sciences Po Lyon</p></a><a href="https://larhra.fr/member/esergent" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Eric Sergent</p><p class="text-current">Chercheur associ茅</p></a><a href="https://larhra.fr/member/jtentoni" class="block mb-6 last:mb-0 text--min text-gray-dark transition-color duration-500 ease-out-quad hover:text-black"><p class="text-blue">Justine Tentoni</p><p class="text-current">Chercheure associ茅e</p></a></div> </div> </div> </div> </div> <div class="relative w-full lg:w-3/4 xlg:w-1/2"> <div class="image-legend -mx-col my-col-2 rg:my-col mx-0 !my-0"> <picture class="w-full"> <source srcset="/wp-content/uploads/2022/09/arhn.jpg.webp 477w, /wp-content/uploads/2022/09/arhn-450x298.jpg.webp 450w" sizes="(max-width: 1280px) 100vw, 50vw" type="image/webp" > <source srcset="/wp-content/uploads/2022/09/arhn.jpg 477w, /wp-content/uploads/2022/09/arhn-450x298.jpg 450w" sizes="(max-width: 1280px) 100vw, 50vw" type="image/jpeg" > <img srcset="/wp-content/uploads/2022/09/arhn.jpg 477w, /wp-content/uploads/2022/09/arhn-450x298.jpg 450w" src="/wp-content/uploads/2022/09/arhn-200x200.jpg" alt="" sizes="(max-width: 1280px) 100vw, 50vw" class="block object-cover w-full h-full" loading="lazy" decoding="async" > </picture> <p class="relative leading-normal text-12 xmd:text-14 text-black text-opacity-60 w-full px-col mt-col-0.5 xl:max-w-col-7 before:absolute before:left-0 before:top-0 before:w-px before:h-[15px] before:bg-blue">L茅gende photo : Paul Bica, Royal Ontario Museum on a rainy day, 2013. Source : Wikimedia Commons. Licence CC BY 2.0</p> </div> </div> </div> </div> <div class="relative w-full before:absolute before:left-0 before:top-0 before:w-full before:h-px before:bg-black before:opacity-30"> <div class="w-full hidden xmd:flex items-stretch h-container-top"> <div class="axis__pagi relative xlg:w-col-2 flex items-center justify-center text-center before:absolute before:right-0 before:top-0 before:w-px before:h-full before:bg-black before:opacity-30 before:hidden md-landscape:before:block"> <p class="text-10 font-bold">7 / 9</p> </div> <div class="text-10 font-bold uppercase text-blue grow flex justify-center text-center items-center px-col">Prochain axe th茅matique</div> <div class="relative w-col-2 flex items-center justify-center text-center before:absolute before:left-0 before:top-0 before:w-px before:h-full before:bg-black before:opacity-30"> <p class="text-10 font-bold">9 / 9</p> </div> </div> <div class="relative w-full flex items-stretch before:hidden xmd:before:block before:absolute before:left-0 before:top-0 before:w-full before:h-px before:bg-black before:opacity-30"> <div class="axis__pagi relative xlg:w-col-2 before:absolute before:right-0 before:top-0 before:w-px before:h-full before:bg-black before:opacity-30 before:hidden md-landscape:before:block"> <a href="https://larhra.fr/axes-et-transversalites/territoire-environnement-sante/" class="pagination-btn grow relative w-full cursor-pointer overflow-hidden group opacity-30 transition-opacity duration-500 ease-out-quad before:absolute before:inset-0 before:opacity-0 before:bg-current before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-20 after:absolute after:top-1/2 after:left-0 after:w-full after:h-px after:scale-x-0 after:bg-current after:transition-transform after:duration-1000 after:ease-out-expo hover:after:scale-x-100 text-black after:origin-left " aria-label="Bouton de pagination" > <svg class="w-full h-full stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 360" preserveAspectRatio="none"> <line x1="0" y1="180" x2="160" y2="0" fill="none"/> <line x1="0" y1="180" x2="160" y2="360" fill="none"/> </svg> </a> </div> <div class="axis__titlenav relative flex items-center border-l border-black border-opacity-30 m:border-opacity-0"> <div class="title js-title relative w-full overflow-hidden text-black" data-cartapus data-cartapus-once="false" data-loop="true" data-mask="true" > <div class="title__mask js-title-mask relative w-full h-full"> <p class="js-title-title relative font-title uppercase leading-[0.85] flex text-80 md-landscape:text-42 xmd:text-100 xlg:text-150 xl:text-200 whitespace-nowrap backface-hidden z-1 pt-1 xl:pt-2 pb-3 xlg:pb-5 xl:pb-6 md-landscape:pb-2"> <span>Axe de recherche en histoire num茅rique</span> </p> </div> </div> </div> <div class="relative w-col-2 before:absolute before:left-0 before:top-0 before:w-px before:h-full before:bg-black before:opacity-30"> <a href="https://larhra.fr/axes-et-transversalites/atelier-images-sons-memoires/" class="pagination-btn grow relative w-full cursor-pointer overflow-hidden group opacity-30 transition-opacity duration-500 ease-out-quad before:absolute before:inset-0 before:opacity-0 before:bg-current before:transition-opacity before:duration-500 before:ease-out-quad hover:before:opacity-20 after:absolute after:top-1/2 after:left-0 after:w-full after:h-px after:scale-x-0 after:bg-current after:transition-transform after:duration-1000 after:ease-out-expo hover:after:scale-x-100 text-black after:origin-right " aria-label="Bouton de pagination" > <svg class="w-full h-full stroke-current rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 360" preserveAspectRatio="none"> <line x1="0" y1="180" x2="160" y2="0" fill="none"/> <line x1="0" y1="180" x2="160" y2="360" fill="none"/> </svg> </a> </div> </div> </div> </div> </div> <footer class="footer relative w-full js-footer overflow-hidden z-10" id="footer"> <div class="footer__main js-footer-main js-footer-bg relative bg-black"> <div class="footer__inner js-footer-inner relative w-full"> <div class="footer__columns flex min-h-screen w-full pt-col l:pt-col-2"> <div class="footer__column js-footer-column relative w-col-9 p-col pb-col-0.5 hidden after:absolute after:inset-0 after:bg-white xxl:w-col-8 l:w-col-7 xlg:block"> <button class="btn-scrolltop js-btn-scrolltop block w-col-2 h-col-2 cursor-pointer z-10 absolute -right-col bottom-0 mr-px" type="button" aria-label="Retour en haut"> <span class="btn-scrolltop__center js-btn-scrolltop-center block absolute w-px bg-white left-2/4 bottom-0 h-full origin-bottom"></span> <span class="btn-scrolltop__left js-btn-scrolltop-left block absolute w-px bg-white left-2/4 top-0 h-3/4 origin-top"></span> <span class="btn-scrolltop__right js-btn-scrolltop-right block absolute w-px bg-white left-2/4 top-0 h-3/4 origin-top"></span> </button> <svg class="footer__logo js-footer-logo absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-col-4 stroke-1 z-2 stroke-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 135.22 189.94"> <path class="line" d="M.5,108.47v41.15H15.46v-41.15c0-6.78,5.7-12.46,12.31-12.46h12.66v53.6h14.94v-53.5" vector-effect="non-scaling-stroke"/> <path class="line" d="M54.87,96.11h24.99v93.32h14.98V96.01h12.61c6.63,0,12.32,5.68,12.32,12.46v41.15h14.95v-41.15" vector-effect="non-scaling-stroke"/> <path class="line" d="M80.35,81.32h-24.99V.5h-14.94V23.72h-11.87C13.74,23.72,1.58,35.72,1.58,50.51v18.82c0,6.93,3.27,13.86,8.01,18.81C3.74,93.2,.5,100.88,.5,108.47" vector-effect="non-scaling-stroke"/> <path class="line" d="M40.42,81.2h-12.5c-6.32,0-11.24-5.56-11.24-11.87v-18.82c0-6.6,5.25-11.98,11.87-11.98h11.87v42.67Z" vector-effect="non-scaling-stroke"/> <path class="line" d="M118.54,69.33c0,6.31-4.91,11.87-11.24,11.87h-12.46V38.53h11.86c6.62,0,11.84,5.38,11.84,11.98v18.82Z" vector-effect="non-scaling-stroke"/> <path class="line" d="M134.72,108.47c0-7.58-3.21-15.26-9.08-20.33,4.73-4.95,8.01-11.88,8.01-18.81v-18.82c0-14.79-12.18-26.79-26.95-26.79h-11.86V.5h-14.98V81.32" vector-effect="non-scaling-stroke"/> <path class="line-full" d="M125.64,88.14c4.73-4.95,8.01-11.88,8.01-18.81v-18.82c0-14.79-12.18-26.79-26.95-26.79h-11.86V.5h-14.98V81.32h-24.49V.5h-14.94V23.72h-11.87C13.74,23.72,1.58,35.72,1.58,50.51v18.82c0,6.93,3.27,13.86,8.01,18.81C3.74,93.2,.5,100.88,.5,108.47v41.15H15.46v-41.15c0-6.78,5.7-12.46,12.31-12.46h12.66v53.6h14.94v-53.5h24.49v93.32h14.98V96.01h12.61c6.63,0,12.32,5.68,12.32,12.46v41.15h14.95v-41.15c0-7.58-3.21-15.26-9.08-20.33Z" vector-effect="non-scaling-stroke"/> <path class="line-full" d="M125.64,88.14c4.73-4.95,8.01-11.88,8.01-18.81v-18.82c0-14.79-12.18-26.79-26.95-26.79h-11.86V.5h-14.98V81.32h-24.49V.5h-14.94V23.72h-11.87C13.74,23.72,1.58,35.72,1.58,50.51v18.82c0,6.93,3.27,13.86,8.01,18.81C3.74,93.2,.5,100.88,.5,108.47v41.15H15.46v-41.15c0-6.78,5.7-12.46,12.31-12.46h12.66v53.6h14.94v-53.5h24.49v93.32h14.98V96.01h12.61c6.63,0,12.32,5.68,12.32,12.46v41.15h14.95v-41.15c0-7.58-3.21-15.26-9.08-20.33Z" vector-effect="non-scaling-stroke"/> </svg> <span class="footer__bar js-footer-bar flex-0 block absolute bottom-0 right-0 w-px h-full bg-white opacity-30 origin-bottom z-2"></span> </div> <div class="footer__column js-footer-column flex-0 w-full flex flex-col justify-between px-col py-col-0.5 lg:px-col-2 xlg:pr-col xlg:w-col-15 huge:pr-col-3 huge:pt-col xxl:w-col-16 xxl:px-col-2 l:w-col-17"> <div class="lg:flex xxl:mb-col-0.5"> <div class="flex-1 mb-col-1.5 lg:mb-0"> <p class="t--min text-white mb-5">Universit茅 Lyon 2, MSH LSE</p> <ul class="text--min text-white"> <li class="mb-5 opacity-60">14 avenue Berthelot, 69363 Lyon cedex 07</li> <li class="mb-5 opacity-60 transition-opacity duration-500 hover:opacity-100"><a href="tel:+330472726401">T茅l : +33 (0)4 72 72 64 01</a></li> <li class="mb-5 opacity-60 transition-opacity duration-500 hover:opacity-100"><a href="mailto:larhra@msh-lse.fr" target="_blank" rel="noopener noreferrer">Mail : larhra@msh-lse.fr</a></li> </ul> </div> <div class="flex-1 mb-col-1.5 lg:mb-0"> <p class="t--min text-white mb-5">Universit茅 Grenoble Alpes, ARSH</p> <ul class="text--min text-white"> <li class="mb-5 opacity-60">1221 avenue centrale, Domaine Universitaire, 38400 Saint-Martin-d'H猫res</li> <li class="mb-5 opacity-60 transition-opacity duration-500 hover:opacity-100"><a href="tel:330438421934">T茅l : 33 (0)4 38 42 19 34</a></li> </ul> </div> </div> <div class="mb-col-0.5 lg:mb-0 xxl:mb-col-0.5 huge:pr-col"> <p class="t--min text-white mb-5">Menu</p> <ul id="menu-footer-menu" class="flex flex-wrap text--min text-white"><li class="menu-item menu-laboratoire"><a href="https://larhra.fr/laboratoire/">Laboratoire</a></li> <li class="menu-item menu-axes-et-themes-transversaux"><a href="https://larhra.fr/axes-et-transversalites/">Axes et th猫mes transversaux</a></li> <li class="menu-item menu-agenda"><a href="https://larhra.fr/agenda/">Agenda</a></li> <li class="menu-item menu-membres"><a href="https://larhra.fr/membres/">Membres</a></li> <li class="menu-item menu-actualites"><a href="https://larhra.fr/actualites/">Actualit茅s</a></li> </ul> </div> <div class="mb-col lg:mb-0 xxl:mb-col-0.5 huge:pr-col"> <p class="t--min text-white mb-5">Outils</p> <ul id="menu-footer-outils" class="flex flex-wrap text--min text-white"><li class="menu-item menu-espace-interne"><a href="https://larhra.fr/espace-interne/" data-router-disabled="true">Espace interne</a></li> <li class="menu-item menu-contact"><a href="https://larhra.fr/contact/">Contact</a></li> <li class="menu-item menu-hal-shs"><a href="https://halshs.archives-ouvertes.fr/">HAL SHS</a></li> <li class="menu-item menu-annuaire-msh"><a href="https://www.msh-lse.fr/annuaire/">Annuaire MSH</a></li> <li class="menu-item menu-credits"><a href="https://larhra.fr/credits/">Cr茅dits</a></li> <li class="menu-item menu-mentions-legales"><a href="https://larhra.fr/mentions-legales/">Mentions l茅gales</a></li> <li class="js-cookie-btn menu-item menu-cookie"><a href="#cookie">Cookie</a></li> </ul> </div> <ul class="socials flex mb-col-2 rg:mb-col-0.5 huge:mb-col"> <li class="socials__item relative fill-white min-w-[70px] min-h-[70px] w-col-1 h-col-1"> <a href="https://twitter.com/larhra" class="link-square group fill-white min-w-[70px] min-h-[70px] w-col-1 h-col-1 absolute inset-0 flex justify-center items-center 1" target="_blank" rel="noopener noreferrer" aria-label="Profil twitter"> <span class="block absolute inset-0 w-full h-full border border-white opacity-30 transition-transform-opacity duration-700 ease-in-out-power2 backface-hidden group-hover:opacity-100 group-hover:rotate-90 group-hover:scale-75"></span> <svg xmlns="http://www.w3.org/2000/svg"> <use xlink:href="#icon-twitter"></use> </svg> </a> </li> </ul> <ul class="partners flex flex-wrap items-center"> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="https://www.cnrs.fr/fr" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="/wp-content/uploads/2022/09/cnrs.png.webp" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/webp" > <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/png" > <img srcset="" src="/wp-content/uploads/2022/09/cnrs.png" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="http://www.ens-lyon.fr" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="/wp-content/uploads/2022/09/ens-lyon.png.webp" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/webp" > <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/png" > <img srcset="" src="/wp-content/uploads/2022/09/ens-lyon.png" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="https://www.univ-grenoble-alpes.fr" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/png" > <img srcset="" src="/wp-content/uploads/2022/09/grenoble-universite.png" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="https://www.univ-lyon2.fr" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/png" > <img srcset="" src="/wp-content/uploads/2022/09/lyon2.png" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="https://www.univ-lyon3.fr" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="/wp-content/uploads/2022/09/lyon3-jean-moulin.png.webp" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/webp" > <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/png" > <img srcset="" src="/wp-content/uploads/2022/09/lyon3-jean-moulin.png" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="https://www.msh-lse.fr" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="/wp-content/uploads/2022/09/msh-st-etienne.png.webp" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/webp" > <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/png" > <img srcset="" src="/wp-content/uploads/2022/09/msh-st-etienne.png" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0 transition-opacity duration-500 hover:opacity-100"> <a href="https://www.msh-alpes.fr/" target="_blank" rel="noopener noreferrer" class="z-2 absolute block inset-0" aria-label="Visiter le site partenaire"> </a> <picture class="block mx-auto"> <source srcset="/wp-content/uploads/2023/03/msh-alpes-1.jpg.webp" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/webp" > <source srcset="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" type="image/jpeg" > <img srcset="" src="/wp-content/uploads/2023/03/msh-alpes-1-200x192.jpg" alt="" sizes="(max-width: 640px) 35vw, (max-width: 1024px) 15vw, (max-width: 1440px) 10vw, 7vw" class="h-auto w-auto max-h-8 large:max-h-10 huge:max-h-14" loading="lazy" decoding="async" > </picture> </li> <li class="partners__item relative w-1/3 border-opacity-30 opacity-60 mb-5 my-4 rg:w-auto rg:mr-[60px] lg:mb-0 rg:flex-nowrap rb:mb-0 last:mr-0"> </li> </ul> </div> </div> <div class="footer__bottom w-full flex align-center justify-between p-col pt-col-0.5 pb-col pointer-events-none xlg:absolute xlg:pt-0 lg:px-col-2 xlg:pb-col l:px-col l:pb-col-0.5 xlg:left-0 xlg:bottom-0"> <p class="text--min text-white self-end !text-10">漏 <span class="text-white text-opacity-60">2025</span></p> <a href="https://www.extralagence.com" class="link-extra block text-right lg:inline-block lg:text-left p-1 -mr-1 pointer-events-auto" target="_blank" rel="noopener noreferrer" aria-label="Visiter le site Extra l'agence"> <svg viewBox="0 0 9.15 10.01" class="w-4 h-4"> <path d="M5.77,6.84v.55h-4A1.19,1.19,0,0,0,2.91,8.6H3.1A1.56,1.56,0,0,0,4.4,8l1.19,1A3.08,3.08,0,0,1,3.07,10,2.91,2.91,0,0,1,0,7.25a1.71,1.71,0,0,1,0-.32A3,3,0,0,1,2.77,3.82H3A2.72,2.72,0,0,1,5.78,6.48a2.17,2.17,0,0,1,0,.36m-4-.54H4.07a1.11,1.11,0,0,0-1-1.18H2.94a1.16,1.16,0,0,0-1.2,1.12v0" style="fill: #fff"/> <circle cx="7.64" cy="1.5" r="1.5" style="fill: #fff" class="backface-hidden" /> </svg> </a> </div> </div> </div> </footer> </div> <script id='app/1-js-extra'> var wp_vars = {"adminAjax":"https:\/\/larhra.fr\/wp-admin\/admin-ajax.php","restUrl":"https:\/\/larhra.fr\/wp-json\/wp\/v2\/","templateUrl":"https:\/\/larhra.fr\/wp-content\/themes\/extra-theme","distUrl":"https:\/\/larhra.fr\/wp-content\/themes\/extra-theme\/public","nonce":"b4ec9841a7","language":"fr","googleApiKey":"","siteUrl":"https:\/\/larhra.fr"}; </script> <script> !function(){"use strict";var r,n={},e={};function t(r){var o=e[r];if(void 0!==o)return o.exports;var u=e[r]={exports:{}};return n[r].call(u.exports,u,u.exports,t),u.exports}t.m=n,r=[],t.O=function(n,e,o,u){if(!e){var f=1/0;for(l=0;l<r.length;l++){e=r[l][0],o=r[l][1],u=r[l][2];for(var i=!0,a=0;a<e.length;a++)(!1&u||f>=u)&&Object.keys(t.O).every((function(r){return t.O[r](e[a])}))?e.splice(a--,1):(i=!1,u<f&&(f=u));if(i){r.splice(l--,1);var c=o();void 0!==c&&(n=c)}}return n}u=u||0;for(var l=r.length;l>0&&r[l-1][2]>u;l--)r[l]=r[l-1];r[l]=[e,o,u]},t.n=function(r){var n=r&&r.__esModule?function(){return r.default}:function(){return r};return t.d(n,{a:n}),n},t.d=function(r,n){for(var e in n)t.o(n,e)&&!t.o(r,e)&&Object.defineProperty(r,e,{enumerable:!0,get:n[e]})},t.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},function(){var r={666:0};t.O.j=function(n){return 0===r[n]};var n=function(n,e){var o,u,f=e[0],i=e[1],a=e[2],c=0;if(f.some((function(n){return 0!==r[n]}))){for(o in i)t.o(i,o)&&(t.m[o]=i[o]);if(a)var l=a(t)}for(n&&n(e);c<f.length;c++)u=f[c],t.o(r,u)&&r[u]&&r[u][0](),r[u]=0;return t.O(l)},e=self.webpackChunksage=self.webpackChunksage||[];e.forEach(n.bind(null,0)),e.push=n.bind(null,e.push.bind(e))}()}(); </script><script defer src="/wp-content/themes/extra-theme/public/vendor/app.ccf531.js"></script><script defer src="/wp-content/themes/extra-theme/public/app.e023d2.js"></script></main> <div class="languages-list hidden"> <div data-lang="fr" data-url="https://larhra.fr/axes-et-transversalites/axe-de-recherche-en-histoire-numerique/" class="active" ></div> <div data-lang="en" data-url="https://larhra.fr/en/" ></div> </div> <script> var isIE = /MSIE|Trident/.test(window.navigator.userAgent); if (isIE && window.location.href !== "https://larhra.fr/redirection-internet-explorer/") { window.location = "https://larhra.fr/redirection-internet-explorer/"; } </script> </body> </html>

CINXE.COM

Axe de recherche en histoire num茅rique - LARHRA