CINXE.COM
Ecrivain critique d'art - Joris-Karl Huysmans Arts-loisirs-sports | Gallica
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--18153.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="description" content="Les mythes, le sacré, l'inquiétant et l'étrange, en art, ont la préférence de Joris-Karl Huysmans, un des plus grands écrivains critiques d'art de la fin du XIXe siècle. " /> <link rel="canonical" href="https://gallica.bnf.fr/fr/html/arts-loisirs-sports/ecrivain-critique-dart-joris-karl-huysmans" /> <meta name="google-site-verification" content="zdPbrqh_XyIoc-CywxWEXgWyWK_VgqT_vEpOCChvYQw" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/selections/themes/contrib/gallica_selection/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Ecrivain critique d'art - Joris-Karl Huysmans Arts-loisirs-sports | Gallica</title> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/ajax-progress.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/align.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/autocomplete-loading.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/fieldgroup.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/container-inline.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/clearfix.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/details.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/hidden.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/item-list.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/js.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/nowrap.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/position-container.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/progress.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/reset-appearance.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/resize.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/sticky-header.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/system-status-counter.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/system-status-report-counters.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/system-status-report-general-info.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/tabledrag.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/tablesort.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/core/modules/system/css/components/tree-child.module.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/modules/contrib/paragraphs/css/paragraphs.unpublished.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/modules/custom/bnf_langselector/css/bnf_langselector.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/modules/custom/bnf_langselector/css/fonts/fonts.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/modules/custom/gallica10_search/css/gallica10_search.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/modules/custom/gallica_customblock/css/gallica_customblock.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/modules/custom/gallica_customblock/css/font/fonts.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/themes/contrib/gallica_selection/css/jquery.jscrollpane.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/themes/contrib/gallica_selection/css/style.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/themes/contrib/gallica_selection/css/responsive.css?srgqws" /> <link rel="stylesheet" media="all" href="/selections/themes/contrib/gallica_selection/css/fonts/fonts.css?srgqws" /> </head> <body class="page_type" class=""> <div class="skiplinks"> <nav class="container" role="navigation" aria-label="Quick access"> <ul class="skiplinkslist focusable"> <li> <a href="#main-content"> Skip to content </a> </li> <li> <a href="#menuheaderanchor"> Skip to menu </a> </li> <li> <a href="#rechercheheaderanchor"> Skip to search </a> </li> <li> <a href="#menufooter"> Skip to footer </a> </li> </ul> </nav> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: * page--node--18153.html.twig * page--node--%.html.twig * page--node.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/layout/page.html.twig' --> <div class="layout-container"> <header role="banner"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> <div class="region region-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-lienlogoblock-bnf.html.twig * block--LienLogoBlock-block.html.twig * block--mb-lienlogo.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-lienlogoblock-bnf" class="block block-mb-lienlogo block-lienlogoblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'lienlogotpl' --> <!-- BEGIN OUTPUT from 'modules/custom/mb_lienlogo/templates/lienlogotpl.html.twig' --> <div class="logo"> <a class="logo" title="BnF (nouvelle fenêtre)" target="_blank" href="https://www.bnf.fr/fr"> <img alt="BnF" src="/selections/sites/default/files/logo_bnf.png"> </a> <p class="texte_alt_logo"> BnF </p> </div> <!-- END OUTPUT from 'modules/custom/mb_lienlogo/templates/lienlogotpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-lienlogoblock-gallica.html.twig * block--LienLogoBlock-block.html.twig * block--mb-lienlogo.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-lienlogoblock-gallica" class="block block-mb-lienlogo block-lienlogoblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'lienlogotpl' --> <!-- BEGIN OUTPUT from 'modules/custom/mb_lienlogo/templates/lienlogotpl.html.twig' --> <div class="logo"> <a class="logo" title="" href="https://gallica.bnf.fr/accueil/fr/html/accueil-fr"> <img alt="" src="/selections/sites/default/files/logo_gallica.png"> </a> <p class="texte_alt_logo"> </p> </div> <!-- END OUTPUT from 'modules/custom/mb_lienlogo/templates/lienlogotpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-texteheader.html.twig * block--block-content--5be4eda7-19b3-4d9c-88c9-dbf9d43c7ee6.html.twig * block--block-content.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-texteheader" class="block block-block-content block-block-content5be4eda7-19b3-4d9c-88c9-dbf9d43c7ee6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Gallica est la bibliothèque numérique de la BnF et de ses partenaires. Elle offre un accès libre et gratuit à plusieurs millions de documents numérisés de toutes époques et de tous supports.</p></div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-headersearchblock.html.twig * block--HeaderSearchBlock-block.html.twig * block--gallica10-search.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-headersearchblock" class="block block-gallica10-search block-headersearchblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'headersearchtpl' --> <!-- BEGIN OUTPUT from 'modules/custom/gallica10_search/templates/headersearchtpl.html.twig' --> <div class="hidden" id="suggest">0</div> <div class="hidden" id="suggestion">https://gallica.bnf.fr/services/engine/search/suggest</div> <div id="block-rechercheheader"> <a id="rechercheheaderanchor"></a> <button class="boutonrechercheheader" id="boutonrechercheheader" aria-controls="rechercheheader" aria-expanded="false" > <span class="loupe open"></span> <span class="loupe close"></span> <span class="sr-only open">open searchbar</span> <span class="sr-only close">close searchbar</span> </button> <div id="rechercheheader" class="rechercheheader modal" aria-label="Recherche dans :" aria-hidden="true"> Recherche dans : <div class="tabs"> <ul class="tabs__list" role="tablist" aria-label="search tabs"> <li role="presentation"> <button id="tabpanel-selection" class="tabs__tab " tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-selection-panel">les parcours thématiques</button> </li> <li role="presentation"> <button id="tabpanel-blog" class="tabs__tab " tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-blog-panel">les articles du blog</button> </li> <li role="presentation"> <button id="tabpanel-collection" class="tabs__tab " tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-collection-panel">la collection de Gallica</button> </li> </ul> <div id="tabpanel-collection-panel" class="tabs__panel " role="tabpanel" aria-labelledby="tabpanel-collection" tabindex="0"> <form method="POST" class="search" role="search" name="collsearch" id="collsearch-form" action="https://gallica.bnf.fr/services/engine/search/sru?operation=searchRetrieve&version=1.2&" onsubmit="event.preventDefault();gsb_required()"> <input type="text" class="hidden" name="lang" id="lang" value="fr"> <input type="text" class="hidden" name="errorts" id="errorts" value="Please enter a term with at least 3 characters."> <label class="fr-label hidden" for="motcle">Search the collections</label> <input required class="search-input typeahead" id="motcle" name="motcle" type="search" value="" title="Rechercher dans les 10 millions de documents de Gallica" placeholder="Rechercher dans les 10 millions de documents de Gallica" dir="auto" > <button type="button" class="clear_input"> <span class="sr-only">Clean the search field</span> </button> <button type="submit" class="search-btn" title="Search the collections"> <span class="sr-only">Search the collections</span> </button> </form> </div> <div id="tabpanel-selection-panel" class="tabs__panel selected" role="tabpanel" aria-labelledby="tabpanel-selection" tabindex="0"> <form method="GET" class="search" role="search" name="selsearch" id="selsearch-form" action="https://gallica.bnf.fr/selections/fr/html/recherche"> <label class="fr-label hidden" for="query_selection">Search the selections</label> <input class="search-input" id="query_selection" name="query_selection" type="search" value="" title="Rechercher dans les parcours thématiques de Gallica" placeholder="Rechercher dans les parcours thématiques de Gallica" dir="auto" > <button type="button" class="clear_input"> <span class="sr-only">Clean the search field</span> </button> <button type="submit" class="search-btn" title="Search the selections"> <span class="sr-only">Search the selections</span> </button> </form> </div> <div id="tabpanel-blog-panel" class="tabs__panel " role="tabpanel" aria-labelledby="tabpanel-blog" tabindex="0"> <form method="GET" class="search" role="search" name="blogsearch" id="blogsearch-form" action="https://gallica.bnf.fr/accueil/fr/html/recherche"> <label class="fr-label hidden" for="query_blog">Search the blog</label> <input class="search-input" id="query_blog" name="query_blog" type="search" value="" title="Rechercher dans les articles du blog de Gallica" placeholder="Rechercher dans les articles du blog de Gallica" dir="auto" > <button type="button" class="clear_input"> <span class="sr-only">Clean the search field</span> </button> <button type="submit" class="search-btn" title="Search the blog"> <span class="sr-only">Search the blog</span> </button> </form> </div> </div> </div> </div> <!-- END OUTPUT from 'modules/custom/gallica10_search/templates/headersearchtpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-headertoolbarblock.html.twig * block--HeaderToolBarBlock-block.html.twig * block--gallica-customblock.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-headertoolbarblock" class="block block-gallica-customblock block-headertoolbarblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'headertoolbartpl' --> <!-- BEGIN OUTPUT from 'modules/custom/gallica_customblock/templates/headertoolbartpl.html.twig' --> <div id="block-menuheader"> <a id="menuheaderanchor"></a> <button class="boutonmenuheader" id="boutonmenuheader" aria-controls="menuheader" aria-expanded="false" aria-hidden="false"> <div class="burger"> <div class="barre1"></div> <div class="barre2"></div> <div class="barre3"></div> </div> </button> <div id="menuheader" class="menuheader modal" aria-label="main menu" aria-hidden="true"> <nav> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__header' --> <!-- FILE NAME SUGGESTIONS: * menu--header.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/menu.html.twig' --> <ul> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/notre-collection" class="test">NOTRE COLLECTION</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/blog/le-blog-gallica">LE BLOG GALLICA</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/propos">À PROPOS</a> </li> <li> <a href="/selections/fr/html/les-selections-de-gallica" data-drupal-link-system-path="node/6074">PARCOURS THÉMATIQUES</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/aide-la-recherche">AIDE À LA RECHERCHE</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/contact">CONTACT</a> </li> </ul> <!-- END OUTPUT from 'core/modules/system/templates/menu.html.twig' --> </nav> <div id="epersoheader"> <a class="eperso" href="https://gallica.bnf.fr/login?AppOrigine=Gallica&urlReferer=https%3A%2F%2Fgallica.bnf.fr%2F"> <span class="logopersonalspace"></span> <span class="sr-only">personal space</span> </a> </div> <div class="sociaux"> <ul> <li> <a target="_blank" href="https://fr-fr.facebook.com/GallicaBnF"> <span class="logofacebook"></span> <span class="sr-only">Facebook (new window)</span> </a> </li> <li> <a target="_blank" href="https://www.instagram.com/gallicabnf/"> <span class="logoinstagram"></span> <span class="sr-only">Instagram (new window)</span> </a> </li> <li> <a target="_blank" href="https://twitter.com/gallicabnf"> <span class="logox"></span> <span class="sr-only">X (new window)</span> </a> </li> <li> <a target="_blank" href="https://www.pinterest.fr/gallicabnf/"> <span class="logopinterest"></span> <span class="sr-only">Pinterest (new window)</span> </a> </li> </ul> </div> </div> </div> <!-- END OUTPUT from 'modules/custom/gallica_customblock/templates/headertoolbartpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-langselectorblock.html.twig * block--LangSelectorBlock-block.html.twig * block--bnf-langselector.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-langselectorblock" class="block block-bnf-langselector block-langselectorblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'langselectortpl' --> <!-- BEGIN OUTPUT from 'modules/custom/bnf_langselector/templates/langselectortpl.html.twig' --> <div class="lang"> <button title="language French selected" id="selected-lang" aria-expanded="false" aria-controls="langlist"> <span>fr</span> </button> <div class="lang-layer" id="langlist" aria-hidden="true"> <ul > <li class="selected"> <a href="https://gallica.bnf.fr/selections/fr/html/arts-loisirs-sports/ecrivain-critique-dart-joris-karl-huysmans" class="selected" id="lang-fr" hreflang="fr" lang="fr"> French-<span>fr</span> </a> </li> </ul> </div> </div> <!-- END OUTPUT from 'modules/custom/bnf_langselector/templates/langselectortpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> </header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--breadcrumb.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> <div class="region region-breadcrumb"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-breadcrumbs.html.twig * block--system-breadcrumb-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/navigation/breadcrumb.html.twig' --> <nav class="breadcrumb" role="navigation" aria-label="you are here"> <button class="breadcrumb__button" aria-hidden="true" aria-expanded="true" aria-controls="breadcrumbblock">Voir le fil d'ariane</button> <div class="collapse" id="breadcrumbblock" aria-hidden="false"> <ol class="breadcrumb__list"> <li> <a class="breadcrumb__link" href="https://gallica.bnf.fr/accueil/fr/html/accueil-fr">Accueil</a> </li> <li> <a class="breadcrumb__link">Arts-loisirs-sports</a> </li> <li> <a aria-current=page class="breadcrumb__link">Ecrivain critique d'art - Joris-Karl Huysmans</a> </li> </ol> </div> </nav> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/navigation/breadcrumb.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-content" class="block block-system block-system-main-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--18153--full.html.twig * node--18153.html.twig * node--page-type--full.html.twig * node--page-type.html.twig * node--full.html.twig x node.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/node/templates/node.html.twig' --> <article data-history-node-id="18153"> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: * links--node.html.twig x links.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/links.html.twig' --> <!-- END OUTPUT from 'core/modules/system/templates/links.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-bandeau-typedoc--page-type.html.twig * field--node--field-bandeau-typedoc.html.twig * field--node--page-type.html.twig * field--field-bandeau-typedoc.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <div class="field field--name-field-bandeau-typedoc field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img loading="lazy" src="/selections/sites/default/files/vue_perspective_du_sallon_de_._btv1b84101317_1.jpg" width="1366" height="380" alt="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-titrealter-typedoc--page-type.html.twig * field--node--field-titrealter-typedoc.html.twig * field--node--page-type.html.twig * field--field-titrealter-typedoc.html.twig * field--heading.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <div class="field field--name-field-titrealter-typedoc field--type-heading field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'heading' --> <!-- BEGIN OUTPUT from 'modules/contrib/heading/templates/heading.html.twig' --> <h1>Ecrivain critique d'art - Joris-Karl Huysmans</h1> <!-- END OUTPUT from 'modules/contrib/heading/templates/heading.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-intro-typedoc--page-type.html.twig * field--node--field-intro-typedoc.html.twig * field--node--page-type.html.twig * field--field-intro-typedoc.html.twig * field--text-long.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <div class="field field--name-field-intro-typedoc field--type-text-long field--label-hidden field__item"><aside> <p>Les mythes, le sacré, l'inquiétant et l'étrange, en art, ont la préférence de Joris-Karl Huysmans, un des plus grands écrivains critiques d'art de la fin du XIX<sup>e</sup> siècle. </p> </aside> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-paragraphes-typedoc--page-type.html.twig * field--node--field-paragraphes-typedoc.html.twig * field--node--page-type.html.twig * field--field-paragraphes-typedoc.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <div class="field field--name-field-paragraphes-typedoc field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> <div class="mosaique liste "> <div class="mosaicview"> <ul class="mosaicelements"> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="Huysmans, Joris-Karl (1848-1907) (nouvelle fenêtre)" target="_blank" href="https://data.bnf.fr/fr/11908118/joris-karl_huysmans/" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/huysmans.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="Huysmans, Joris-Karl (1848-1907) (nouvelle fenêtre)" target="_blank" href="https://data.bnf.fr/fr/11908118/joris-karl_huysmans/" class="titrelink"> <div class="titre"> <h2>Huysmans, Joris-Karl (1848-1907) </h2> </div> </a> <div class="texte"> <p class="rtejustify">Composés à partir d’articles parus d’abord dans la presse, trois ouvrages de Huysmans sont entièrement consacrés à la critique d’art : <a href="https://gallica.bnf.fr/ark:/12148/bpt6k5438935k" target="_blank"><em>L'art moderne </em>(édition de 1902)</a>, <a href="https://gallica.bnf.fr/ark:/12148/bpt6k1040746p" target="_blank"><em>Certains</em></a> (1889) et <a href="https://gallica.bnf.fr/ark:/12148/bpt6k37161r" target="_blank"><em>Trois primitifs</em> : <em>les Grünewald du musée de Colmar, le maître de Flémalle et la Florentine du musée de Francfort-sur-le-Mein</em> (1905)</a>.</p> <p class="rtejustify">Admiratif de Degas, en qui il voit un peintre de la vie moderne, de Delacroix, dont l’aspect baroque des œuvres le subjugue, des gravures allemandes et de la peinture mystique espagnole, c’est en connaisseur éclectique que Huysmans aborde l’art, fortement inspiré par les théories esthétiques baudelairiennes. Dans ses écrits, Huysmans n’a délaissé ni les arts dits mineurs, tels la lithographie, la gravure, l’aquarelle et les arts décoratifs (en particulier la joaillerie), ni l’architecture, l’affiche et la sculpture. L’apport de Huysmans à la critique d’art est doublement importante : il participe non seulement à promouvoir l’Impressionnisme, en louant <a href="https://gallica.bnf.fr/ark:/12148/bpt6k6576921g/f9.item" target="_blank">Fantin-Latour</a>, <a href="https://gallica.bnf.fr/conseils/content/gustave-caillebotte" target="_blank">Caillebotte</a>, <a href="https://gallica.bnf.fr/ark:/12148/bpt6k42274842" target="_blank">Forain</a> et <a href="https://gallica.bnf.fr/ark:/12148/btv1b531870636" target="_blank">Raffaëlli</a>, mais également le Symbolisme, en particulier les œuvres tout en mystère et spiritualité de <a href="https://gallica.bnf.fr/ark:/12148/bpt6k64364252/f1.item" target="_blank">Gustave Moreau</a>, de <a href="https://gallica.bnf.fr/ark:/12148/bpt6k9613572p/f15.item" target="_blank">Félicien Rops</a>, dont il apprécie la noirceur, et d’<a href="https://gallica.bnf.fr/ark:/12148/bpt6k15256291/f9.item" target="_blank">Odilon Redon</a>, le grand favori des écrivains décadents. À la recherche constamment d'une forme d'originalité en peinture, Huysmans détestait toute forme de peinture académique, à commencer par <a href="https://gallica.bnf.fr/ark:/12148/btv1b53050879q" target="_blank">Bouguereau</a> et <a href="https://gallica.bnf.fr/ark:/12148/btv1b84489423/f12.item" target="_blank">Cabanel</a>, inventeurs du « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k5438935k/f33.image" target="_blank">léché flasque</a> ».</p> <p class="rtejustify">L'art est également une thématique récurrente de ses oeuvres romanesques où les noms des grands artistes défilent : Rubens, Rembrandt, Brouwer dans <em>Le drageoir à épices</em> (« <a href="https://gallica.bnf.fr/ark:/12148/bpt6k10455721/f31.item" target="_blank">La kermesse de Rubens</a> », « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k10455721/f31.item" target="_blank">Le hareng-saur </a>» et « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k10455721/f99.item" target="_blank">Adriaen Brouwer</a> ») puis de nouveau dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k8009d/f47.item" target="_blank"><em>Marthe, histoire d'une fille</em></a> ; <a href="https://gallica.bnf.fr/ark:/12148/bpt6k4455p/f220.item" target="_blank">Greuze et Zurbaran</a> dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k4455p/f171.item" target="_blank"><em>Sac au dos</em></a> ; Watteau dans <em><a href="https://gallica.bnf.fr/ark:/12148/bpt6k1073280r/f63.image.r" target="_blank">Croquis parisiens</a></em> ; Gustave Moreau dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k1525547m/f108.item" target="_blank">le chapitre V</a> de son chef d’œuvre <a href="https://gallica.bnf.fr/ark:/12148/bpt6k1525547m/f9.item" target="_blank">À<em> Rebours</em></a> ; <a href="https://gallica.bnf.fr/ark:/12148/bpt6k10672881/f25.itemhttps:/gallica.bnf.fr/ark:/12148/bpt6k10672881/f25.item" target="_blank">Mathias Grünewald</a> dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k10672881/f11.item" target="_blank"><em>Là-bas</em></a> ou encore <a href="https://gallica.bnf.fr/ark:/12148/bpt6k1522747c/f230.item" target="_blank">Horace Vernet et Alphonse Legros</a> dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k1522747c/f9.item" target="_blank"><em>L’Oblat</em></a>.</p> <p class="rtejustify">Certains personnages sont fortement liés à l’art quand ils ne sont pas les porte-paroles des jugements esthétiques du critique. <a href="https://gallica.bnf.fr/ark:/12148/bpt6k6505780d/f154.image.r" target="_blank">Cyprien Tibaille</a> dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k6505780d/f5.item" target="_blank"><em>Les sœurs Vatard</em></a> (1879) est peintre et Jean des Esseintes dans À<em> rebours</em>, esthète aux goûts raffinés,<em> </em>permet à l’auteur l’élaboration d'une esthétique originale, une recherche de l’objet artistique rare et l’élaboration d’une véritable théorie des couleurs.</p> <p class="rtejustify"> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordeon-para--full.html.twig x paragraph--accordeon-para.html.twig * paragraph--full.html.twig * paragraph--accordeon-para--full.html.twig x paragraph--accordeon-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--accordeon-para.html.twig' --> <div class="accordeonwrapper"> <div class="accordeon"> <div class="accordeoninner"> <button class="boutonaccordeon" aria-controls="accordeon-" aria-expanded="false" > <div class="open">Lire la suite</div> <div class="close">Masquer la suite</div> </button> <div class="content" id="accordeon-" aria-hidden="true"> <div class="texte"> <p class="rtejustify"> </p> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--accordeon-para.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="Sélection d'articles parus dans la presse (nouvelle fenêtre)" target="_blank" href="https://gallica.bnf.fr/ark:/12148/btv1b6951747c" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/huysmans_estampe_felix_.vallotton_felix_btv1b6951747c_1.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="Sélection d'articles parus dans la presse (nouvelle fenêtre)" target="_blank" href="https://gallica.bnf.fr/ark:/12148/btv1b6951747c" class="titrelink"> <div class="titre"> <h2>Sélection d'articles parus dans la presse </h2> </div> </a> <div class="texte"> <p> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordeon-para--full.html.twig x paragraph--accordeon-para.html.twig * paragraph--full.html.twig * paragraph--accordeon-para--full.html.twig x paragraph--accordeon-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--accordeon-para.html.twig' --> <div class="accordeonwrapper"> <div class="accordeon"> <div class="accordeoninner"> <button class="boutonaccordeon" aria-controls="accordeon-" aria-expanded="false" > <div class="open">Lire la suite</div> <div class="close">Masquer la suite</div> </button> <div class="content" id="accordeon-" aria-hidden="true"> <div class="texte"> <ul style="list-style-type:square"> <li>« Les nouvelles peintures de Saint-Sulpice par Charles Landelle »,<em> Chronique illustrée</em>,<em> </em><a href="https://gallica.bnf.fr/ark:/12148/cb327418097/date1876" target="_blank">8 janvier 1876</a></li> <li>Articles parus dans <em>La république des lettres</em> : « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k32970q/f218.item" target="_blank">Les natures mortes </a>», 20 mai 1876 ; « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k329712/f30.item" target="_blank">Les envois de Rome </a>» et « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k329712/f31.item" target="_blank">L’exposition de blanc et de noir </a>», 9 juillet 1876 ; « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k329712/f130.item.r" target="_blank">Exposition pour le grand prix de Rome </a>», 30 juillet 1876</li> <li>Articles parus dans <em>La Revue indépendante : politique, littéraire et artistique</em> : « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16484k/f378.item" target="_blank">L’emblème</a> », « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16484k/f295.item" target="_blank">Le nouvel album d’Odilon Redon </a>», « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k164837/f26.item" target="_blank">La genèse du peintre</a> », « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k164837/f113.item" target="_blank">Le salon de 1884 </a>» (1884), « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k164868/f30.item" target="_blank">Chronique d'art (fantaisie sur le Musée des Arts Décoratifs et sur l'architecture cuite)</a>», « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k164868/f231.item" target="_blank">Chronique d'art (la nouvelle salle du Louvre) </a>» (1886), <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16488z/f55.item" target="_blank">Les Indépendants </a>», « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16488z/f185.item" target="_blank">Le Salon de 1887 </a>», « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16488z/f349.item" target="_blank">Le Salon (suite),</a> <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16488z/f349.item" target="_blank">l’Exposition internationale de la rue de Sèze </a>», « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16487m/f174.item" target="_blank">Chronique d'art: Exposition de maîtres anciens au profit des inondés du Midi</a> », « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k164899/f45.item" target="_blank">Chronique d'art (Exposition de Millet) </a>», « <a href="https://gallica.bnf.fr/ark:/12148/bpt6k16490h/f19.item" target="_blank">Chronique d'art (Le tableau de Bianchi au Louvre </a>» (1887) </li> <li>Son salon de 1879 paraît en plusieurs chroniques dans <a href="https://gallica.bnf.fr/ark:/12148/cb32892208p/date" target="_blank"><em>Le Voltaire</em></a> (du 17 mai 1879 au 11 juillet 1879).</li> </ul> <p><strong>À lire également :</strong></p> <ul style="list-style-type:square"> <li><a href="https://gallica.bnf.fr/ark:/12148/bpt6k9768182v/f34.item" target="_blank">Liste de ses articles</a> parus dans <a href="https://catalogue.bnf.fr/ark:/12148/cb328209436" target="_blank"><em>Le Musée des deux-mondes</em></a></li> <li>Liste de ses articles parus dans <a href="https://gallica.bnf.fr/ark:/12148/bpt6k9768182v/f39.item" target="_blank"><em>L’ Artiste (Bruxelles)</em></a></li> </ul> <p></p> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--accordeon-para.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="Monographies remarquables (nouvelle fenêtre)" target="_blank" href="https://gallica.bnf.fr/ark:/12148/btv1b10500477k" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/pour_la_cathedrale_de_huysmans_.roche_pierre_btv1b10500477k_1.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="Monographies remarquables (nouvelle fenêtre)" target="_blank" href="https://gallica.bnf.fr/ark:/12148/btv1b10500477k" class="titrelink"> <div class="titre"> <h2>Monographies remarquables </h2> </div> </a> <div class="texte"> <p> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordeon-para--full.html.twig x paragraph--accordeon-para.html.twig * paragraph--full.html.twig * paragraph--accordeon-para--full.html.twig x paragraph--accordeon-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--accordeon-para.html.twig' --> <div class="accordeonwrapper"> <div class="accordeon"> <div class="accordeoninner"> <button class="boutonaccordeon" aria-controls="accordeon-" aria-expanded="false" > <div class="open">Lire la suite</div> <div class="close">Masquer la suite</div> </button> <div class="content" id="accordeon-" aria-hidden="true"> <div class="texte"> <ul style="list-style-type:square"> <li>Première édition du roman<em> <a href="http://gallica.bnf.fr/ark:/12148/bpt6k1045576p" target="_blank"> À rebours</a></em>, Paris : G. Charpentier et Cie, 1884, de Huysmans, Joris-Karl</li> <li><a href="https://gallica.bnf.fr/ark:/12148/btv1b8600236v" target="_blank"><em>À rebours</em></a>, avec 220 gravures sur bois en coul. de <a href="https://data.bnf.fr/fr/12152462/auguste_lepere/" target="_blank">Auguste Lepère</a>, Paris : pour les cent bibliophiles, 1903</li> <li><em><a href="http://gallica.bnf.fr/ark:/12148/bpt6k1045576p" target="_blank">À </a></em><a href="https://gallica.bnf.fr/ark:/12148/bpt6k1525547m" target="_blank"><em>rebours</em></a>, avec pointes sèches d'<a href="https://data.bnf.fr/fr/15003517/armand_coussens/" target="_blank">Armand Coussens</a>, Paris (6 rue Blanche) : Kra éditeur, 1927 (18 octobre)</li> <li><em><a href="https://gallica.bnf.fr/ark:/12148/bpt6k3107759/f17" target="_blank">Marthe, histoire d'une fille</a></em>, avec une eau-forte impressionniste de <a href="https://data.bnf.fr/fr/11953694/jean-louis_forain/" target="_blank">J.-L. Forain</a>, Paris : Derveaux, 1879</li> <li><a href="https://gallica.bnf.fr/ark:/12148/bpt6k1073280r" target="_blank"><em>Croquis parisiens</em></a><em> </em>; eaux-fortes de <a href="http://data.bnf.fr/fr/11953694/jean-louis_forain/" target="_blank">Forain</a> et <a href="https://data.bnf.fr/fr/12208064/jean-francois_raffaelli/" target="_blank">Raffaelli</a>, Paris : H. Vaton, 1880 et <a href="https://gallica.bnf.fr/ark:/12148/btv1b2000027h" target="_blank"><em>Illustrations de Croquis parisiens, J.L. Forain, J.F. Rafaëlli, dess. et grav. ; J.K. Huysmans, aut. du texte</em>, 10 est. : grav. à l'eau-forte </a></li> <li><a href="https://gallica.bnf.fr/ark:/12148/bpt6k10665969" target="_blank"><em>Pierrot sceptique, pantomime, par Léon Hennique et J.-K. Huysmans</em></a> ; dessins de <a href="https://data.bnf.fr/fr/13080340/jules_cheret/" target="_blank">Jules Chéret</a>, Paris : E. Rouveyre, 1881</li> <li><em>Les types de Paris</em>, texte par Edmond de Goncourt, Alphonse Daudet, Emile Zola... ; dessins de <a href="https://data.bnf.fr/fr/12208064/jean-francois_raffaelli/" target="_blank">Jean-François Raffaëlli</a>, Paris : E. Plon, Nourrit et Cie, 1889 (<a href="https://gallica.bnf.fr/ark:/12148/bpt6k319264h/f241" target="_blank"><em>Les habitués de café</em> de Huysmans</a>)</li> <li><a href="https://gallica.bnf.fr/ark:/12148/bpt6k1525455t" target="_blank"><em>La Bièvre, les Gobelins, Saint-Séverin ; eaux-fortes et gravures sur bois d'Auguste Lepère</em>, Paris : Société de propagation des livres d'art, 1901 </a></li> <li><em><a href="http://gallica.bnf.fr/ark:/12148/bpt6k1527455f/f17" target="_blank">Les Soeurs Vatard. Illustrées de 28 compositions dont 5 hors-texte en couleurs par J.-F. Raffaelli. Préface de Lucien Descaves</a>, </em>Paris, F. Ferroud (impr. de P. Renouard), 1909</li> <li><a href="https://gallica.bnf.fr/ark:/12148/bpt6k5803589b" target="_blank"><em>En rade, par J.-K. Huysmans ; eaux-fortes en couleurs et bois originaux de Paul Guignebault</em>, Paris : A. Blaizot, 1911</a></li> </ul> <p></p> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--accordeon-para.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> </ul> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> <div class="mosaique transverse2c "> <div class="entetemosaic"> <div class="titremosaic"> <h2>Pour aller plus loin</h2> </div> </div> <div class="mosaicview"> <ul class="mosaicelements"> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="Joris-Karl Huysmans (nouvelle fenêtre)" target="_blank" href="https://gallica.bnf.fr/conseils/content/joris-karl-huysmans" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/native.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="Joris-Karl Huysmans (nouvelle fenêtre)" target="_blank" href="https://gallica.bnf.fr/conseils/content/joris-karl-huysmans" class="titrelink"> <div class="titre"> <h3>Joris-Karl Huysmans </h3> </div> </a> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="le Décadentisme (nouvelle fenêtre)" target="_blank" href="/selections/fr/html/litteratures/les-classiques-de-la-litterature-le-decadentisme?mode=desktop" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/salome_a_tragedy_in_one_.wilde_oscar_bpt6k3144039_116-1.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="le Décadentisme (nouvelle fenêtre)" target="_blank" href="/selections/fr/html/litteratures/les-classiques-de-la-litterature-le-decadentisme?mode=desktop" class="titrelink"> <div class="titre"> <h3>le Décadentisme </h3> </div> </a> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> </ul> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> <div class="mosaique transverse4c "> <div class="mosaicview"> <ul class="mosaicelements"> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="Odilon Redon, dans l'oeil de Huysmans (nouvelle fenêtre)" target="_blank" href="/accueil/fr/html/odilon-redon-dans-loeil-de-huysmans-une-esthetique-du-cauchemar?mode=desktop" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/partout_des_prunelles_flamboient_.redon_odilon_btv1b69510543_1.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="Odilon Redon, dans l'oeil de Huysmans (nouvelle fenêtre)" target="_blank" href="/accueil/fr/html/odilon-redon-dans-loeil-de-huysmans-une-esthetique-du-cauchemar?mode=desktop" class="titrelink"> <div class="titre"> <h3>Odilon Redon, dans l'oeil de Huysmans </h3> </div> </a> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> </ul> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph--mosaic-para--default.html.twig x paragraph--mosaic-para.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> <div class="mosaique transverse3c "> <div class="entetemosaic"> <div class="titremosaic"> <h2>Et ailleurs</h2> </div> </div> <div class="mosaicview"> <ul class="mosaicelements"> <li class="mosaicelement"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph--mosaicelt-para--full.html.twig x paragraph--mosaicelt-para.html.twig * paragraph--full.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> <div class="mosaic-element"> <div class="blocimage"> <a title="Fonds spécifiques de l'Arsenal (nouvelle fenêtre)" target="_blank" href="https://www.bnf.fr/fr/autour-de-joris-karl-huysmans-le-fonds-lambert" class="link"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/image.html.twig' --> <img class="vignette" src="/selections/sites/default/files/nos_contemporains_chez_eux_.dornac_1858-1941_btv1b8432962q_23.jpg" alt="" title="" /> <!-- END OUTPUT from 'core/modules/system/templates/image.html.twig' --> </a> </div> <div class="bloctexte"> <a title="Fonds spécifiques de l'Arsenal (nouvelle fenêtre)" target="_blank" href="https://www.bnf.fr/fr/autour-de-joris-karl-huysmans-le-fonds-lambert" class="titrelink"> <div class="titre"> <h3>Fonds spécifiques de l'Arsenal </h3> </div> </a> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaicelt-para.html.twig' --> </li> </ul> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/paragraphs/paragraph--mosaic-para.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/fields/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-section-typedoc--page-type.html.twig * field--node--field-section-typedoc.html.twig * field--node--page-type.html.twig x field--field-section-typedoc.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/hidden/field--field-section-typedoc.html.twig' --> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/hidden/field--field-section-typedoc.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-tag-typedoc--page-type.html.twig * field--node--field-tag-typedoc.html.twig * field--node--page-type.html.twig x field--field-tag-typedoc.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/hidden/field--field-tag-typedoc.html.twig' --> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/hidden/field--field-tag-typedoc.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-vignette-typedoc--page-type.html.twig * field--node--field-vignette-typedoc.html.twig * field--node--page-type.html.twig x field--field-vignette-typedoc.html.twig * field--image.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/hidden/field--field-vignette-typedoc.html.twig' --> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/hidden/field--field-vignette-typedoc.html.twig' --> </div> </article> <!-- END OUTPUT from 'core/modules/node/templates/node.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> </div> </main> <footer role="contentinfo"> <div class="footerwrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footerthird.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> <div class="region region-footerthird"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-footerblock.html.twig * block--FooterBlock-block.html.twig * block--gallica-customblock.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-footerblock" class="block block-gallica-customblock block-footerblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'footertpl' --> <!-- BEGIN OUTPUT from 'modules/custom/gallica_customblock/templates/footertpl.html.twig' --> <div class="footercustomblock"> <div id="menufooter" class="menufooter" aria-label="menu footer"> <nav> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer' --> <!-- FILE NAME SUGGESTIONS: * menu--footer.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/menu.html.twig' --> <ul> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/mentions-legales">Mentions légales</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/aide-la-recherche">Aide</a> </li> <li> <a href="mailto:gallica@bnf.fr">Contact</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/cookies">Cookies</a> </li> <li> <a href="https://gallica.bnf.fr/accueil/fr/html/accessibilite">Accessibilité</a> </li> </ul> <!-- END OUTPUT from 'core/modules/system/templates/menu.html.twig' --> </nav> </div> <div class="sociauxfooter"> <ul> <li> <a target="_blank" href="https://fr-fr.facebook.com/GallicaBnF"> <span class="logofacebook"></span> <span class="sr-only">Facebook (new window)</span> </a> </li> <li> <a target="_blank" href="https://www.instagram.com/gallicabnf/"> <span class="logoinstagram"></span> <span class="sr-only">Instagram (new window)</span> </a> </li> <li> <a target="_blank" href="https://twitter.com/gallicabnf"> <span class="logox"></span> <span class="sr-only">X (new window)</span> </a> </li> <li> <a target="_blank" href="https://www.pinterest.fr/gallicabnf/"> <span class="logopinterest"></span> <span class="sr-only">Pinterest (new window)</span> </a> </li> </ul> </div> </div> <!-- END OUTPUT from 'modules/custom/gallica_customblock/templates/footertpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gallica-selection-tagaucitroncentraliseselblock.html.twig * block--TagAuCitronCentraliseSelBlock-block.html.twig * block--bnf-tagaucitroncentralisesel.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> <div id="block-gallica-selection-tagaucitroncentraliseselblock" class="block block-bnf-tagaucitroncentralisesel block-tagaucitroncentraliseselblock-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'tagaucitroncentraliseseltpl' --> <!-- BEGIN OUTPUT from 'modules/custom/bnf_tagaucitroncentralisesel/templates/tagaucitroncentraliseseltpl.html.twig' --> <div class="marquage"> <script async defer type="text/javascript" src="https://multimedia-ext.bnf.fr/bnf_marquage/bnf_marquage.js??version=1.0&domaine=gallica_p.bnf.fr"></script> <div class="marquage-page" data-siten1="18798" data-level2="15" data-chapitre1="Sélections" data-chapitre2="Arts-loisirs-sports" data-chapitre3="" data-titre="Ecrivain critique d'art - Joris-Karl Huysmans" > </div> </div> <!-- END OUTPUT from 'modules/custom/bnf_tagaucitroncentralisesel/templates/tagaucitroncentraliseseltpl.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/blocks/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/layout/region.html.twig' --> <div> </footer> </div> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/layout/page.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/18153","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"user":{"uid":0,"permissionsHash":"807e12e605608930bd9fa093f7ac01c49ffc326dad34495d9f8bf3f71dea46ab"}}</script> <script src="/selections/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/selections/sites/default/files/languages/fr__47j-k2V-_AUiMsTpm_VT4zffAeBb_KFFR8S6ZS53D0.js?srgqws"></script> <script src="/selections/core/misc/drupalSettingsLoader.js?v=10.2.4"></script> <script src="/selections/core/misc/drupal.js?v=10.2.4"></script> <script src="/selections/core/misc/drupal.init.js?v=10.2.4"></script> <script src="/selections/themes/contrib/gallica_selection/js/jquery.mousewheel.js?v=10.2.4"></script> <script src="/selections/themes/contrib/gallica_selection/js/jquery.jscrollpane.min.js?v=10.2.4"></script> <script src="/selections/themes/contrib/gallica_selection/js/script.js?v=10.2.4"></script> <script src="/selections/modules/custom/bnf_langselector/js/bnf_langselector.js?v=1.x"></script> <script src="/selections/modules/custom/gallica10_search/js/typeahead.js?v=1.x"></script> <script src="/selections/modules/custom/gallica10_search/js/gallica10_search.js?v=1.x"></script> <script src="/selections/modules/custom/gallica10_search/js/gallica10_suggest.js?v=1.x"></script> <script src="/selections/modules/custom/gallica_customblock/js/gallica_customblock.js?v=1.x"></script> </body> </html> <!-- END OUTPUT from 'themes/contrib/gallica_selection/templates/layout/html.html.twig' -->