CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-not-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Projet:Charte graphique — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-not-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"20edbb7a-f21e-48e6-a257-bc7845cf2229","wgCanonicalNamespace":"Projet","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":102,"wgPageName":"Projet:Charte_graphique","wgTitle":"Charte graphique","wgCurRevisionId":215780518,"wgRevisionId":215780518,"wgArticleId":135831,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Charte graphique"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Projet:Charte_graphique","wgRelevantArticleId":135831,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true, "wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":2000,"wgRelatedArticlesCompat":[],"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q15222455","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true, "wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap", "ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","wikibase.client.vector-2022","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.discussionTools.init.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Projet:Charte graphique — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Projet:Charte_graphique"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Projet:Charte_graphique&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Projet:Charte_graphique"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-102 ns-subject mw-editable page-Projet_Charte_graphique rootpage-Projet_Charte_graphique skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Projet%3ACharte+graphique" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Projet%3ACharte+graphique" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Projet%3ACharte+graphique" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Projet%3ACharte+graphique" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Projet</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Charte graphique</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Aller à un article dans une autre langue. Disponible en 2 langues." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-2" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">2 langues</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Vikipedio:Grafika_%C4%89arto" title="Vikipedio:Grafika ĉarto – espéranto" lang="eo" hreflang="eo" data-title="Vikipedio:Grafika ĉarto" data-language-autonym="Esperanto" data-language-local-name="espéranto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Wikip%C3%A9dia:Padr%C3%A3o_visual" title="Wikipédia:Padrão visual – portugais" lang="pt" hreflang="pt" data-title="Wikipédia:Padrão visual" data-language-autonym="Português" data-language-local-name="portugais" class="interlanguage-link-target"><span>Português</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q15222455#sitelinks-wikipedia" title="Modifier les liens interlangues" class="wbc-editpage">Modifier les liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-projet" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Projet:Charte_graphique" title="Afficher la page du sujet [c]" accesskey="c"><span>Projet</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussion_Projet:Charte_graphique" rel="discussion" title="Discussion au sujet de cette page de contenu [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">français</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Projet:Charte_graphique"><span>Lire</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Projet:Charte_graphique"><span>Lire</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Projet:Charte_graphique" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Projet:Charte_graphique" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&oldid=215780518" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FProjet%3ACharte_graphique"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FProjet%3ACharte_graphique"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Livre&bookcmd=book_creator&referer=Projet%3ACharte+graphique"><span>Créer un livre</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Projet%3ACharte_graphique&action=show-download-screen"><span>Télécharger comme PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Projet:Charte_graphique&printable=yes" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q15222455" title="Lien vers l’élément dans le dépôt de données connecté [g]" accesskey="g"><span>Élément Wikidata</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> <div id="mw-indicator-0notifCharte_graphique" class="mw-indicator"><div class="mw-parser-output"><span title="Le projet Charte graphique a 2 notifications. Cliquez pour voir."><small><a href="/wiki/Cat%C3%A9gorie:Projet:Charte_graphique/Notification" title="Catégorie:Projet:Charte graphique/Notification">Le projet Charte graphique a 2 notifications</a></small> <span typeof="mw:File"><a href="//fr.wikipedia.org/wiki/Cat%C3%A9gorie:Projet:Charte_graphique/Notification"><img alt="notifications du projet Charte graphique" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/OOjs_UI_icon_bell-destructive.svg/20px-OOjs_UI_icon_bell-destructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/OOjs_UI_icon_bell-destructive.svg/30px-OOjs_UI_icon_bell-destructive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/21/OOjs_UI_icon_bell-destructive.svg/40px-OOjs_UI_icon_bell-destructive.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span></span></div></div> </div> <div id="siteSub" class="noprint">Une page de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><div class="clear" style="clear:both;"></div> <div style="display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-content: flex-start;"> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-progressive, #36c); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a class="mw-selflink selflink"><span style="color: var(--color-inverted, #fff); font-weight: bold;">Accueil</span></a></div> </div> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-interactive-subtle, #f8f9fa); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a href="/wiki/Projet:Charte_graphique/Logos" title="Projet:Charte graphique/Logos"><span style="color: var(--color-emphasized, #000); font-weight: bold;">Logos</span></a></div> </div> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-interactive-subtle, #f8f9fa); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a href="/wiki/Projet:Charte_graphique/Articles" title="Projet:Charte graphique/Articles"><span style="color: var(--color-emphasized, #000); font-weight: bold;">Infobox et palettes</span></a></div> </div> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-interactive-subtle, #f8f9fa); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a href="/wiki/Projet:Charte_graphique/Portails_et_projets" title="Projet:Charte graphique/Portails et projets"><span style="color: var(--color-emphasized, #000); font-weight: bold;">Portails et projets</span></a></div> </div> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-interactive-subtle, #f8f9fa); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a href="/wiki/Projet:Am%C3%A9lioration_de_l%27interface_par_la_WMF" title="Projet:Amélioration de l'interface par la WMF"><span style="color: var(--color-emphasized, #000); font-weight: bold;">Vector</span></a></div> </div> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-interactive-subtle, #f8f9fa); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a href="/wiki/Projet:Charte_graphique/Minerva" title="Projet:Charte graphique/Minerva"><span style="color: var(--color-emphasized, #000); font-weight: bold;">Minerva</span></a></div> </div> <div style="flex-basis: 17em; flex-grow: 1;"> <div style="box-shadow: 0 0 0.2em #999; background: var(--background-color-interactive-subtle, #f8f9fa); border-radius: 0.2em; margin: 0.5em 0.5em 1em; padding: 0.4em 0.5em 0.5em; text-align: center; ;"> <a href="/wiki/Discussion_Projet:Charte_graphique" title="Discussion Projet:Charte graphique"><span style="color: var(--color-emphasized, #000); font-weight: bold;">Discussion</span></a></div> </div> </div> <div style="box-shadow: 0 0 .2em #999; border-radius: .2em; margin: .5em .5em 1em .5em; padding: .5em 1em .5em 1em; background-color: var(--background-color-interactive-subtle, #f8f9fa);color:inherit; text-align: center; padding: 2em;;"><span class="skin-invert" typeof="mw:File"><span><img alt="Fusée" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Maki-rocket-15.svg/40px-Maki-rocket-15.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Maki-rocket-15.svg/60px-Maki-rocket-15.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Maki-rocket-15.svg/80px-Maki-rocket-15.svg.png 2x" data-file-width="15" data-file-height="15"/></span></span> <span style="font-family: Century Gothic; font-size: 2em;">Charte graphique</span></div> <div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: var(--background-color-base, #fff); color:inherit; flex: 0 1 auto; ;"> <div style="background: #00AF89; color:inherit; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;" class="titre"><span style="opacity: 0.8;"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c0/OOjs_UI_icon_help-ltr-invert.svg/20px-OOjs_UI_icon_help-ltr-invert.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c0/OOjs_UI_icon_help-ltr-invert.svg/30px-OOjs_UI_icon_help-ltr-invert.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c0/OOjs_UI_icon_help-ltr-invert.svg/40px-OOjs_UI_icon_help-ltr-invert.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span></span> <span style="color: #FFF; font-weight: bold;">Pourquoi ce projet ?</span><div style="float: right; font-size: 0.7em;"><a href="/wiki/Projet:Charte_graphique/Pr%C3%A9sentation" title="Projet:Charte graphique/Présentation"><span style="color: #FFF;">modifier</span></a></div> </div> <div style="padding: 0.5em 1em 0.5em 1em; border-radius: 0 0 0.2em 0.2em;"><div class="clear" style="clear:both;"></div> <div class="boite-raccourci boite-grise noprint" style="float:right; margin:0 0 0.75em 0.75em; border-width:1px; border-style:solid; border-collapse:collapse; text-align:center;"> <div style="font-weight:bold; padding:0 5px; font-size:75%;"><a href="/wiki/Aide:Raccourcis_Wikip%C3%A9dia" title="Aide:Raccourcis Wikipédia">Raccourci</a> <span class="plainlinks">[<a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Pages_li%C3%A9es/Projet:Charte_graphique&hidetrans=1&hidelinks=1&hideimages=1">+</a>]</span></div> <div style="padding:5px; font-size:90%; line-height:140%"><a href="/wiki/P:CG" class="mw-redirect" title="P:CG"><span title="Les minuscules : « p:cg » aussi sont acceptées par la boîte « rechercher »">P:CG</span></a></div> </div> <p>Ce projet part d'un simple constat : le <a href="/wiki/Wikip%C3%A9dia" title="Wikipédia">cinquième site</a> le plus consulté au monde sur <a href="/wiki/Internet" title="Internet">Internet</a> a du mal à évoluer avec lui. Beaucoup trouvent que la charte graphique employée sur l'encyclopédie est vieillissante et correspond plus aux standards en vigueur il y a dix ans qu'au design d'aujourd'hui. Si cela affecte peu en soi les utilisateurs plus ou moins avertis et coutumiers de l'encyclopédie, on peut estimer que ce retard graphique est susceptible de rebuter de nouveaux utilisateurs. </p><p>Il est dit en accueil de l'<a href="/wiki/Wikip%C3%A9dia:Atelier_graphique" title="Wikipédia:Atelier graphique">Atelier graphique</a> qu'il a pour but d'« améliorer les illustrations de l'ensemble des Wikipédias afin de faire gagner cette encyclopédie en qualité, crédibilité et clarté pédagogique ». C'est donc là la vocation de cette page sur laquelle le travail de modernisation risque d'être important. </p> <div class="clear" style="clear:both;"></div> </div> </div> <div style="display: flex; flex-direction column; flex-wrap: wrap;"> <div style="flex: 1 1 40em; display: flex; flex-direction: column;"> <div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: var(--background-color-base, #fff); color:inherit; flex: 0 1 auto; flex: 1 1 auto;;"> <div style="background: #36C; color:inherit; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;" class="titre"><span style="opacity: 0.8;"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/OOjs_UI_icon_advanced-invert.svg/20px-OOjs_UI_icon_advanced-invert.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/OOjs_UI_icon_advanced-invert.svg/30px-OOjs_UI_icon_advanced-invert.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1b/OOjs_UI_icon_advanced-invert.svg/40px-OOjs_UI_icon_advanced-invert.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span></span> <span style="color: #FFF; font-weight: bold;">Charte</span><div style="float: right; font-size: 0.7em;"><a href="/wiki/Projet:Charte_graphique/Charte" title="Projet:Charte graphique/Charte"><span style="color: #FFF;">modifier</span></a></div> </div> <div style="padding: 0.5em 1em 0.5em 1em; border-radius: 0 0 0.2em 0.2em;"><div class="clear" style="clear:both;"></div> <p>Il existe des consignes qui préconisent des grandes lignes communes aux projets de Wikimedia : </p> <ul><li>la <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style.html">charte visuelle globale</a> (pages à coins arrondis + blanc/gris/noir/bleu) ;</li> <li>la palette des <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style_colors.html">couleurs</a> ;</li> <li>la <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style_typography.html">typographie</a> ;</li> <li>les <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style_icons.html">icônes</a> et une <a rel="nofollow" class="external text" href="https://medium.com/freely-sharing-the-sum-of-all-knowledge/refining-logos-of-wikimedia-projects-a-brand-exercise-190ae689f6aa">page d'inspiration</a>, pistes d'amélioration globale des logos de la Wikimedia Fondation de février 2018 ; <ul><li>liste des différentes icônes <a class="external text" href="https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=desktop#icons-mediawiki-ltr">OOjs UI</a> ;</li></ul></li> <li>le choix des <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style_images.html">photos</a> ;</li> <li>le style des <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style_illustrations.html">illustrations</a>.</li></ul> <div class="clear" style="clear:both;"></div> </div> </div> <div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: var(--background-color-base, #fff); color:inherit; flex: 0 1 auto; flex: 1 1 auto;;"> <div style="background: #f16633; color:inherit; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;" class="titre"><span style="opacity: 0.8;"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/42/OOjs_UI_icon_chem-invert.svg/20px-OOjs_UI_icon_chem-invert.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/42/OOjs_UI_icon_chem-invert.svg/30px-OOjs_UI_icon_chem-invert.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/42/OOjs_UI_icon_chem-invert.svg/40px-OOjs_UI_icon_chem-invert.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span></span> <span style="color: #FFF; font-weight: bold;">Ancien projet</span><div style="float: right; font-size: 0.7em;"><a href="/wiki/Projet:Charte_graphique/Cr%C3%A9dits" title="Projet:Charte graphique/Crédits"><span style="color: #FFF;">modifier</span></a></div> </div> <div style="padding: 0.5em 1em 0.5em 1em; border-radius: 0 0 0.2em 0.2em;"><div class="clear" style="clear:both;"></div> <p>La liste des pages avant la rénovation de ce projet se trouve ici : <a href="/wiki/Projet:Charte_graphique/Cr%C3%A9dits" title="Projet:Charte graphique/Crédits">Projet:Charte graphique/Crédits</a> </p> <div class="clear" style="clear:both;"></div> </div> </div> </div> <div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: var(--background-color-base, #fff); color:inherit; flex: 0 1 auto; flex: 1 1 40em;;"> <div style="background: #d33; color:inherit; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;" class="titre"><span style="opacity: 0.8;"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9c/OOjs_UI_icon_userAvatar-invert.svg/20px-OOjs_UI_icon_userAvatar-invert.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9c/OOjs_UI_icon_userAvatar-invert.svg/30px-OOjs_UI_icon_userAvatar-invert.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9c/OOjs_UI_icon_userAvatar-invert.svg/40px-OOjs_UI_icon_userAvatar-invert.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span></span> <span style="color: #FFF; font-weight: bold;">Participants</span><div style="float: right; font-size: 0.7em;"><a href="/wiki/Projet:Charte_graphique/Participants" title="Projet:Charte graphique/Participants"><span style="color: #FFF;">modifier</span></a></div> </div> <div style="padding: 0.5em 1em 0.5em 1em; border-radius: 0 0 0.2em 0.2em;"><div class="clear" style="clear:both;"></div> <p><i>Vous pouvez également utiliser la boîte utilisateur <span typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Ic%C3%B4ne_Userbox.svg/15px-Ic%C3%B4ne_Userbox.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Ic%C3%B4ne_Userbox.svg/23px-Ic%C3%B4ne_Userbox.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Ic%C3%B4ne_Userbox.svg/30px-Ic%C3%B4ne_Userbox.svg.png 2x" data-file-width="732" data-file-height="723"/></span></span> <a href="/wiki/Mod%C3%A8le:Utilisateur_Projet/Charte_graphique" title="Modèle:Utilisateur Projet/Charte graphique">Utilisateur Projet/Charte graphique</a></i> </p> <ul><li><b><a href="/wiki/Utilisateur:VateGV" title="Utilisateur:VateGV"><span style="font-family: Century Gothic, sans serif">VateGV</span></a></b> <sup>◦ <a href="/wiki/Discussion_utilisateur:VateGV" title="Discussion utilisateur:VateGV"><span style="font-family: Century Gothic, sans serif">taper la discut’</span></a> ◦</sup></li> <li><span typeof="mw:File"><a href="/wiki/Fichier:New_Face-smile.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6f/New_Face-smile.svg/19px-New_Face-smile.svg.png" decoding="async" width="19" height="19" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6f/New_Face-smile.svg/29px-New_Face-smile.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6f/New_Face-smile.svg/38px-New_Face-smile.svg.png 2x" data-file-width="48" data-file-height="48"/></a></span> <a href="/wiki/Utilisateur:Menthe_555" class="mw-redirect" title="Utilisateur:Menthe 555"><font face="Avenir" size="3,5" color="#002776"> Menthe</font> <font face="Avenir" size="3,5" color="#5A0551"> Poivrée</font></a>, Participant depuis le 1er jour !</li> <li><a href="/wiki/Utilisateur:Roumpf" title="Utilisateur:Roumpf">Roumpf</a> <sup><small>[<a href="/wiki/Discussion_utilisateur:Roumpf" title="Discussion utilisateur:Roumpf">Message</a>]</small></sup> Participant, au moins pour donner un avis.</li> <li><a href="/wiki/Utilisateur:TiboF" title="Utilisateur:TiboF">TiboF</a><a href="/wiki/Discussion_utilisateur:TiboF" title="Discussion utilisateur:TiboF">®</a></li> <li><a href="/wiki/Utilisateur:Bspf" title="Utilisateur:Bspf">bspf</a> <span typeof="mw:File"><a href="/wiki/Fichier:Meuble_Moucheture_d_hermine.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/5/58/Meuble_Moucheture_d_hermine.svg/8px-Meuble_Moucheture_d_hermine.svg.png" decoding="async" width="8" height="14" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/58/Meuble_Moucheture_d_hermine.svg/12px-Meuble_Moucheture_d_hermine.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/58/Meuble_Moucheture_d_hermine.svg/16px-Meuble_Moucheture_d_hermine.svg.png 2x" data-file-width="181" data-file-height="326"/></a></span> (<i><a href="/wiki/Discussion_utilisateur:Bspf" title="Discussion utilisateur:Bspf">discuter</a></i>)</li> <li>— <b><a href="/wiki/Utilisateur:Jules*" title="Utilisateur:Jules*"><span style="color:#FF7E42">Ju</span><span style="color:#FF5F42">le</span><span style="color:#F82621">s*</span></a></b> <sup><small style="border-bottom:1px solid"><a href="/wiki/Discussion_utilisateur:Jules*" title="Discussion utilisateur:Jules*"><span style="color:#000">discuter</span></a></small></sup></li> <li><a href="/wiki/Utilisateur:0x010C" title="Utilisateur:0x010C"><b>0</b>x<b>010<span style="color: #00C42C;">C</span></b></a> <sup><a href="/wiki/Discussion_utilisateur:0x010C" title="Discussion utilisateur:0x010C">~discuter~</a></sup> <small>Observateur averti</small></li> <li><a href="/wiki/Utilisateur:PAC2" title="Utilisateur:PAC2"><span title="page utilisateur du compte PAC2">PAC2</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:PAC2" title="Discussion utilisateur:PAC2"><abbr class="abbr" title="page de discussion du compte PAC2">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/PAC2" title="Spécial:Contributions/PAC2"><abbr class="abbr" title="contributions du compte PAC2">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:PAC2"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte PAC2">b</abbr></span></a>)</small></li> <li><a href="/wiki/Utilisateur:Danfarid133" title="Utilisateur:Danfarid133">Danfarid133</a> (<a href="/wiki/Discussion_utilisateur:Danfarid133" title="Discussion utilisateur:Danfarid133">discuter</a>)</li> <li><a href="/wiki/Utilisateur:Niridya" title="Utilisateur:Niridya"><span title="page utilisateur du compte Niridya">Niridya</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:Niridya" title="Discussion utilisateur:Niridya"><abbr class="abbr" title="page de discussion du compte Niridya">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/Niridya" title="Spécial:Contributions/Niridya"><abbr class="abbr" title="contributions du compte Niridya">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:Niridya"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte Niridya">b</abbr></span></a>)</small></li> <li><a href="/wiki/Utilisateur:FructidorAn3" title="Utilisateur:FructidorAn3"><span title="page utilisateur du compte FructidorAn3">FructidorAn3</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:FructidorAn3" title="Discussion utilisateur:FructidorAn3"><abbr class="abbr" title="page de discussion du compte FructidorAn3">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/FructidorAn3" title="Spécial:Contributions/FructidorAn3"><abbr class="abbr" title="contributions du compte FructidorAn3">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:FructidorAn3"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte FructidorAn3">b</abbr></span></a>)</small> <small>(Observateur et portails)</small></li> <li><a href="/wiki/Utilisateur:Athozus" title="Utilisateur:Athozus"><span title="page utilisateur du compte Athozus">Athozus</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:Athozus" title="Discussion utilisateur:Athozus"><abbr class="abbr" title="page de discussion du compte Athozus">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/Athozus" title="Spécial:Contributions/Athozus"><abbr class="abbr" title="contributions du compte Athozus">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:Athozus"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte Athozus">b</abbr></span></a>)</small></li> <li> <b><a href="/wiki/Utilisateur:Nemo_Le_Poisson" title="Utilisateur:Nemo Le Poisson"><span style="color:orange">Nemo</span></a> <sup><small style="border-bottom:1px solid #000;"><a href="/wiki/Discussion_utilisateur:Nemo_Le_Poisson" title="Discussion utilisateur:Nemo Le Poisson"><span style="font-variant:small-caps; color:blue">Discuter</span></a></small></sup> </b> Pour tester et proposer</li> <li><a href="/wiki/Utilisateur:Koreller" title="Utilisateur:Koreller">Koreller</a> (CET)</li> <li><a href="/wiki/Utilisateur:Baidax" title="Utilisateur:Baidax"><span title="page utilisateur du compte Baidax">Baidax</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:Baidax" title="Discussion utilisateur:Baidax"><abbr class="abbr" title="page de discussion du compte Baidax">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/Baidax" title="Spécial:Contributions/Baidax"><abbr class="abbr" title="contributions du compte Baidax">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:Baidax"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte Baidax">b</abbr></span></a>)</small> <small>Partant du même constat, j'adhère aux objectifs</small></li> <li><b><a href="/wiki/Utilisateur:Manjiro5" title="Utilisateur:Manjiro5"><span style="color:#fc3">manȷıro</span></a><sup><small><a href="/wiki/Discussion_utilisateur:Manjiro5" title="Discussion utilisateur:Manjiro5"><span style="font-variant:small-caps; color:#000">💬</span></a></small></sup></b> J'essaie de refaire quelques trucs, (j'ai déjà modifié les icônes d'homophonie, d'homonymie, du wikilove... ) J'aime améliorer la lisibilité et la modernité de Wikipédia.</li> <li><a href="/wiki/Utilisateur:SleaY" title="Utilisateur:SleaY"><span title="page utilisateur du compte SleaY">SleaY</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:SleaY" title="Discussion utilisateur:SleaY"><abbr class="abbr" title="page de discussion du compte SleaY">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/SleaY" title="Spécial:Contributions/SleaY"><abbr class="abbr" title="contributions du compte SleaY">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:SleaY"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte SleaY">b</abbr></span></a>)</small></li> <li><span style="font-family:Baskerville;text-shadow:gray 0.2em 0.2em 0.2em"><a href="/wiki/Utilisateur:Golmore" title="Utilisateur:Golmore"><span style="color:blue">Golmore</span></a> <a href="/wiki/Discussion_utilisateur:Golmore" title="Discussion utilisateur:Golmore"><sup><span style="color:red"><big><b>!</b></big></span></sup></a></span> <small>(plus supporter que participant réel)</small></li> <li><a href="/wiki/Utilisateur:H%C3%A9risson_grognon" class="mw-redirect" title="Utilisateur:Hérisson grognon">Hérisson grognon 🦔</a> <sub>aussi sur <a href="https://fr.wikiversity.org/wiki/" class="extiw" title="v:">Wikiversité</a></sub></li> <li><a href="/wiki/Utilisateur:Edoirefaitdel%27art" title="Utilisateur:Edoirefaitdel'art"><span title="page utilisateur du compte Edoirefaitdel'art">Edoirefaitdel'art</span></a> <small class="plainlinks">(<a href="/wiki/Discussion_utilisateur:Edoirefaitdel%27art" title="Discussion utilisateur:Edoirefaitdel'art"><abbr class="abbr" title="page de discussion du compte Edoirefaitdel'art">d</abbr></a> · <a href="/wiki/Sp%C3%A9cial:Contributions/Edoirefaitdel%27art" title="Spécial:Contributions/Edoirefaitdel'art"><abbr class="abbr" title="contributions du compte Edoirefaitdel'art">c</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Log&type=block&page=User:Edoirefaitdel%27art"><span style="color:#002bb8;"><abbr class="abbr" title="blocages du compte Edoirefaitdel'art">b</abbr></span></a>)</small></li> <li><strong><a href="/wiki/Utilisateur:Trizek" title="Utilisateur:Trizek">Trizek</a> <sup style="font-size:0.7em;border-bottom:1px solid #FFC919;"><a href="/wiki/Discussion_utilisateur:Trizek" title="Discussion utilisateur:Trizek">bla</a></sup></strong> <small>(En tant que <a href="/wiki/Jiminy_Cricket" title="Jiminy Cricket">Jiminy Cricket</a>.)</small></li></ul> <div class="clear" style="clear:both;"></div> </div> </div> </div> <div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: var(--background-color-base, #fff); color:inherit; flex: 0 1 auto; ;"> <div style="background: var(--background-color-interactive, #eaecf0); color:inherit; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;" class="titre"><span style="opacity: 0.8;"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4d/OOjs_UI_icon_articleCheck-ltr.svg/20px-OOjs_UI_icon_articleCheck-ltr.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4d/OOjs_UI_icon_articleCheck-ltr.svg/30px-OOjs_UI_icon_articleCheck-ltr.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4d/OOjs_UI_icon_articleCheck-ltr.svg/40px-OOjs_UI_icon_articleCheck-ltr.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span></span> <span style="color: var(--color-emphasized, #000); font-weight: bold;">Charte graphique de Wikipédia</span><div style="float: right; font-size: 0.7em;"><a href="/wiki/Projet:Charte_graphique/Plan" class="mw-redirect" title="Projet:Charte graphique/Plan"><span style="color: ;">modifier</span></a></div> </div> <div style="padding: 0.5em 1em 0.5em 1em; border-radius: 0 0 0.2em 0.2em;"><div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Accessibilité" data-mw-thread-id="h-Accessibilité"><span id="Accessibilit.C3.A9"></span><span data-mw-comment-start="" id="h-Accessibilité"></span>Accessibilité<span data-mw-comment-end="h-Accessibilité"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-1" title="Modifier la section : Accessibilité" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-1" title="Modifier le code source de la section : Accessibilité"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <table class="wikitable" width="90%"> <caption>Les niveaux d'accessibilité <a href="/wiki/Accessibilit%C3%A9_du_web#WCAG_2.0" title="Accessibilité du web">WCAG 2.0</a> </caption> <tbody><tr> <th scope="col">Niveau </th> <th scope="col">Objectif </th> <th scope="col">Faisabilité </th></tr> <tr> <td>A </td> <td>Atteindre un niveau d'accessibilité minimal. </td> <td>Critères de succès minimaux pouvant raisonnablement s'appliquer à toutes les ressources web. </td></tr> <tr> <td>AA </td> <td>Améliorer le niveau d'accessibilité </td> <td>Critères de succès supplémentaires pouvant raisonnablement s'appliquer à toutes les ressources web. </td></tr> <tr> <td>AAA </td> <td>Atteindre un niveau supérieur d'accessibilité. </td> <td>Critères de succès ne s'appliquant pas à toutes les ressources web. </td></tr></tbody></table> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Couleurs" data-mw-thread-id="h-Couleurs"><span data-mw-comment-start="" id="h-Couleurs"></span>Couleurs<span data-mw-comment-end="h-Couleurs"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-2" title="Modifier la section : Couleurs" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-2" title="Modifier le code source de la section : Couleurs"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ol><li>Nom de la couleur, selon <a class="external text" href="https://design.wikimedia.org/style-guide/visual-style_colors.html">Visual Style - Colors</a></li> <li><div style="overflow:hidden; margin:0.3em 0;"><span class="italique accessibilite">Niveau d’<a href="/wiki/Wikip%C3%A9dia:Atelier_accessibilit%C3%A9/Bonnes_pratiques" title="Wikipédia:Atelier accessibilité/Bonnes pratiques">accessibilité</a> - minimum AA</span></div></li> <li>Valeur</li></ol> <div class="mw-heading mw-heading4"><h4 id="Nuances_de_gris" data-mw-thread-id="h-Nuances_de_gris-Couleurs"><span data-mw-comment-start="" id="h-Nuances_de_gris-Couleurs"></span>Nuances de gris<span data-mw-comment-end="h-Nuances_de_gris-Couleurs"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-3" title="Modifier la section : Nuances de gris" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-3" title="Modifier le code source de la section : Nuances de gris"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="float: left; background: #fff; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base100</b></big><br/>AAA<br/>#fff</div> <div style="float: left; background: #f8f9fa; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base90</b></big><br/>AAA<br/>#f8f9fa</div> <div style="float: left; background: #eaecf0; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base80</b></big><br/>AAA<br/>#eaecf0</div> <div style="float: left; background: #c8ccd1; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base70</b></big><br/>AAA<br/>#c8ccd1</div> <div style="float: left; background: #a2a9b1; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base50</b></big><br/>AAA<br/>#a2a9b1</div> <div style="float: left; background: #72777d; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base30</b></big><br/>AA<br/>#72777d</div> <div style="float: left; background: #54595d; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base20</b></big><br/>AAA<br/>#54595d</div> <div style="float: left; background: #202122; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base10</b></big><br/>AAA<br/>#202122</div> <div style="float: left; background: #000; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Base0</b></big><br/>AAA<br/>#000</div> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading4"><h4 id="Nuances_de_bleu" data-mw-thread-id="h-Nuances_de_bleu-Couleurs"><span data-mw-comment-start="" id="h-Nuances_de_bleu-Couleurs"></span>Nuances de bleu<span data-mw-comment-end="h-Nuances_de_bleu-Couleurs"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-4" title="Modifier la section : Nuances de bleu" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-4" title="Modifier le code source de la section : Nuances de bleu"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="float: left; background: #eaf3ff; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Accent90</b></big><br/>AAA<br/>#eaf3ff</div> <div style="float: left; background: #36c; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Accent50</b></big><br/>AA<br/>#36c</div> <div style="float: left; background: #2a4b8d; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Accent30</b></big><br/>AAA<br/>#2a4b8d</div> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading4"><h4 id="Nuances_de_rouge" data-mw-thread-id="h-Nuances_de_rouge-Couleurs"><span data-mw-comment-start="" id="h-Nuances_de_rouge-Couleurs"></span>Nuances de rouge<span data-mw-comment-end="h-Nuances_de_rouge-Couleurs"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-5" title="Modifier la section : Nuances de rouge" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-5" title="Modifier le code source de la section : Nuances de rouge"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="float: left; background:#fee7e6 ; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Red90</b></big><br/>AAA<br/>#fee7e6</div> <div style="float: left; background: #d33; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Red50</b></big><br/>AA<br/>#d33</div> <div style="float: left; background: #b32424; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Red30</b></big><br/>AAA<br/>#b32424</div> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading4"><h4 id="Nuances_de_vert" data-mw-thread-id="h-Nuances_de_vert-Couleurs"><span data-mw-comment-start="" id="h-Nuances_de_vert-Couleurs"></span>Nuances de vert<span data-mw-comment-end="h-Nuances_de_vert-Couleurs"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-6" title="Modifier la section : Nuances de vert" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-6" title="Modifier le code source de la section : Nuances de vert"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="float: left; background:#d5fdf4 ; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Green90</b></big><br/>AAA<br/>#d5fdf4</div> <div style="float: left; background:#00af89 ; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Green50</b></big><br/>AA<br/>#00af89</div> <div style="float: left; background: #14866d; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Green30</b></big><br/>AA<br/>#14866d</div> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading4"><h4 id="Nuances_de_jaune" data-mw-thread-id="h-Nuances_de_jaune-Couleurs"><span data-mw-comment-start="" id="h-Nuances_de_jaune-Couleurs"></span>Nuances de jaune<span data-mw-comment-end="h-Nuances_de_jaune-Couleurs"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-7" title="Modifier la section : Nuances de jaune" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-7" title="Modifier le code source de la section : Nuances de jaune"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="float: left; background:#fef6e7 ; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Yellow90</b></big><br/>AAA<br/>#fef6e7</div> <div style="float: left; background:#fc3 ; height: 45px; width: 80px; color: #000; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Yellow50</b></big><br/>AAA<br/>#fc3</div> <div style="float: left; background: #ac6600; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Yellow30</b></big><br/>AA<br/>#ac6600</div> <div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Autres_couleurs_actuellement_utilisées_sur_Wikipédia" data-mw-thread-id="h-Autres_couleurs_actuellement_utilisées_sur_Wikipédia-Couleurs"><span id="Autres_couleurs_actuellement_utilis.C3.A9es_sur_Wikip.C3.A9dia"></span><span data-mw-comment-start="" id="h-Autres_couleurs_actuellement_utilisées_sur_Wikipédia-Couleurs"></span>Autres couleurs actuellement utilisées sur Wikipédia<span data-mw-comment-end="h-Autres_couleurs_actuellement_utilisées_sur_Wikipédia-Couleurs"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-8" title="Modifier la section : Autres couleurs actuellement utilisées sur Wikipédia" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-8" title="Modifier le code source de la section : Autres couleurs actuellement utilisées sur Wikipédia"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading4"><h4 id="Logos_de_maintenance" data-mw-thread-id="h-Logos_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia"><span data-mw-comment-start="" id="h-Logos_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia"></span><a href="/wiki/Projet:Charte_graphique/Logos" title="Projet:Charte graphique/Logos">Logos de maintenance</a><span data-mw-comment-end="h-Logos_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-9" title="Modifier la section : Logos de maintenance" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-9" title="Modifier le code source de la section : Logos de maintenance"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="float: left; background: #f16633; height: 45px; width: 80px; color: #fff; font-size: 15px; line-height: 20px; padding: 15px; margin: 10px; border: 1px solid #ebeef0; border-radius: 10px; font-family:'Segoe UI',Roboto,'Helvetica Neue','Arial'"><big><b>Orange50</b></big><br/>AA<br/>#f16633</div><div class="clear" style="clear:both;"></div> <div class="mw-heading mw-heading4"><h4 id="Bandeaux_de_maintenance" data-mw-thread-id="h-Bandeaux_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia"><span data-mw-comment-start="" id="h-Bandeaux_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia"></span><a href="/wiki/Aide:Liste_des_bandeaux_de_maintenance" title="Aide:Liste des bandeaux de maintenance">Bandeaux de maintenance</a><span data-mw-comment-end="h-Bandeaux_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-10" title="Modifier la section : Bandeaux de maintenance" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-10" title="Modifier le code source de la section : Bandeaux de maintenance"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <table class="wikitable"> <tbody><tr> <th scope="col">Valeur </th> <th scope="col">Nom de la couleur </th> <th scope="col">Valeur </th> <th scope="col">Nom de la couleur </th></tr> <tr> <td style="background:#77ccff; color: #000; font-family: monospace;">#77ccff </td> <td>Bleu information </td> <td style="background:#f5faff; color: #000; font-family: monospace;">#f5faff </td> <td>Bleu information 2 </td></tr> <tr> <td style="background:#ff8822; color: #FFF; font-family: monospace;">#ff8822 </td> <td>Orange modéré </td> <td style="background:#ffeedd; color: #000; font-family: monospace;">#ffeedd </td> <td>Orange modéré 2 </td></tr> <tr> <td style="background:#aa0044; color: #FFF; font-family: monospace;">#aa0044 </td> <td>Rouge grave </td> <td style="background:#ffcccc; color: #000; font-family: monospace;">#ffcccc </td> <td>Rouge grave2 </td></tr> </tbody></table> <div class="mw-heading mw-heading3"><h3 id="Palette_additionnelle_non_officielle" data-mw-thread-id="h-Palette_additionnelle_non_officielle-Couleurs"><span data-mw-comment-start="" id="h-Palette_additionnelle_non_officielle-Couleurs"></span>Palette additionnelle non officielle<span data-mw-comment-end="h-Palette_additionnelle_non_officielle-Couleurs"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&veaction=edit&section=T-11" title="Modifier la section : Palette additionnelle non officielle" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Projet:Charte_graphique/Couleurs&action=edit&section=T-11" title="Modifier le code source de la section : Palette additionnelle non officielle"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ces couleurs sont des propositions à l'heure actuelle et ne sont pas des couleurs officielles : </p> <table class="wikitable"> <tbody><tr> <th scope="col">Valeur </th> <th scope="col">Nom de la couleur </th> <th scope="col">Utilisation recommandée </th> <th scope="col">Valeur </th> <th scope="col">Nom de la couleur </th> <th scope="col">Utilisation recommandée </th></tr> <tr> <td style="background: #EAECF0; color: #000000; font-family: monospace;">#EAECF0 </td> <td>Gris clair </td> <td>Statut des contributeurs </td> <td style="background: #A1DA7A; color: #000000; font-family: monospace;">#A1DA7A </td> <td>Vert clair </td> <td>Message positif faible </td></tr> <tr> <td style="background: #A9DBE7; color: #000000; font-family: monospace;">#A9DBE7 </td> <td>Bleu clair </td> <td>Pages d'aide, information, etc. </td> <td style="background: #447821; color: #FFFFFF; font-family: monospace;">#447821 </td> <td>Vert foncé </td> <td>Message positif fort </td></tr> <tr> <td style="background: #2A4B8D; color: #FFFFFF; font-family: monospace;">#2A4B8D </td> <td>Bleu foncé </td> <td>Pages utilisateur </td> <td style="background: #FF4E4E; color: #000000; font-family: monospace;">#FF4E4E </td> <td>Rouge clair </td> <td>Message négatif faible </td></tr></tbody></table> <div class="clear" style="clear:both;"></div> </div> </div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Projet:Charte_graphique&oldid=215780518">https://fr.wikipedia.org/w/index.php?title=Projet:Charte_graphique&oldid=215780518</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégorie</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Charte_graphique" title="Catégorie:Charte graphique">Charte graphique</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 8 juin 2024 à 10:35.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. <br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Projet:Charte_graphique&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-78f4c97c5d-7r8ql","wgBackendResponseTime":137,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Accessibilité","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Couleurs","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Nuances_de_gris-Couleurs","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Nuances_de_bleu-Couleurs","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Nuances_de_rouge-Couleurs","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Nuances_de_vert-Couleurs","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Nuances_de_jaune-Couleurs","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Autres_couleurs_actuellement_utilisées_sur_Wikipédia-Couleurs","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Logos_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Bandeaux_de_maintenance-Autres_couleurs_actuellement_utilisées_sur_Wikipédia","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Palette_additionnelle_non_officielle-Couleurs","replies":[]}]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.030"},"limitreport":{"cputime":"0.145","walltime":"0.282","ppvisitednodes":{"value":1361,"limit":1000000},"postexpandincludesize":{"value":63397,"limit":2097152},"templateargumentsize":{"value":24593,"limit":2097152},"expansiondepth":{"value":10,"limit":100},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":0,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 122.875 1 -total"," 77.81% 95.614 5 Modèle:Boîte_colorée"," 22.95% 28.198 1 Projet:Charte_graphique/Participants"," 18.12% 22.271 1 Projet:Charte_graphique/Présentation"," 16.51% 20.289 1 Projet:Charte_graphique/Plan"," 12.94% 15.896 1 Projet:Charte_graphique/Charte"," 9.47% 11.632 1 Projet:Charte_graphique/Onglets"," 9.23% 11.346 1 Modèle:Avertissement_notif_projet"," 6.14% 7.547 7 Modèle:Barre_colorée/centre"," 4.45% 5.468 7 Modèle:U"]},"cachereport":{"origin":"mw-web.eqiad.main-59856bd7d8-lvxrr","timestamp":"20241119194957","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>