CINXE.COM
Jules Hardouin- Mansart souvent appelé Mansart - LAROUSSE
<!DOCTYPE html> <html lang="fr" itemscope itemtype="http://schema.org/WebPage"> <!-- infos siteWeb: Larousse[.fr/.com] --> <!-- hostName: [https://www.larousse.fr], machineName: [HLAZPLARWFO01], dateTime: [03/03/2025 15:21:38] --> <script> // Problème compatiblitiy [<head></head>] & [Modify by C#] dataLayer = [{'lang':"fr", 'page_type':"editorial", 'page_category':"encyclopedie", 'page_subcategory':""}, { advertisement: {env: 'production', brand: {name: 'Larousse', abbr: 'lar', domain: 'larousse.fr', subDomain: 'www', isPrisma: false}, page: {path: '/', contentObjectId: '', pageType: "Article", pageCategory: "article-media-encyclopedie", pageSubCategory: "content", title: "", author: "", keywords: ""}} }]; // (DataLayer GTM: Default + Prisma) </script> <head id="Head1" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"><meta charset="utf-8" /><meta name="author" content="Éditions Larousse" /><meta name="tdm-reservation" content="1" /><meta name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type" /><title> Jules Hardouin- Mansart souvent appelé Mansart - LAROUSSE </title> <!-- JQuery core JavaScript --> <!-- ###################### --> <!-- !!! import jquery in TOP Header !!! (JS default for all Library & *.aspx) --> <!-- <script type="text/javascript" src="/library-web/jquery/jquery-1.9.1.min.js"></script> --> <!-- src="/library-web/jquery/jquery-1.9.1.js" --> <!-- CDN=[code.jquery.com]:jquery-3.6.0.min.js (!!! < jquery-3.0.0 = conflict slick >>> jquery-migrate !!!)--> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-migrate-3.3.2.min.js" integrity="sha256-Ap4KLoCf1rXb52q+i3p0k2vjBsmownyBTE1EqlRiMwA=" crossorigin="anonymous"></script> <!-- intégration[v.PROD/v.RECE]: régisPub + CNIL(v.OneTrust) --> <!-- ####################################################### --> <!-- JS-link larousse-CNIL pour gestion GTM (régisPub, GA, réseauxSociaux, ...) --> <!-- -------------------------------------------------------------------------- --> <script src="/library-web/larcom/cnil/htmlParser.js"></script> <script src="/library-web/larcom/cnil/postscribe.js"></script> <!-- Démarrage de notification de consentement aux cookies de OneTrust --> <!-- ----------------------------------------------------------------- --> <!-- Début de la mention OneTrust de consentement aux cookies du domaine : larousse.fr --> <!-- call OneTrust [!!! v.PROD !!!] => (data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1) --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1"></script> <!-- call OneTrust [!!! v.RECE/DEV !!!] => (data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1-test") --> <!-- <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1-test"></script> --> <!-- OneTrust OptanonWrapper() --> <script type="text/javascript"> function OptanonWrapper() { if(!getCookieOT("OptanonAlertBoxClosed")){ var newButton = document.createElement("button") // Create a button newButton.setAttribute("id", "onetrust-reject-all-handler") // Name the button + pick up style as per template newButton.onclick = function(one){ OneTrust.RejectAll(); } newButton.innerText = Optanon.GetDomainData().BannerRejectAllButtonText;// Add text to button document.getElementById("onetrust-policy").prepend(newButton) // Place button } } function getCookieOT(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length >= 2) return parts.pop().split(";").shift(); } </script> <!-- Fin de la mention OneTrust de consentement aux cookies du domaine : larousse.fr --> <!-- ### dataLayer [GTM] stats Hachette #### --> <!-- ####################################### --> <script> <!-- call GTM [v.PROD = GTM-TB2J4SG] / [v.RECE = GTM-W4VMQ8H] / [v.COM = GTM-WBCT33T] --> (function(w,d,s,l,i){ w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window, document, 'script', 'dataLayer', 'GTM-TB2J4SG'); </script> <!-- End Google Tag Manager --> <!-- Appel JavaScript-Vidéo [régisPub: VIOUSLY] --> <!-- <script async id="xieg6Sie" src="https://cdn.viously.com/js/sdk/boot.js"></script>--> <!-- CSS (bootstrap) --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/bootstrap/css/bootstrap.min.css" /> --> <!-- href="/library-web/bootstrap/css/bootstrap.css" --> <!-- CDN=[cdn.jsdelivr.net]: bootstrap@4.6.0 [CSS] --> <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" /> --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" /> <!-- CSS (mdb) (!pb:navbar menuBurger & dropdown!)--> <!-- <link rel="stylesheet" type="text/css" href="/library-web/mdb/css/mdb.min.css" />--> <!-- href="/library-web/mdb/css/mdb.css" --> <!-- CSS (slick) --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/slick/slick.css"" /> --> <!-- href="./../assets/library/slick/slick.css" --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/slick/slick-theme.css" /> --> <!-- href="./../assets/library/slick/slick-theme.css" --> <link rel="stylesheet" type="text/css" href="/library-web/slick/slick.min.css" /> <!-- slick.min.css = [slick]+[slick-theme] (minifier) --> <!-- CSS (font-awesome/fontello)--> <!--<link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/font-awesome.min.css" />--> <!-- unused font awesome --> <link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/font-collect.css" /> <!-- CSS (larousse-masterpage)--> <link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/masterpage.css" /> <!-- pb: header, wrapper, footer, lar-grid-, etc...--> <!-- conflit CSS --> <style> /*conflit CSS (bootstrap - MDB)*/ .navbar{ box-shadow:none; } /* SLICK */ .slick-slide { outline: none !important; } </style> <link rel="shortcut icon" href="/encyclopedie/assets/img/favicon.ico" /> <link rel="stylesheet" href="/encyclopedie/assets/css/article.202401161501.css"> <link rel="stylesheet" href="/encyclopedie/assets/css/content.202401161501.css"> <script src="/encyclopedie/assets/js/encyclopedie.202001271425.js"></script> <script src="/encyclopedie/assets/js/content.202001141318.js"></script> <meta property="og:title" content="Jules Hardouin- Mansart souvent appelé Mansart - LAROUSSE" /> <meta itemprop="name" content="Jules Hardouin- Mansart souvent appelé Mansart - LAROUSSE" /> <meta name="description" content="Architecte français Paris 1646-Marly 1708 Resté célibataire François Mansart avait légué sa fortune et son nom à Pierre Delisle -1720 et à Jules Hardouin petit-fils de sa sœur Ceux-ci devinrent architectes tous deux mais seul Jules Hardouin-Mansart devait égaler l'oncle en renommée lui ressembler par son esprit inquiet de perfection par ses intrigues et ses spéculations comme... Mansart" /> <meta property="og:description" content="Architecte français Paris 1646-Marly 1708 Resté célibataire François Mansart avait légué sa fortune et son nom à Pierre Delisle -1720 et à Jules Hardouin petit-fils de sa sœur Ceux-ci devinrent architectes tous deux mais seul Jules Hardouin-Mansart devait égaler l'oncle en renommée lui ressembler par son esprit inquiet de perfection par ses intrigues et ses spéculations comme... Mansart" /> <meta itemprop="description" content="Architecte français Paris 1646-Marly 1708 Resté célibataire François Mansart avait légué sa fortune et son nom à Pierre Delisle -1720 et à Jules Hardouin petit-fils de sa sœur Ceux-ci devinrent architectes tous deux mais seul Jules Hardouin-Mansart devait égaler l'oncle en renommée lui ressembler par son esprit inquiet de perfection par ses intrigues et ses spéculations comme... Mansart" /> <link rel="canonical" href="https://www.larousse.fr/encyclopedie/personnage/Jules_Hardouin-_Mansart/131555" /> <meta property="og:url" content="https://www.larousse.fr/encyclopedie/personnage/Jules_Hardouin-_Mansart/131555" /> <meta itemprop="url" content="https://www.larousse.fr/encyclopedie/personnage/Jules_Hardouin-_Mansart/131555" /> <meta name="keywords" content="Jules Hardouin- Mansart" /> <meta property="og:image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1008408-Ch%c3%a2teau_de_Versailles_lOrangerie.jpg" /> <meta itemprop="image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1008408-Ch%c3%a2teau_de_Versailles_lOrangerie.jpg" /> <meta name="robots" content="index,follow" /> </head> <body> <!-- Google Tag Manager (noscript) --> <!-- call GTM [v.PROD = GTM-TB2J4SG] / [v.RECE = GTM-W4VMQ8H] / [v.COM = GTM-WBCT33T]--> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TB2J4SG" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="page"> <!-- ####### HEADER ####### --> <div class="header"> <!-- NAVBAR: TOP LAROUSSE (Login, Social, Culture) --> <!---------------------------------------------------> <div class="navbar navbar-inverse navbar-default lar-navbar-top visible-lg"> <!-- navbar-fixed-top <<<>>> navbar-default --> <div class="container"> <div id="navtop" class="navbar-collapse collapse"> <ul class="lar-culture nav navbar-nav navbar-right"> <li class="culture-en"> <a onclick="changeCulture('en')">EN</a> <!-- https://www.larousse.com/en/ --> <img src="/dictionnaires/assets/img/flag-en.png" alt="image" draggable="false"/> </li> <li class="culture-es"> <a onclick="changeCulture('es')">ES</a> <!-- https://www.larousse.com/es/ --> <img src="/dictionnaires/assets/img/flag-es.png" alt="image" draggable="false"/> </li> <li class="culture-de"> <a onclick="changeCulture('de')">DE</a> <!-- https://www.larousse.com/de/ --> <img src="/dictionnaires/assets/img/flag-de.png" alt="image" draggable="false"/> </li> <li class="culture-it"> <a onclick="changeCulture('it')">IT</a> <!-- https://www.larousse.com/it/ --> <img src="/dictionnaires/assets/img/flag-it.png" alt="image" draggable="false"/> </li> </ul> <ul class="lar-social nav navbar-nav navbar-right"> <li><a href="https://www.facebook.com/larousse.fr" target="_blank"></a></li> <li><a href="https://twitter.com/larousse_fr" target="_blank"></a></li> <li><a href="https://www.instagram.com/editionslarousse/" target="_blank"></a></li> <li><a href="https://fr.linkedin.com/company/larousse" target="_blank"></a></li> </ul> <ul class="lar-login nav navbar-nav navbar-right"> <li><div id="auth-widget-topbar"></div></li> <!-- POOOL connexion (subscription) --> <li><a href="https://www.editions-larousse.fr/newsletter">Newsletter</a></li> </ul> </div> </div> </div> <!-- NAVBAR: SEARCH (Labelle, saisie Recherche --> <!-----------------------------------------------> <div class="lar-searchbar visible-lg"> <a class="bt-home" href="/">LAROUSSE</a> <div class="zone-search"> <input type="search" class="lar-searchtxt" onkeydown="inputKeydownHeader(false,'\\encyclopedie\\rechercher\\')" placeholder="Rechercher dans l'encyclopédie..."/> <button class="lar-searchbt" onclick="onSearchHeader(false,'\\encyclopedie\\rechercher\\');"></button> </div> </div> <!-- NAVBAR: MENU (nav module: encyclo, dicos, cuisine, etc...) --> <!----------------------------------------------------------------> <div class="navbar navbar-default lar-navbar-menu"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navmenu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="lar-searchbar search-toggle hidden-lg"> <div><a class="bt-home" href="/">LAROUSSE</a></div> <span><button class="lar-switchbt lar-openbt" onclick="openSearch()"></button></span> <span><button class="lar-switchbt lar-closebt" onclick="closeSearch()"></button></span> <div class="switch-search"> <input type="search" class="lar-searchtxt" onkeydown="inputKeydownHeader(true,'\\encyclopedie\\rechercher\\')" placeholder="Rechercher dans l'encyclopédie..."/> <button class="lar-searchbt" onclick="onSearchHeader(true,'\\encyclopedie\\rechercher\\');"></button> </div> </div> </div> <div id="navmenu" class="navbar-collapse collapse"> <ul class="lar-menu nav navbar-nav navbar-left"> <li id="olf"><a href="/dictionnaires/francais"><span class="icon-menu dropdown-submenu hidden-lg"></span>LANGUE FRANÇAISE</a></li> <li id="bil"><a href="/dictionnaires/bilingues"><span class="icon-menu hidden-lg"></span>DICTIONNAIRES BILINGUES</a></li> <li id="traductor"><a href="/traducteur"><span class="icon-menu hidden-lg"></span>TRADUCTEUR</a></li> <li id="conj"><a href="/conjugaison"><span class="icon-menu hidden-lg"></span>CONJUGATEUR</a></li> <li id="encyclo"><a href="/encyclopedie"><span class="icon-menu hidden-lg"></span>ENCYCLOPÉDIE</a></li> <li id="cook"><a href="https://cuisine.larousse.fr"><span class="icon-menu hidden-lg"></span>CUISINE</a></li> <li id="forum"><a href="/forums"><span class="icon-menu hidden-lg"></span>FORUM</a></li> <li id="jeux"><a href="https://jeux.larousse.fr"><span class="icon-menu hidden-lg"></span>JEUX</a></li> <li id="books"><a href="https://www.editions-larousse.fr"><span class="icon-menu hidden-lg"></span>LIVRES</a></li> </ul> <ul class="lar-login hidden-lg"> <li><div id="auth-widget-menuburger"></div></li> <!-- POOOL connexion (subscription) --> <li><a href="https://www.editions-larousse.fr/newsletter">Newsletter</a></li> </ul> <ul class="lar-social hidden-lg"> <li style="width:100%"> <span>Suivez nous:</span> <a href="https://www.facebook.com/larousse.fr"></a> <a href="https://twitter.com/larousse_fr"></a> <a href="https://www.instagram.com/editionslarousse/"></a> <a href="https://fr.linkedin.com/company/larousse"></a> </li> </ul> <ul class="lar-culture hidden-lg"> <li style="width:100%"> <a href="https://www.larousse.com/en/" asp-action="culture_en">EN</a> <a href="https://www.larousse.com/es/" asp-action="culture_es">ES</a> <a href="https://www.larousse.com/de/" asp-action="culture_de">DE</a> <a href="https://www.larousse.com/it/" asp-action="culture_it">IT</a> </li> </ul> </div> </div> </div> </div> <!-- BANIERE(730 x 90) PUB TOP --> <div class="pub-top oast"> </div> <!--FIL ARIANE --> <div class="breadcrumb"> <div><a href="https://www.larousse.fr">Accueil</a> ><a href="/encyclopedie"><b>Encyclopédie [personnage] </b></a> > <b>Jules Hardouin- Mansart</b></div> </div> <!-- ####### HEADER ####### --> <!-- ### Zone POOOL WIDGET ### --> <div id="poool-widget"> <!-- votre paywall sera affiché ici --> </div> <div id="Wrapper" class="wrapper"> <div class="row"> <div class="zone-content col-md-8"> <article class="content" id="109571" idc="131555" class="content" role="article"> <header> <h1>Jules <b>Hardouin-</b><strong>Mansart</strong></h1> <p class="post-adresse">souvent appelé <b>Mansart</b></p> <figure class="img-ref"><a href="/encyclopedie/images/Ch%C3%A2teau_de_Versailles_l_Orangerie/1008408"><img src="/encyclopedie/data/vignettes/1008408-Ch%c3%a2teau_de_Versailles_lOrangerie.jpg" alt="Château de Versailles, l'Orangerie" title="Château de Versailles, l'Orangerie"></a><figcaption>Château de Versailles, l'Orangerie</figcaption></figure></header> <p class="definition">Architecte français (Paris 1646-Marly 1708).</p> <h2 class="h3" id="411353">Introduction</h2> <p class="break">Resté célibataire, François Mansart avait légué sa fortune et son nom à Pierre Delisle (?-1720) et à Jules Hardouin, petit-fils de sa sœur. Ceux-ci devinrent architectes tous deux ; mais seul Jules Hardouin-Mansart devait égaler l'oncle en renommée, lui ressembler par son esprit inquiet de perfection, par ses intrigues et ses spéculations comme par les calomnies dont il fut l'objet. Il lui ressemble encore par sa formation. Lorsque François Mansart confie à Libéral Bruant (1635-1697) ce fils du peintre Raphaël Hardouin, âgé de quinze ans et qui a appris le dessin chez Charles Poërson (1653-1725), c'est pour qu'il acquière sur les chantiers des Invalides et de la Salpêtrière une pratique solide de la stéréotomie. Sa science des profils sera vantée par ses élèves ; mais il n'ira jamais à Rome.</p> <section class="gallery right one"> <figure class="sel"><a href="/encyclopedie/images/Ch%C3%A2teau_de_Versailles_lOrangerie/1008408"><img src="/encyclopedie/data/images/1008408-Ch%c3%a2teau_de_Versailles_lOrangerie.jpg" alt="Château de Versailles, l'Orangerie" title="Château de Versailles, l'Orangerie"></a><figcaption>Château de Versailles, <i>l'Orangerie</i></figcaption></figure> </section> <p class="alinea">Ses débuts, comme ceux des autres architectes du temps, restent obscurs. Selon une anecdote, il devrait à Le Notre la faveur du roi ; chose vraisemblable, car sa vision esthétique est proche de celle du grand jardinier, et la part respective de chacun reste parfois difficile à déterminer (par exemple pour les jardins de Marly ou l'Orangerie de Versailles). Dire qu'il avait « subjugué » le roi est sans doute exact, mais ne saurait suffire à expliquer trente années de faveur constante. Seule sa maîtrise face aux problèmes les plus ardus pouvait permettre, au moins baroque des artistes du règne, de satisfaire pleinement le désir de grandeur de Louis XIV, d'établir le rayonnement de Versailles et de préparer pour l'avenir, par-delà la rocaille, l'épanouissement d'un nouveau classicisme.</p> <p class="alinea">Hardouin-Mansart doit à l'estime royale une ascension continue. Entré aux Bâtiments du roi et à l'Académie dès 1675, il est Premier architecte dix ans plus tard ; et la surintendance des Bâtiments, où Louvois avait succédé à Colbert en 1683, lui sera donnée en 1699. Anobli en 1683, Hardouin-Mansart est baron de Jouy et comte de Sagonne (titres qui reviendront à deux architectes du <small>xviii</small><sup>e</sup> s., ses petit-fils). Pour faire face au labeur écrasant, il a organisé une « agence » dirigée par Robert de Cotte, où des collaborateurs font les mises au net. Ce sera prétexte à contester son talent, comme si l'architecture n'était pas conception et coordination d'un travail d'équipe, et plus encore en une période où la personnalité du créateur devait s'accorder à la discipline classique. L'œuvre semble difficile à circonscrire par sa variété comme par son étendue ; bornons-nous à trois aspects caractéristiques.</p> <h2 class="h3" id="411354">Pour le roi et la Cour</h2> <p>La première grande commande fut Clagny, pour Mme de Montespan. Cette demeure, réalisée en bordure de Versailles de 1674 à 1677 et aujourd'hui disparue, ajoutait à l'habituel plan en U deux ailes éployées qui accusaient l'horizontalité en multipliant les axes transversaux ; pliant le décor à l'architecture, la galerie montrait une tendance à s'affranchir des règles. Jules Hardouin-Mansart reprend cette disposition à Versailles en 1678-1684, pour donner au château son envergure définitive et remplace par la galerie des Glaces le vide central créé par la terrasse de Le Vau. En 1687, à Trianon, le déséquilibre dû au bras du canal est prétexte à une composition plus libre ; l'aile gauche de la cour vient entourer les communs ; l'autre, par un double retour d'équerre, permet aux jardins de s'insérer dans l'architecture, de la pénétrer même par la transparence du portique central. Comme au bosquet de la Colonnade, à peine antérieur, l'espace enclos l'emporte sur le décor raffiné et précieux qui l'encadre.</p> <p class="alinea">À Marly (commencé en 1679), dans l'implantation heureusement préservée, on discerne le tracé de Clagny, traité de façon plus souple, substituant au ruban continu des façades un chapelet de treize (douze plus un) pavillons (détruits) pour encadrer le jeu des terrasses et la féerie des eaux, éléments essentiels de cette « clairière des dieux ».</p> <h2 class="h3" id="411355">L'urbaniste</h2> <p>Créé à Paris pour les Bourbons, le thème de la place Royale manquait encore d'harmonie entre le motif central et un cadre trop vaste (le meilleur angle de vision se situant à une distance triple de la hauteur du monument). Jules Hardouin-Mansart l'a fort bien compris en adoptant la forme circulaire pour la place des Victoires (1685) et un rectangle aux angles abattus pour le programme définitif (1699) de la place Vendôme, chef-d'œuvre auquel la colonne a fait perdre sa signification. À Dijon, en 1686, quand il s'était agi d'établir le symbole du pouvoir face au palais des états, il avait opposé un hémicycle à la cour quadrangulaire et la statue au frontispice, en regard du centre de la composition, mais sans faire appel aux ordonnances ioniques, qui donnaient aux places parisiennes leur « habit de cour ». L'emploi raisonné des formes courbes devait lui fournir une autre solution remarquable, celle qui permettait d'insérer les Écuries de Versailles (1679) entre les voies d'accès convergeant vers l'avant-cour du château, vers cette magnifique esplanade amortie de quarts-de-cercle dont il pensait réutiliser le tracé devant le dôme des Invalides.</p> <h2 class="h3" id="411356">Saint-Louis des Invalides</h2> <p>Si Louvois songeait bien, en chargeant Jules Hardouin d'achever les Invalides, à y fixer la sépulture des Bourbons, peut-on s'étonner de voir l'architecte reprendre les géniales conceptions de son grand-oncle pour la chapelle funéraire de Saint-Denis ? Hanté à son tour par le problème de la double coupole, il en proposait dès avant 1680 l'adoption pour la chapelle de Versailles ; mais il devait finalement concevoir l'édifice palatial comme une sainte chapelle lumineuse et légère (1699) et réserver l'espace ineffable pour l'église dynastique. Le projet du dôme des Invalides (1676) sera réalisé, après modification du profil supérieur, à partir de 1680. La décoration, achevée en 1706, reste dans la manière de François Mansart, avec plus de légèreté et un souci constant de mettre la pierre en valeur ; mais les chapelles elliptiques saillantes ont fait place à des volumes simples, contenus dans le strict carré du plan. La méthode de composition est géométrique<i> (ad triangulum)</i> et fournit des figures très pures ; leur sévérité s'accorde avec le caractère d'un édifice considéré comme la plus parfaite réussite de l'art classique.</p> <p class="alinea">Outre ces réalisations, qui comptent parmi les plus célèbres de l'architecture française, Jules Hardouin-Mansart a encore beaucoup construit ; trente années à la tête des Bâtiments royaux, il a pu mener le classicisme à son apogée et, par la voie de ses élèves (en particulier Boffrand), en permettre la diffusion en Europe. À la froide beauté prônée par ses collègues de l'Académie, il a su ajouter la grâce et, renouant avec la tradition, mettre au point des distributions intérieures et un confort appelés à se généraliser. Ce souci rationnel, ne le dut-il pas quelque peu à sa première formation ? C'est un appareilleur, un praticien pensant en volumes et non en dessins qui a conçu la voûte plate de l'hôtel de ville d'Arles (vers 1684) et la structure dépouillée de l'Orangerie de Versailles (1680-1686) ; et cela n'enlève rien à une beauté établie sur des bases saines et commodes, selon les principes mêmes du classicisme.</p> </article> <div class="panel-pays"> </div> <div class="rwm-podcast-player" data-pid="1eca0639-3a13-635a-a5fc-c9380f86a94d"></div> </div> <div class="col-md-4"> <div id="zonePlan"> <div class="banner-title"> <hr class="line-left"> <span class="fontello"></span> <hr class="line-right"> <p class="panel-title">PLAN</p> </div> <div class="panel-plan"> <div class="list-plan"> <nav id="plan-109571" class="plan" role="contentinfo"> <h2>Plan</h2> <ol> <li><a href="#109571" class="n1">Jules <b>Hardouin-</b>Mansart</a> </li> <ol> <li><a href="#411353" class="n2">Introduction</a> </li> <li><a href="#411354" class="n2">Pour le roi et la Cour</a> </li> <li><a href="#411355" class="n2">L'urbaniste</a> </li> <li><a href="#411356" class="n2">Saint-Louis des Invalides</a> </li> </ol> </ol> </nav> </div> </div> </div> <div class="pub-pave oasm"> </div> <div class="panel-da"> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">Médias associés</p> </div> <div class="zone-medias"> <figure class="photo"><a href="/encyclopedie/images/Ch%C3%A2teau_de_Versailles_l_Orangerie/1008408"> <img src="/encyclopedie/data/vignettes/1008408-Château de Versailles, l'Orangerie.jpg" alt="Château de Versailles, l'Orangerie" title="Château de Versailles, l'Orangerie" /></a> <figcaption>Château de Versailles, l'Orangerie</figcaption> </figure> </div> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">Articles associés</p> </div> <div class="zone-articles"> <article><a href="/encyclopedie/divers/architecture/22679"> <h2><B>architecture.</B></h2> <p>Art de construire les bâtiments.</p></a> </article> <article><a href="/encyclopedie/personnage/Germain_Boffrand/109263"> <h2><B>Boffrand</B><B>.</B></h2> <p>Germain <B>Boffrand</B><B>.</B> Architecte et décorateur français...</p></a> </article> <article><a href="/encyclopedie/divers/classicisme/34375"> <h2><B>classicisme.</B></h2> <p>Le Classicisme constitue une étape dans l'histoire des arts et des lettres...</p></a> </article> <article><a href="/encyclopedie/personnage/Robert_de_Cotte/114866"> <h2><B>Cotte</B><B>.</B></h2> <p>Robert de <B>Cotte</B><B>.</B> Architecte et décorateur français...</p></a> </article> <article><a href="/encyclopedie/personnage/Antoine_Coyzevox/115040"> <h2><B>Coyzevox</B><B>.</B></h2> <p>Antoine <B>Coyzevox</B><B>.</B> Sculpteur français...</p></a> </article> <article><a href="/encyclopedie/ville/Dijon_21000/116520"> <h2><B>Dijon</B></h2> <p>21000. Chef-lieu de la Région Bourgogne – Franche-Comté et du département de la Côte-d'Or, à...</p></a> </article> <article><a href="/encyclopedie/personnage/Fran%C3%A7ois_DOrbay/116916"> <h2><B>D'Orbay</B><B>.</B></h2> <p>François <B>D'Orbay</B><B>.</B> Architecte français...</p></a> </article> <article><a href="/encyclopedie/groupe-personnage/Gabriel/120617"> <h2><B>Gabriel</B><B>.</B></h2> <p>Famille d'architectes français, dont les principaux sont Jacques V et son...</p></a> </article> <article><a href="/encyclopedie/divers/galerie_des_Glaces/120683"> <h2><B>galerie des Glaces</B><B>.</B></h2> <p>Grande galerie du château de Versailles, construite par Hardouin-Mansart de...</p></a> </article> <article><a href="/encyclopedie/divers/h%C3%B4tel_des_Invalides/125075"> <h2><B>Invalides</B> (hôtel des).</h2> <p>Édifice parisien construit pour abriter l'Institution nationale des Invalides.</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/personnage/Charles_de_La_Fosse/128419"> <h2><B>La Fosse</B><B>.</B></h2> <p>Charles de <B>La Fosse</B><B>.</B> Peintre français...</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/personnage/Andr%C3%A9_Le_N%C3%B4tre/129449"> <h2><B>Le Nôtre</B><B>.</B></h2> <p>André <B>Le Nôtre</B><B>.</B> Architecte et dessinateur français de jardins...</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/personnage/Louis_XIV/130427"> <h2><B>Louis XIV</B><B>.</B></h2> <p>Roi de France...</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/personnage/Fran%C3%A7ois_Mansart/131554"> <h2><B>Mansart</B><B>.</B></h2> <p>François <B>Mansart</B><B>.</B> Architecte français...</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/ville/Sceaux_92330/143457"> <h2><B>Sceaux</B></h2> <p>92330. Chef-lieu de canton des Hauts-de-Seine, à 6 km au S. de Paris...</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/divers/place_Vend%C3%B4me/148519"> <h2><B>Vendôme</B> (place).</h2> <p>À Paris (I<SUP>er</SUP> arrondissement).</p></a> </article> <article class="itemHidden"><a href="/encyclopedie/divers/ch%C3%A2teau_de_Versailles/148666"> <h2><B>Versailles</B> (château de).</h2> <p>Château de la commune de Versailles (Yvelines).</p></a> </article> <div id="btExpand" class="btPlus" onclick="onExpandDA()" runat="server">Voir <span class="iconPlus">plus</span> </div> </div> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">Chronologie</p> </div> <div class="zone-chrono"> <ul> <li><B>1676-1706</B> Chapelle des Invalides, à Paris, par J. Hardouin-Mansart. </li> </ul> </div> </div> <div id="taboola-right-rail-encyclo-thumbnails" class="taboola"></div> <!-- PUB PAVE 3 --> <div class="pub-pave oasm3"></div> </div> </div> <!-- FIXED MENU NAV (FLOATING) --> <div id="floatNav" class="navbox-fixed"> <ul class="nav-menu"> <nav id="plan-109571" class="plan" role="contentinfo"> <h2>Plan</h2> <ol> <li><a href="#109571" class="n1">Jules <b>Hardouin-</b>Mansart</a> </li> <ol> <li><a href="#411353" class="n2">Introduction</a> </li> <li><a href="#411354" class="n2">Pour le roi et la Cour</a> </li> <li><a href="#411355" class="n2">L'urbaniste</a> </li> <li><a href="#411356" class="n2">Saint-Louis des Invalides</a> </li> </ol> </ol> </nav> </ul> <div class="nav-btn nav-open" onclick="openNavMenu();">+</div> <div class="nav-btn nav-close" onclick="closeNavMenu();"></div> </div> </div> <!-- BANIERE(730 x 90) PUB BOTTOM --> <div class="pub-bottom oasb"> </div> <!-- ## SOCIAL PANEL ## --> <!-- ################## --> <!-- ####### FOOTER ####### --> <div class="footer"> <span class="footer-left"> <a href="/contenu/applications/applications_mobiles">Applications mobiles</a> <a href="/index">Index</a> <a href="/infos/credits">Mentions légales et crédits</a> <a href="/infos/cgu">CGU</a> <a href="/infos/cgv">CGV</a> <a href="/infos/confidentialite">Charte de confidentialité</a> <a class="optanon-show-settings">Cookies</a> <a href="/infos/contact">Contact</a> </span> <span class="footer-right"> <span>© Larousse</span> </span> </div> <!-- ####### FOOTER ####### --> </div> </body> <!-- JS Bootstrap core JavaScript --> <!-- <script type="text/javascript" src="/library-web/bootstrap/js/bootstrap.min.js"></script> --> <!-- src="/library-web/bootstrap/js/bootstrap.js" --> <!-- CDN=[cdn.jsdelivr.net]: bootstrap@4.6.0 [JS] --> <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> --> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <!-- JS MDB core JavaScript --> <!-- <script type="text/javascript" src="/library-web/mdb/js/mdb.min.js"></script> --> <!-- src="/library-web/mdb/js/mdb.js" --> <!-- JS SLICK core JavaScript --> <script type="text/javascript" src="/library-web/slick/slick.min.js"></script> <!-- src="/library-web/slick/slick.js" --> <!-- RegisPUB & [OneTrust] (Params, Habillage(body,oast,oasm,...)) --> <!-- ############################################################# --> <!-- [OneTrust] CATEGORY-1: Cookies strictement nécessaires --> <script type="text/plain" class="optanon-category-1"> //alert("CATEGORY-1: OK \nCookies strictement nécessaires"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // // Set cookie [show payWall] (default value) //alert("optanon(CAT-1|START) : spwpoool_ = true (default value)"); setCookie('spwpoool_', 'true', 1); </script> <!-- [OneTrust] CATEGORY-2: Cookies de performance --> <script type="text/plain" class="optanon-category-2"> //alert("CATEGORY-2: OK \nCookies de performance "); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //googleAnalytics(); //alert("googleAnalytics(): OK"); </script> <!-- [OneTrust] CATEGORY-3: Cookies de fonctionnalité --> <script type="text/plain" class="optanon-category-3"> //alert("CATEGORY-3: OK \nCookies de fonctionnalité"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // </script> <!-- [OneTrust] CATEGORY-4: Cookies pour une publicité ciblée --> <script type="text/plain" class="optanon-category-4"> //alert("CATEGORY-4: OK \nCookies pour une publicité ciblée"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //alert("optanon(CAT-4|PUB) : Consent[OK]"); setCookie('laruserconsent_', 'true', 1); //alert("setCookie : laruserconsent_[true]"); disablePaywall(); initFirstID(); // //initSAStrigger(); // regispub: trigger Pub (body, etc...) via smartadserver //ads(); // regispub: themoneytizer //AdsEx(); // regispub: quantx(elasticad), Teads //alert("ads()-quantxAds(): OK"); </script> <!-- [OneTrust] CATEGORY-8: Cookies « réseaux sociaux » --> <script type="text/plain" class="optanon-category-8"> //alert("CATEGORY-8: OK \nCookies réseaux sociaux"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //twitter(); // Box Twitter //facebook(); // Box facebook //googleplus(); // Box Google Plus //alert("twitter()-facebook()-googleplus(): OK"); </script> <!-- ########## FIN CNIL(RGPD) ########## --> <!-- POOOL [payWall & subscription] (access.js & subscribe.js) --> <!-- ######################################################### --> <!-- -------------- intégration [audit.js] ----------------- --> <!-- -------------- intégration [access.js] ----------------- --> <script id="poool-access" src="https://assets.poool.fr/access.min.js" async></script> <script> var access = null; const script_access = document.getElementById('poool-access'); script_access.addEventListener('load', function () { // var spwpoool_ = getCookie('spwpoool_'); if(window.location.toString().indexOf("/infos/") > 0) spwpoool_ = false; // Paywall & pageInfos(footer) // if (spwpoool_ == null || spwpoool_ == 'true') { //alert("spwpoool_[" + spwpoool_+"]: \n - createPaywall \n - poool-widget=show() + wrapper=blur(3) \n - event(Poool+oneTrust)"); access = Access.init('ILD4S-2S1MH-UGZ3J-1SEEH'); access.createPaywall({ target: '#poool-widget', content: '[data-poool]', mode: 'excerpt', percent: 80, pageType: 'premium', }); // Hide <#poool-widget> $("#poool-widget").show(); // wrapper -> blur(3) >>> flou $('.wrapper').css({ 'filter' : 'blur(3px)', '-webkit-filter' : 'blur(3px)', '-moz-filter' : 'blur(3px)', '-o-filter' : 'blur(3px)', '-ms-filter' : 'blur(3px)' }); // event back consent access.on('consent', function () { //alert("access.on('consent')"); // change Consent (accept All Cookie) ///////////////////////////////////// //OneTrust.AllowAll(); // => [OK] // Display Banner OneTrust (!niveau 2:setting!) /////////////////////////////////////////////// OneTrust.ToggleInfoDisplay(); // => [OK] OneTrust.OnConsentChanged(function () { //alert("OneTrust.OnConsentChanged => Value: [" + OnetrustActiveGroups + "]"); if (OnetrustActiveGroups.match(/,4,/) != null) { // consentement oneTrust: [OK] (OnetrustActiveGroups == 4) setCookie('laruserconsent_', 'true', 1); //alert("setCookie : laruserconsent_[true]"); // gestion First-ID initFirstID(); }else{ // consentement oneTrust: [KO] (OnetrustActiveGroups != 4) // (ré)activation paywall POOOL access.createPaywall({ target: '#poool-widget', content: '[data-poool]', mode: 'excerpt', percent: 80, pageType: 'premium', }); } }); }); }else{ // //alert("spwpoool_[false]: noPaywall"); } }); // function disablePaywall(){ //alert("disablePaywall(): \n - destroyPaywall(?) \n - poool-widget=hide() + wrapper=blur(0) \n - cookie spwpoool_: false"); // // Destroy Paywall (?) if(access){ //alert("access != null : destroyPaywall"); access.destroy(); } // //alert("- <div poool-widget>: hide() \n- <div wrapper>: blur(0)"); // Hide <#poool-widget> $("#poool-widget").hide(); // wrapper -> blur(0) >>> ok $('.wrapper').css({ 'filter' : 'none', '-webkit-filter' : 'none', '-moz-filter' : 'none', '-o-filter' : 'none', '-ms-filter' : 'none' }); // // Set cookie [hide payWall] //alert("cookie spwpoool_: false"); setCookie('spwpoool_', 'false', 1); } </script> <!-- ------------- intégration [subscribe.js] ---------------- --> <script id="poool-subscribe" src="https://assets.poool-subscribe.fr/subscribe.js" async></script> <script> const script_subscribe = document.getElementById('poool-subscribe'); script_subscribe.addEventListener('load', function () { subscribe = Subscribe.init('ILD4S-2S1MH-UGZ3J-1SEEH'); subscribe.createAuthElement('signin-with-subscribe-button', { target: '#auth-widget-topbar' }); subscribe.createAuthElement('signin-with-subscribe-button', { target: '#auth-widget-menuburger' }); //subscribe.config('debug', true); // Appel ( async / await) ///////////////////////// async function getUserDatas() { const user = await subscribe.getUser(); //[KO] user => undefined //alert("user info: " + user // + "\nid_subscription: " + user.subscription.subscriptionId // + "\nstatus: " + user.subscription.status // + "\ncreatedAt: " + user.subscription.createdAt); if(user != undefined && user.subscription != null && user.subscription.status == "active"){ //alert("status == active : subscribe[OK]"); $("#auth-widget-topbar").css("margin-top", "12px"); // alignement infoUSer (topbar) disablePaywall(); }else{ // //alert("access[null] OR subscribe[KO]: keepContext"); } } getUserDatas(); }); </script> <!-- ############# FIN PAYWALL(Pool) ############# --> <!-- FIRST-ID [gestion cookie first/tiers] --> <!-- ##################################### --> <!-- ---- intégration [loader.min.js] ---- --> <script src="https://cdn.first-id.fr/sdk/loader/loader.min.js"></script> <!-- first-ID [PROD] --> <!-- first-ID [RECE-PREPROD] --> <script> // function initFirstID() { // //alert("gestion first-ID"); console.log('version/call first-ID') // window.firstId = window.firstId || { callbacks: [], // callbacks to execute when the SDK is loaded debug: false, // if you want to see the logs of the SDK cookieName: 'firstid', // the name of the cookie where you put the First-id value after the gate redirect // User hashed email value emailCookieName: 'hashed_email', // the name of the cookie where we can find the hashed email value after the user login emailHashed: null, // OR the hashed email value of the user if you have it before the SDK initialization emailGetterCallback: null, // OR a callback to get the hashed email value of the user refreshCookieName: 'firstid_refresh', // the name of the cookie that SDK create to tell you to make a redirect to our gate to resync the First-id value }; // // callbacks to execute when the SDK is loaded window.firstId.callbacks.push(() => { console.log('First-id SDK loaded. #1') //alert('[First-id callbacks]: SDK loaded. #1'); }); // // callback to get the First-id value window.firstId.callbacks.push(() => { console.log('First-id SDK loaded #2') //alert('[First-id callbacks]: SDK loaded. #2'); try { var _firstID = FIRSTID.getId(); // you can access to the First-id SDK with the global variable "FIRSTID", this method return the First-id value console.log('First-id cookie: ' + _firstID) //alert('First-id cookie: ' + _firstID); } catch (e) { if (e.code === 'FirstIdCookieNotFound') { console.log('FirstID cookie not found'); //alert('[First-id callbacks]: FirstID cookie not found'); } } }); } </script> <!-- JS larousse-Masterpage --> <script type="text/javascript" src="/library-web/larcom/masterpage/js/masterpage.js"></script> <!-- src="[module]/assets/js/masterpage.js" --> </html>