Outiref

Code source de l'URL : http://wikipedia.fr

<!DOCTYPE html>
<html class="no-js" lang="fr-FR">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" >
		<link rel="profile" href="https://gmpg.org/xfn/11">
		<title>Wikipedia.fr &#8211; Portail de recherche sur les projets Wikimedia &#8211; Portail de recherche sur les projets Wikimedia</title>
<meta name='robots' content='max-image-preview:large' />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.wikipedia.fr\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.2"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.wikipedia.fr/wp-includes/css/dist/block-library/style.min.css?ver=6.5.2' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='nice-select-css' href='https://www.wikipedia.fr/wp-content/themes/wikipedia/nice-select.css?ver=6.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='slick-theme-css' href='https://www.wikipedia.fr/wp-content/themes/wikipedia/slick-theme.css?ver=6.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='slick-css' href='https://www.wikipedia.fr/wp-content/themes/wikipedia/slick.css?ver=6.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='fonts-css' href='https://www.wikipedia.fr/wp-content/themes/wikipedia/fonts.css?ver=6.5.2' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='https://www.wikipedia.fr/wp-content/themes/wikipedia/style.css?ver=6.5.2' type='text/css' media='all' />
<script type="text/javascript" src="https://www.wikipedia.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.wikipedia.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/fastclick.js?ver=6.5.2" id="fastclick-js"></script>
<script type="text/javascript" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/prism.js?ver=6.5.2" id="prism-js"></script>
<script type="text/javascript" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/jquery.nice-select.min.js?ver=6.5.2" id="nice-select-js"></script>
<script type="text/javascript" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/slick.min.js?ver=6.5.2" id="slick-js"></script>
<script type="text/javascript" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/main.js?ver=6.5.2" id="main-js"></script>
<link rel="https://api.w.org/" href="https://www.wikipedia.fr/wp-json/" /><link rel="alternate" type="application/json" href="https://www.wikipedia.fr/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.wikipedia.fr/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.5.2" />
<link rel="canonical" href="https://www.wikipedia.fr/" />
<link rel='shortlink' href='https://www.wikipedia.fr/' />
<link rel="alternate" type="application/json+oembed" href="https://www.wikipedia.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wikipedia.fr%2F" />
<link rel="icon" href="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-270x270.png" />
        <title></title>
	</head>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;600;700&display=swap">
    <link rel="shortcut icon" type="image/png" href="https://www.wikipedia.fr/wp-content/themes/wikipedia/favicon.png"/>
    <title>Wikipedia.fr &#8211; Portail de recherche sur les projets Wikimedia &#8211; Portail de recherche sur les projets Wikimedia</title>
<meta name='robots' content='max-image-preview:large' />
<link rel="https://api.w.org/" href="https://www.wikipedia.fr/wp-json/" /><link rel="alternate" type="application/json" href="https://www.wikipedia.fr/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.wikipedia.fr/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.5.2" />
<link rel="canonical" href="https://www.wikipedia.fr/" />
<link rel='shortlink' href='https://www.wikipedia.fr/' />
<link rel="alternate" type="application/json+oembed" href="https://www.wikipedia.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wikipedia.fr%2F" />
<link rel="icon" href="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.wikipedia.fr/wp-content/uploads/2020/07/cropped-Wikipedia_W-270x270.png" />
</head>
<body class="home page-template-default page page-id-2"><div id="main-container" class="main">
<img id="nav" class="show-mobile" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/img/menu_mobile.svg" alt="Menu" onclick="openContainer()" />
	<div id="nav-mobile" class="nav nav-mobile">
		<span id="close" onclick="closeContainer()">&#10005;</span>
		<div class="nav-wrapper">
           <h2><a target="_blank"  href="https://www.wikimedia.fr/newsletter/">Newsletter</a></h2>
            <h2><a href="https://www.wikimedia.fr/contact-public/">Contact</a></h2>

		</div>
		<div class="nav-footer">
			<p>
			Site proposé par Wikimédia France,
			<br />
			association pour le libre partage de la connaissance.
			</p>
		</div>
      </div>
  <div class="left box">
    <header class="header header-left">
      <a href="https://fr.wikipedia.org"><img id="wikipedialogo" class="left-logo left-logo-desktop" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/img/wikipedia.svg" alt="Wikipédia" /></a>
      <img class="left-logo left-logo--mobile" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/img/wikipediamobile.svg" alt="Wikipédia" />
    </header>
    <div class="container">
      <header class="recent-news show-desktop">
        <div class="recent-news">
          <h2 class="recent-news--title" id="rechercher">Rechercher</h2>
        </div>
      </header>
      <div class="container-form">
        <form class="search-form" id="searchWikipedia" target="_blank" onsubmit="searchWikipedia()">
          <div class="input-wrapper">
            <input id="search" type="text" autocomplete="off" placeholder="Recherche sur Wikipédia en français" />
            <img id="search-icon" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/img/search.svg" alt="Rechercher" onclick="searchWikipedia()" />
          </div>
          <div id="wikiOutput"></div>
          </form>
      <div class="select-container">
      	<div class="select-wrapper">
      		<select id="lang">
          <option value="fr" selected="selected" data-name="français" >Langue</option>
            <option value="fr" data-name="français">Français</option>
            <option value="als" data-name="alsacien">Alsacien</option>  
            <option value="ar" data-name="arabe">Arabe</option>  
            <option value="hyw" data-name="arménien occidental">Arménien Occidental</option>  
            <option value="eu" data-name="basque">Basque</option>  
            <option value="br" data-name="breton">Breton</option>
            <option value="ca" data-name="catalan">Catalan</option>  
            <option value="co" data-name="corse">Corse</option>
            <option value="gcr" data-name="créole guyanais">Créole Guyanais</option>  
            <option value="ht" data-name="créole haïtien">Créole Haïtien</option>
            <option value="vls" data-name="flamand occidental">Flamand Occidental</option>
            <option value="frp" data-name="francoprovençal">Francoprovençal</option>
            <option value="lad" data-name="judéo-espagnol">Judéo-espagnol</option>
            <option value="lb" data-name="luxembourgeois">Luxembourgeois</option>
            <option value="nrm" data-name="normand">Normand</option>
            <option value="oc" data-name="occitan">Occitan</option>
            <option value="pcd" data-name="picard">Picard</option>
            <option value="rmy" data-name="romani">Romani</option>
            <option value="ty" data-name="tahitien">Tahitien</option>
            <option value="wa" data-name="wallon">Wallon</option>
            <option value="yi" data-name="yiddish">Yiddish</option>
      		</select>
      		</div>
      		<div class="select-wrapper" id="site-wrapper">
      			<select id="site">
            <option value="wikipedia" data-name="wikipedia"  data-site="wikipedia.org" id="wikipedia" selected="selected">Projet Wiki</option>
            <option value="wikipedia" data-name="Wikipedia"  data-site="wikipedia.org" id="wikipedia">Wikipedia</option>
            <option value="wikisource" data-name="Wikisource" data-site="wikisource.org" id="wikisource">Wikisource</option>
            <option value="wiktionary" data-name="Wiktionary"  data-site="wiktionary.org" id="wiktionary">Wiktionary</option>
            <option value="wikinews" data-name="Wikinews"  data-site="wikinews.org" id="wikinews">Wikinews</option>
            <option value="wikiquote" data-name="Wikiquote"  data-site="wikiquote.org" id="wikiquote">Wikiquote</option>
            <option value="wikibooks" data-name="Wikibooks" data-site="wikibooks.org">Wikibooks</option>
            <option value="wikiversity" data-name="Wikiversity" data-site="wikiversity.org" id="wikiversity">Wikiversity</option>
            <option value="wikivoyage" data-name="Wikivoyage"  data-site="wikivoyage.org" id="wikivoyage">Wikivoyage</option>
            <option value="WikimediaCommons" data-name="Wikimedia Commons" data-site="commons.wikimedia.org" id="WikimediaCommons">Wikimedia Commons</option>
            <option value="wikidata" data-name="wikidata"  data-site="wikidata.org" id="Wikidata">Wikidata</option>
      			</select>
      	</div>
      	</div>
      
    </div>
    </div>
  </div>
  <div class="right box">
    <header class="header header-right">
      <div class="header-right-wrapper">
      <nav>
        <ul>

                  <li><a target="_blank"  href="https://www.wikimedia.fr/newsletter/">Newsletter</a></li>
                              <li><a href="https://www.wikimedia.fr/contact-public/">Contact</a></li>
                  </ul>
      </nav>
      <a href="https://www.wikimedia.fr/">
      <img class="right-logo" src="https://www.wikipedia.fr/wp-content/themes/wikipedia/img/wikimediafrance.svg" alt="Wikimedia France" />
          </a>
    </div>
    </header>
    <div class="container">
      <header class="recent-news">
        <div class="recent-news">
          <h2 class="recent-news--title" id="actus-recentes">Actualités</h2>
                    <a  href="https://www.wikimedia.fr/actualites/" class="recent-news--see-all show-desktop">| Voir tout</a>
                  </div>
      </header>
      </a>
      <a href="#" id="controlNext" class="show-desktop">
      <img src="https://www.wikipedia.fr/wp-content/themes/wikipedia/img/next.svg" alt="Suivant" title="Suivant" />
</a>

<div class="posts show-mobile">
  
  <div class="img">
   <img width="253" height="329" src="https://www.wikipedia.fr/wp-content/uploads/2024/04/Wordpress-Wikipedia.fr_.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Jeux Olympiques de Paris 2024" decoding="async" fetchpriority="high" srcset="https://www.wikipedia.fr/wp-content/uploads/2024/04/Wordpress-Wikipedia.fr_.png 253w, https://www.wikipedia.fr/wp-content/uploads/2024/04/Wordpress-Wikipedia.fr_-231x300.png 231w" sizes="(max-width: 253px) 100vw, 253px" />  </div>
  <div class="article-text">
   
      <div class="article-date blue">18 avril 2024</div>

    <h2>Wikimédia France se prépare pour les Jeux Olympiques et Paralympiques</h2>
  </div>
  
  <div class="img">
   <img width="277" height="360" src="https://www.wikipedia.fr/wp-content/uploads/2024/04/thumb-Impots2024.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2024/04/thumb-Impots2024.png 277w, https://www.wikipedia.fr/wp-content/uploads/2024/04/thumb-Impots2024-231x300.png 231w" sizes="(max-width: 277px) 100vw, 277px" />  </div>
  <div class="article-text">
   
      <div class="article-date blue">11 avril 2024</div>

    <h2>Comment déclarer mes dons ?</h2>
  </div>
  
  <div class="img">
   <img width="506" height="658" src="https://www.wikipedia.fr/wp-content/uploads/2024/03/WP-GlobeWP.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Comment soutenir Wikimédia France" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2024/03/WP-GlobeWP.png 506w, https://www.wikipedia.fr/wp-content/uploads/2024/03/WP-GlobeWP-231x300.png 231w" sizes="(max-width: 506px) 100vw, 506px" />  </div>
  <div class="article-text">
   
      <div class="article-date blue">7 mars 2024</div>

    <h2>Découvrez comment vous pouvez soutenir les actions de Wikimédia France</h2>
  </div>
  
  <div class="img">
   <img width="253" height="329" src="https://www.wikipedia.fr/wp-content/uploads/2023/09/253x329-Logo-Wikimania.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Logo Wikimania" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2023/09/253x329-Logo-Wikimania.png 253w, https://www.wikipedia.fr/wp-content/uploads/2023/09/253x329-Logo-Wikimania-231x300.png 231w" sizes="(max-width: 253px) 100vw, 253px" />  </div>
  <div class="article-text">
   
      <div class="article-date blue">27 septembre 2023</div>

    <h2>La France accueillera la Wikimania en 2026 !</h2>
  </div>
  
  <div class="img">
   <img width="969" height="1181" src="https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB.png 969w, https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB-246x300.png 246w, https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB-840x1024.png 840w, https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB-768x936.png 768w" sizes="(max-width: 969px) 100vw, 969px" />  </div>
  <div class="article-text">
   
      <div class="article-date blue">24 novembre 2022</div>

    <h2>Soutenez Wikimédia France en faisant vos recherches avec Lilo.org !</h2>
  </div>
  <div class="posts-button-wrapper">
  <a class="button blue">Découvrir plus d'actualités</a>
</div>
</div>
      <div id="slider" class="show-desktop">

        <ul class="slick-slider">
                              
          <li>
                        <a href="https://www.wikimedia.fr/wikimedia-france-se-prepare-pour-les-jeux-olympiques-et-paralympiques/">
                      <div class="slider-ratio">
              <div class="img">
                <img width="253" height="329" src="https://www.wikipedia.fr/wp-content/uploads/2024/04/Wordpress-Wikipedia.fr_.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Jeux Olympiques de Paris 2024" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2024/04/Wordpress-Wikipedia.fr_.png 253w, https://www.wikipedia.fr/wp-content/uploads/2024/04/Wordpress-Wikipedia.fr_-231x300.png 231w" sizes="(max-width: 253px) 100vw, 253px" />              </div>
            </div>
            <div class="article-text">
              <span class="article-date blue">avril 18, 2024</span>
              <h2>Wikimédia France se prépare pour les Jeux Olympiques et Paralympiques</h2>
            </div>
                         </a>
                                  
          <li>
                        <a href="https://www.wikimedia.fr/comment-declarer-mes-dons/">
                      <div class="slider-ratio">
              <div class="img">
                <img width="277" height="360" src="https://www.wikipedia.fr/wp-content/uploads/2024/04/thumb-Impots2024.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2024/04/thumb-Impots2024.png 277w, https://www.wikipedia.fr/wp-content/uploads/2024/04/thumb-Impots2024-231x300.png 231w" sizes="(max-width: 277px) 100vw, 277px" />              </div>
            </div>
            <div class="article-text">
              <span class="article-date blue">avril 11, 2024</span>
              <h2>Comment déclarer mes dons ?</h2>
            </div>
                         </a>
                                  
          <li>
                        <a href="https://www.wikimedia.fr/nous-soutenir-en-faisant-un-don/">
                      <div class="slider-ratio">
              <div class="img">
                <img width="506" height="658" src="https://www.wikipedia.fr/wp-content/uploads/2024/03/WP-GlobeWP.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Comment soutenir Wikimédia France" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2024/03/WP-GlobeWP.png 506w, https://www.wikipedia.fr/wp-content/uploads/2024/03/WP-GlobeWP-231x300.png 231w" sizes="(max-width: 506px) 100vw, 506px" />              </div>
            </div>
            <div class="article-text">
              <span class="article-date blue">mars 7, 2024</span>
              <h2>Découvrez comment vous pouvez soutenir les actions de Wikimédia France</h2>
            </div>
                         </a>
                                  
          <li>
                        <a href="https://www.wikimedia.fr/la-france-accueillera-la-wikimania-en-2026/">
                      <div class="slider-ratio">
              <div class="img">
                <img width="253" height="329" src="https://www.wikipedia.fr/wp-content/uploads/2023/09/253x329-Logo-Wikimania.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Logo Wikimania" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2023/09/253x329-Logo-Wikimania.png 253w, https://www.wikipedia.fr/wp-content/uploads/2023/09/253x329-Logo-Wikimania-231x300.png 231w" sizes="(max-width: 253px) 100vw, 253px" />              </div>
            </div>
            <div class="article-text">
              <span class="article-date blue">septembre 27, 2023</span>
              <h2>La France accueillera la Wikimania en 2026 !</h2>
            </div>
                         </a>
                                  
          <li>
                        <a href="https://www.wikimedia.fr/lilo/">
                      <div class="slider-ratio">
              <div class="img">
                <img width="969" height="1181" src="https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB.png 969w, https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB-246x300.png 246w, https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB-840x1024.png 840w, https://www.wikipedia.fr/wp-content/uploads/2022/11/1280px-Lilo-logo_signature_RVB-768x936.png 768w" sizes="(max-width: 969px) 100vw, 969px" />              </div>
            </div>
            <div class="article-text">
              <span class="article-date blue">novembre 24, 2022</span>
              <h2>Soutenez Wikimédia France en faisant vos recherches avec Lilo.org !</h2>
            </div>
                         </a>
                                  </li>

        </ul>
      </div>
    </div>
    <footer class="footer-right">
            <div class="wrapper">
     <div class="don_wrapper">
        <p>Soutenez la connaissance libre !</p>
        <a target="_blank" href="https://dons.wikimedia.fr/faitesundon/" id="donate"><strong>Je fais un don</strong></a>
     </div>
      </div>
          </footer>
  </div>
  <footer class="footer-left">
        Wikipedia.fr est un site géré par <a href="https://wikimedia.fr">Wikimédia France</a>.        <div class="blue">
          <a href="https://dons.wikimedia.fr/souteneznous">Faire un don à Wikimédia France</a>        </div>
        <a href="https://www.wikipedia.fr/mentions-legales">Mentions légales</a>
     </div>
      </footer>
</div>
<script>

var navOpenIcon = document.getElementById("nav");
		var navCloseIcon = document.getElementById("close")

		var navContainer = document.getElementById("nav-mobile");

		function openContainer() {
			navOpenIcon.style.display = "none";
			navContainer.style.display = "block";
			// navContainer.style.top = "0";
		}

		function closeContainer() {
			navOpenIcon.style.display = "block";
			navContainer.style.display = "none";
    }
    
var yb = {
    id: function(str) {
        return document.getElementById(str);
    },
};

var tag = "";

yb.id("search").onkeyup = function(e) {
    if (!e.keyCode.toString().match(/^(37|38|39|40|13|16|17|18|224)$/)) {
        if (tag !== "") {
            document.body.removeChild(tag);
        }

        tag = document.createElement("script");
        var term = yb.id("search").value;
        var lang = yb.id("lang").value;
        var site = yb.id("site").value;

        tag.src =
            "https://" + lang + "." + site  + ".org/w/api.php?action=opensearch&limit=10&format=json&callback=ybComplete&search=" +
            term;
        document.body.appendChild(tag);
    }
};

function ybComplete(data) {
    yb.id("wikiOutput").innerHTML = "";
	const lang = yb.id("lang").value;
	const site = yb.id("site").value;
    for (var i = 0; i < 5; i++) {
        if (data[1][i]) {
            yb.id("wikiOutput").innerHTML +=
                '<p><a href="https://' + lang + '.' + site + '.org/wiki/' +
                data[1][i] +
                '">' +
                data[1][i] +
                "</a><span class=" + "remove" + " onclick=" + "removeItem(this)" + ">&#10005;</span><br>" +
                data[2][i] +
				"</p>";
		} else {
			return;
		}
		
		if (!data[1][i]) {
			yb.id("wikiOutput").style.paddingTop = 0;
			return;
		}
    }
}

function removeItem(item) {
	item.parentNode.remove();
}

const input = document.querySelector("input");
const borderFix = document.getElementById("borderFix");

input.addEventListener("input", (evt) => {
	const value = input.value;
	if (!value) {
    input.dataset.state = "autocompleteOff";

		return;
	} else {
    input.dataset.state = "autocompleteOn";

	}
});
</script></body>
</html>