1<!DOCTYPE html><html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#"><head><meta charset="utf-8" />
1<script>var _mtm = window._mtm = window._mtm || [];_mtm.push({"mtm.startTime": (new Date().getTime()), "event": "mtm.Start"});var d = document, g = d.createElement("script"), s = d.getElementsByTagName("script")[0];g.type = "text/javascript";g.async = true;g.src="https://monarchie.lu/matomo/js/container_OILU5tiu.js";s.parentNode.insertBefore(g, s);</script>
1<meta name="description" content="Retracez à travers cette page lâhistoire du Luxembourg et de ses dynasties. Lisez notamment les biographies du Grand-Duc Jean ou de la Grande-Duchesse Charlotte." /><link rel="canonical" href="https://monarchie.lu/fr/la-monarchie" /><meta name="robots" content="index, follow" /><meta property="og:image" content="https://monarchie.lu/sites/default/files/styles/meta/public/upload/media/image/2025-09/krier_tony_1964_1325_0025.jpg?itok=CPFU6oNR" /><meta property="og:image:url" content="https://monarchie.lu/sites/default/files/styles/meta/public/upload/media/image/2025-09/krier_tony_1964_1325_0025.jpg?itok=CPFU6oNR" /><meta property="og:image:secure_url" content="https://monarchie.lu/sites/default/files/styles/meta/public/upload/media/image/2025-09/krier_tony_1964_1325_0025.jpg?itok=CPFU6oNR" /><meta name="twitter:card" content="summary" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="alternate" hreflang="lb" href="https://monarchie.lu/lu/dmonarchie" /><link rel="alternate" hreflang="fr" href="https://monarchie.lu/fr/la-monarchie" /><link rel="alternate" hreflang="de" href="https://monarchie.lu/de/die-luxemburgische-monarchie" /><link rel="alternate" hreflang="en" href="https://monarchie.lu/en/luxembourg-monarchy" /><title>La Monarchie luxembourgeoise | Cour grand-ducale</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" media="all" href="/sites/default/files/css/css_fDYQ_etd_tSZ0yUFLHR7FqP2b7jrmotfjd2fts6XfDQ.css?delta=0&language=fr&theme=monarchie&include=eJwrriwuSc3VT0osTtUpy0wtL9YHk3q5-SmlOakAuE0L2w" /><link rel="stylesheet" href="https://monarchie.lu/themes/monarchie/dist/assets/app-DSlbcxBF.css" crossorigin /><link rel="stylesheet" href="https://monarchie.lu/themes/monarchie/dist/assets/print-BH4IixBc.css" media="print" crossorigin /><link rel="icon" type="image/png" href="/themes/monarchie/src/images/favicon-96x96.png" sizes="96x96" /><link rel="icon" type="image/svg+xml" href="/themes/monarchie/src/images/favicon.svg" /><link rel="shortcut icon" href="/themes/monarchie/src/images/favicon.ico" /><link rel="apple-touch-icon" sizes="180x180" href="/themes/monarchie/src/images/apple-touch-icon.png" /><meta name="apple-mobile-web-app-title" content="" /><link rel="manifest" href="/themes/monarchie/src/images/site.webmanifest" /><meta name="theme-color" content="rgba(46, 42, 100, 1)">
1<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/e0f155153ea274daac167699/script.js"></script>
1</head><body class="padding-top-gin-toolbar font-sans text-blue-600 group/body text-base bg-blue-700 [&is-dark]:text-blue-50 is-dark:text-blue-50 text-blue-600 transition-[background-color] duration-500 [&.horizontal-scroll]:md:overflow-y-hidden overflow-x-hidden [&.horizontal-scroll]:md:overflow-x-auto antialiased is-dark header-is-dark horizontal-scroll path-node page-node-type-navigation-page node-3675" > <nav role="navigation" aria-label="Accès rapide"> <a href="#main" class="sr-only focus:not-sr-only focus:outline-none focus:ring-2 focus:ring-blue-400 focus:outline-offset-4 focus:absolute focus:top-[20px] focus:left-1/2 focus:-translate-x-1/2 focus:z-50 focus:rounded-md focus:bg-white focus:text-blue-700 is-dark:focus:bg-blue-200 is-dark:focus:text-blue-900 !px-10 !py-4"> Aller au contenu principal </a> </nav><div x-data="blur" class="fixed opacity-0 is-dark:opacity-100 transition h-full w-full pointer-events-none overflow-hidden"><div x-ref="circle" class="will-change-[transform,filter] -translate-y-1/2 -translate-x-1/2 is-dark:block absolute w-[40vw] h-[40vw] blur-[190px] aspect-square rounded-full z-30 bg-[#383BBD] opacity-30 bottom-10 left-10 "></div></div><div id="app" class="bg-orange-50 is-dark:bg-blue-700 md:horizontal-scroll:flex md:horizontal-scroll:*:flex-none md:horizontal-scroll:*:h-screen md:horizontal-scroll:*:overflow-hidden"><div class="print-masthead hidden" aria-hidden="true"> <img class="print-masthead__logo" src="/themes/monarchie/src/images/logo.png" alt="Cour grand-ducale" /> <img class="print-masthead__wordmark" src="/themes/monarchie/src/images/logo_text.svg" alt="Cour grand-ducale" /></div><header x-data="$store.header" role="banner" class="fixed inset-0 top-gin-toolbar p-4 z-60 flex items-start justify-between" x-bind:class="{ 'pointer-events-none': !menuIsOpen }"><div class="flex items-center justify-between pointer-events-auto"> <a href="/fr" aria-label="Cour grand-ducale - Page d'accueil" class="flex items-center gap-8"><div class="bg-white size-16 p-2 rounded-md shadow-sm lg:size-18 lg:p-3"> <img src="/themes/monarchie/src/images/logo.png" alt="" class="block" /></div><div class="hidden md:!flex md:items-center md:gap-4"><div x-bind:class="{ 'scale-y-0': minified, }" class="scale-y-0 transition-transform duration-500 ease-out-expo w-px h-6 bg-orange-500"></div><div x-bind:class="{ 'opacity-0 -translate-x-2': minified, }" class="opacity-0 -translate-x-2 transition duration-500 ease-out-expo"> <svg aria-hidden="true" focusable="false" class="header-is-dark:fill-blue-50 fill-blue-600 w-full" width="226" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="m225.709 11.14-.533 3.911h-10.977v-.286c.71-.082 1.195-.232 1.454-.45.26-.22.389-.574.389-1.066V2.354c0-.505-.129-.867-.389-1.085-.259-.219-.744-.362-1.454-.43V.552h9.134c.369 0 .642-.02.819-.062.191-.054.314-.136.369-.245h.287l.675 4.198h-.286c-.301-1.188-.738-2.034-1.311-2.54-.573-.518-1.379-.778-2.417-.778h-3.01v6.206h2.335c.6 0 1.03-.171 1.29-.512.273-.342.382-.881.328-1.618h.286l.635 4.833h-.287c-.15-.737-.402-1.277-.757-1.618-.342-.341-.785-.512-1.332-.512h-2.498v5.284c0 .464.089.798.266 1.003.178.191.492.287.942.287h2.13c.997 0 1.782-.266 2.355-.799.574-.532.997-1.379 1.27-2.54h.287ZM213.472 11.14l-.533 3.911h-10.875v-.286c.71-.082 1.195-.232 1.454-.45.26-.22.39-.574.39-1.066V2.354c0-.505-.13-.867-.39-1.085-.259-.219-.744-.362-1.454-.43V.551h6.103v.286c-.696.069-1.181.212-1.454.43-.259.219-.389.58-.389 1.086v10.834c0 .464.089.798.266 1.003.178.191.492.287.942.287h2.028c.997 0 1.782-.266 2.355-.799.574-.532.997-1.379 1.27-2.54h.287ZM199.517 12.512c.342.805.697 1.379 1.065 1.72.369.341.82.519 1.352.533v.286h-6.41v-.286c.573-.014.997-.09 1.27-.226a.726.726 0 0 0 .43-.655c.027-.3-.069-.703-.287-1.208l-.983-2.355h-5.529l-.963 2.355c-.205.505-.3.908-.287 1.208.028.3.178.519.451.655.287.137.71.212 1.27.226v.286h-4.24v-.286a1.75 1.75 0 0 0 1.229-.533c.341-.341.683-.921 1.024-1.74l5.12-12.247h.287l5.201 12.267Zm-8.847-2.765h5.038l-2.539-6.123-2.499 6.123ZM186.322 4.566h-.287c-.245-.778-.594-1.447-1.044-2.007a4.534 4.534 0 0 0-1.557-1.29 4.12 4.12 0 0 0-1.904-.45 3.75 3.75 0 0 0-2.335.798c-.683.519-1.222 1.263-1.618 2.232-.382.956-.573 2.048-.573 3.277.013 1.27.246 2.423.696 3.46.464 1.038 1.099 1.858 1.905 2.458a4.54 4.54 0 0 0 2.744.881c.983 0 1.843-.32 2.58-.963.751-.655 1.27-1.542 1.557-2.662l.307.082c-.109.997-.423 1.877-.942 2.642a5.144 5.144 0 0 1-1.966 1.74c-.792.397-1.666.595-2.621.595-1.338 0-2.526-.314-3.564-.943a6.515 6.515 0 0 1-2.396-2.58c-.56-1.106-.847-2.341-.86-3.707-.014-1.502.273-2.846.86-4.034.587-1.202 1.406-2.144 2.458-2.826 1.064-.683 2.286-1.024 3.665-1.024.506 0 .942.047 1.311.143.382.082.792.198 1.229.348.341.123.594.198.758.225a.53.53 0 0 0 .43-.102c.123-.11.225-.314.307-.614h.307l.553 4.32ZM168.849.552h4.26v.286c-.696.069-1.181.212-1.454.43-.259.219-.389.58-.389 1.086v7.618c0 1.079-.205 2.028-.614 2.847a4.515 4.515 0 0 1-1.762 1.884c-.751.437-1.624.655-2.621.655-1.802 0-3.202-.47-4.198-1.413-.997-.942-1.495-2.266-1.495-3.973V2.354c0-.505-.13-.867-.39-1.085-.259-.219-.744-.362-1.454-.43V.551h6.103v.286c-.696.069-1.181.212-1.454.43-.259.219-.389.58-.389 1.086v7.618c0 .915.164 1.728.492 2.438.327.696.785 1.242 1.372 1.638.601.382 1.29.573 2.068.573.765 0 1.434-.19 2.007-.573.574-.396 1.011-.942 1.311-1.639.3-.696.451-1.508.451-2.437V2.354c0-.505-.13-.867-.39-1.085-.259-.219-.744-.362-1.454-.43V.551ZM149.668.552c1.57 0 2.936.273 4.096.819 1.174.546 2.076 1.345 2.704 2.396.628 1.038.942 2.266.942 3.686 0 1.557-.308 2.908-.922 4.055a6.288 6.288 0 0 1-2.58 2.622c-1.12.614-2.431.921-3.932.921h-6.431v-.286c.71-.082 1.195-.232 1.454-.45.259-.22.389-.574.389-1.066V2.354c0-.505-.13-.867-.389-1.085-.259-.219-.744-.362-1.454-.43V.551h6.123Zm.308 13.926c.928 0 1.761-.28 2.498-.84.737-.573 1.318-1.358 1.741-2.355.423-.997.635-2.123.635-3.38 0-1.392-.232-2.6-.697-3.624-.464-1.024-1.112-1.802-1.945-2.335-.833-.546-1.796-.819-2.888-.819h-1.515v12.063c0 .437.102.764.307.983.218.205.546.307.983.307h.881ZM142.196 9.87h-5.12v-.553h5.12v.553ZM127.399.552c1.57 0 2.935.273 4.096.819 1.174.546 2.075 1.345 2.703 2.396.628 1.038.942 2.266.942 3.686 0 1.557-.307 2.908-.922 4.055a6.276 6.276 0 0 1-2.58 2.622c-1.119.614-2.43.921-3.932.921h-6.431v-.286c.71-.082 1.195-.232 1.454-.45.26-.22.39-.574.39-1.066V2.354c0-.505-.13-.867-.39-1.085-.259-.219-.744-.362-1.454-.43V.551h6.124Zm.307 13.926c.928 0 1.761-.28 2.498-.84.738-.573 1.318-1.358 1.741-2.355.424-.997.635-2.123.635-3.38 0-1.392-.232-2.6-.696-3.624-.464-1.024-1.113-1.802-1.946-2.335-.833-.546-1.795-.819-2.887-.819h-1.516v12.063c0 .437.103.764.307.983.219.205.546.307.983.307h.881ZM120.221.552v.286c-.71.069-1.194.212-1.454.43-.259.219-.389.58-.389 1.086v12.697h-.43l-8.99-12.246v10.444c0 .492.129.847.389 1.065.259.219.737.369 1.433.45v.287h-4.239v-.286c.71-.082 1.195-.232 1.454-.45.259-.22.389-.574.389-1.066V2.333c0-.505-.13-.866-.389-1.085-.259-.218-.737-.355-1.434-.41V.552h3.789l7.455 10.342v-8.54c0-.505-.13-.867-.389-1.085-.26-.219-.738-.362-1.434-.43V.551h4.239ZM104.092 12.512c.341.805.696 1.379 1.065 1.72.368.341.819.519 1.351.533v.286h-6.41v-.286c.574-.014.997-.09 1.27-.226a.726.726 0 0 0 .43-.655c.027-.3-.068-.703-.287-1.208l-.983-2.355h-5.53l-.962 2.355c-.205.505-.3.908-.287 1.208a.77.77 0 0 0 .451.655c.287.137.71.212 1.27.226v.286h-4.24v-.286a1.751 1.751 0 0 0 1.23-.533c.34-.341.682-.921 1.023-1.74L98.603.244h.287l5.202 12.267Zm-8.847-2.765h5.037l-2.539-6.123-2.498 6.123Z" /> <path d="M77.95 14.765c.695-.055 1.173-.198 1.433-.43.273-.233.41-.642.41-1.23V2.478c0-.587-.137-.99-.41-1.208-.26-.233-.737-.376-1.434-.43V.551h6.103c1.16 0 2.164.164 3.01.491.86.328 1.516.799 1.967 1.413.45.615.675 1.338.675 2.171 0 .97-.3 1.789-.9 2.458-.601.655-1.434 1.106-2.5 1.351l3.482 4.977c.219.341.52.642.901.901.383.246.724.39 1.025.43v.307h-4.055c-.028-.3-.157-.635-.39-1.003l-.081-.164-3.441-5.14h-1.536v4.362c0 .423.061.744.184.962.123.219.314.383.574.492.26.095.62.164 1.085.205v.286H77.95v-.286Zm5.57-6.595c1.133 0 2.014-.334 2.642-1.003.641-.67.962-1.516.962-2.54 0-1.037-.314-1.877-.942-2.519-.628-.655-1.516-.983-2.662-.983h-1.311V8.17h1.31ZM70.541 15.359c-1.296 0-2.457-.314-3.481-.943-1.01-.627-1.802-1.488-2.376-2.58-.56-1.106-.846-2.341-.86-3.707 0-1.529.3-2.887.901-4.075.601-1.202 1.44-2.137 2.52-2.806C68.336.58 69.557.245 70.91.245c.478 0 .901.047 1.27.143.382.082.785.198 1.208.348.341.123.594.198.758.225a.563.563 0 0 0 .45-.102c.137-.11.246-.314.328-.614h.266l.574 4.32h-.287c-.97-2.498-2.532-3.747-4.69-3.747-.833 0-1.584.273-2.253.82-.669.532-1.2 1.29-1.597 2.272-.382.97-.566 2.076-.553 3.318.014 1.393.232 2.663.656 3.81.423 1.133 1.003 2.027 1.74 2.682.737.656 1.564.983 2.478.983.424 0 .84-.068 1.25-.205a2.71 2.71 0 0 0 1.044-.675V9.93c0-.587-.157-1.037-.471-1.351-.314-.328-.778-.505-1.393-.533V7.74h6.042v.307c-.587.028-1.03.205-1.331.533-.3.314-.45.764-.45 1.351v2.724c-.52.792-1.27 1.44-2.254 1.946-.969.505-2.02.758-3.153.758ZM44.945 14.765c.697-.055 1.175-.198 1.434-.43.273-.233.41-.642.41-1.23V2.478c0-.587-.137-.99-.41-1.208-.26-.233-.737-.376-1.434-.43V.551h6.103c1.16 0 2.164.164 3.01.491.86.328 1.516.799 1.967 1.413.45.615.676 1.338.676 2.171 0 .97-.3 1.789-.901 2.458-.601.655-1.434 1.106-2.499 1.351l3.481 4.977c.219.341.52.642.902.901.382.246.723.39 1.024.43v.307h-4.055c-.028-.3-.157-.635-.39-1.003l-.081-.164-3.441-5.14h-1.536v4.362c0 .423.062.744.184.962.123.219.314.383.574.492.26.095.621.164 1.085.205v.286h-6.103v-.286Zm5.57-6.595c1.134 0 2.015-.334 2.643-1.003.641-.67.962-1.516.962-2.54 0-1.037-.314-1.877-.942-2.519-.628-.655-1.515-.983-2.662-.983h-1.31V8.17h1.31ZM40.26.552h4.26v.286c-.697.069-1.182.212-1.455.43-.26.219-.389.58-.389 1.086v7.618c0 1.079-.205 2.028-.614 2.847a4.514 4.514 0 0 1-1.761 1.884c-.752.437-1.625.655-2.622.655-1.802 0-3.202-.47-4.198-1.413-.997-.942-1.495-2.266-1.495-3.973V2.354c0-.505-.13-.867-.39-1.085-.259-.219-.744-.362-1.453-.43V.551h6.102v.286c-.696.069-1.18.212-1.454.43-.259.219-.389.58-.389 1.086v7.618c0 .915.164 1.728.492 2.438.328.696.785 1.242 1.372 1.638.6.382 1.29.573 2.068.573.765 0 1.434-.19 2.007-.573.574-.396 1.01-.942 1.311-1.639.3-.696.45-1.508.45-2.437V2.354c0-.505-.129-.867-.388-1.085-.26-.219-.745-.362-1.454-.43V.551ZM21.69 15.359c-1.434 0-2.683-.321-3.748-.963a6.717 6.717 0 0 1-2.437-2.621c-.574-1.106-.86-2.328-.86-3.666 0-1.53.307-2.888.921-4.076.614-1.201 1.461-2.13 2.54-2.785C19.198.58 20.426.245 21.792.245c1.42 0 2.662.32 3.727.962a6.354 6.354 0 0 1 2.437 2.622c.574 1.092.86 2.307.86 3.645 0 1.53-.307 2.894-.921 4.096-.615 1.188-1.468 2.116-2.56 2.785-1.079.67-2.294 1.004-3.646 1.004Zm.41-.574a3.277 3.277 0 0 0 2.19-.86c.642-.56 1.134
1-1.331 1.475-2.314.341-.997.505-2.13.491-3.4-.013-1.365-.225-2.608-.634-3.727-.41-1.133-.983-2.028-1.72-2.683-.738-.669-1.578-.997-2.52-.983-.86 0-1.61.28-2.252.84-.628.56-1.113 1.338-1.454 2.334-.328.983-.485 2.117-.471 3.4.013 1.352.225 2.594.634 3.727.424 1.133 1.004 2.035 1.741 2.704.737.655 1.577.976 2.52.962ZM12.588 4.566H12.3c-.246-.778-.594-1.447-1.045-2.007A4.533 4.533 0 0 0 9.7 1.269a4.121 4.121 0 0 0-1.905-.45 3.75 3.75 0 0 0-2.334.798c-.683.519-1.222 1.263-1.618 2.232-.382.956-.574 2.048-.574 3.277.014 1.27.246 2.423.697 3.46.464 1.038 1.099 1.858 1.904 2.458.806.588 1.72.881 2.745.881.983 0 1.843-.32 2.58-.963.75-.655 1.27-1.542 1.556-2.662l.308.082c-.11.997-.424 1.877-.942 2.642a5.14 5.14 0 0 1-1.967 1.74c-.791.397-1.665.595-2.62.595-1.339 0-2.527-.314-3.564-.943a6.519 6.519 0 0 1-2.396-2.58C1.01 10.73.723 9.495.71 8.13c-.014-1.502.273-2.846.86-4.034.587-1.202 1.406-2.144 2.457-2.826C5.092.586 6.314.245 7.693.245c.505 0 .942.047 1.31.143.383.082.793.198 1.23.348.34.123.593.198.757.225a.529.529 0 0 0 .43-.102c.123-.11.226-.314.307-.614h.308l.553 4.32Z" /> </svg></div></div> </a></div><div class="flex items-center gap-2 pointer-events-auto lg:gap-4"><div x-cloak class="relative z-0 animate-fadein"> <button @click="$store.search.open()" class="block group size-10 relative p-2 cursor-pointer text-blue-600 lg:p-3 lg:size-12"> <span class="sr-only">Recherche</span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="fill-current relative z-10"> <path d="M779.38-153.85 528.92-404.31q-30 25.54-69 39.54t-78.38 14q-96.1 0-162.67-66.53-66.56-66.53-66.56-162.57 0-96.05 66.53-162.71 66.53-66.65 162.57-66.65 96.05 0 162.71 66.56Q610.77-676.1 610.77-580q0 41.69-14.77 80.69t-38.77 66.69l250.46 250.47-28.31 28.3ZM381.54-390.77q79.61 0 134.42-54.81 54.81-54.8 54.81-134.42 0-79.62-54.81-134.42-54.81-54.81-134.42-54.81-79.62 0-134.42 54.81-54.81 54.8-54.81 134.42 0 79.62 54.81 134.42 54.8 54.81 134.42 54.81Z"/> </svg><div class="absolute z-0 inset-0 bg-white rounded-full shadow-sm transition ease-out-expo duration-500 group-hover:scale-105"></div> </button></div><div class="relative z-10 " x-trap="menuIsOpen"> <button x-cloak x-on:click="toggleMenu()" x-bind:aria-expanded="menuIsOpen" aria-controls="menu-content" id="menu-button" :aria-label="menuIsOpen ? 'Fermer le menu' : 'Â Ouvrir le menu'" class="animate-fadein group relative z-10 text-sm flex items-center gap-2 cursor-pointer px-4 py-2.5 text-blue-600 lg:px-5 lg:py-3.5"><div class="relative z-10 overflow-hidden text-center"> <span x-bind:class="{ '-translate-y-full opacity-0': menuIsOpen, }" class="block absolute inset-0 transform transition ease-out-expo duration-1000">Menu</span> <span x-bind:class="{ 'translate-y-full opacity-0': !menuIsOpen, 'opacity-100': !menuIsOpen, }" x-cloak class="block transform transition ease-out-expo duration-1000">Fermer</span></div><div x-bind:class="{ 'rotate-180': menuIsOpen, }" class="relative z-10 w-4 h-2 transition ease-out-expo duration-1000"><div x-bind:class="{ 'top-1/2 rotate-[30deg] -translate-y-1/2 ease-out-expo': menuIsOpen, 'top-0 group-hover:scale-x-50 ease-out-expo': !menuIsOpen, }" class="absolute left-0 right-0 transform h-px bg-blue-500 transition-all duration-1000"></div><div x-bind:class="{ 'top-1/2 -rotate-[30deg] -translate-y-1/2 ease-out-expo': menuIsOpen, 'top-full group-hover:scale-x-50 ease-out-expo': !menuIsOpen, }" class="absolute left-0 right-0 transform h-px bg-blue-500 transition-all duration-1000"></div></div><div class="absolute z-0 inset-0 bg-white rounded-md shadow-sm transition ease-out-expo duration-500 group-hover:scale-105"></div> </button><div x-cloak x-on:keydown.escape.window="closeMenu()" x-bind:inert="!menuIsOpen" role="dialog" aria-modal="true" aria-labelledby="menu-title" id="menu-content" class="fixed z-0 p-2 inset-0 top-gin-toolbar flex items-stretch justify-end pointer-events-none"><div x-bind:class="{ '[clip-path:inset(0%_0%_100%_100%_round_0.375rem)]': !menuIsOpen, '[clip-path:inset(0%_0%_0%_0%_round_0.375rem)]': menuIsOpen, 'pointer-events-auto': menuIsOpen }
1" data-lenis-prevent class="[&_svg]:!fill-blue-600 dark:[&_svg]:!fill-blue-50 relative z-10 bg-blue-50 dark:bg-blue-700 text-blue-600 dark:text-blue-50 rounded-md flex flex-col justify-between gap-8 transition-all ease-out-expo duration-1000 w-full pt-22 pb-8 px-8 overflow-auto sm:pl-12 md:pl-16 lg:w-2/3"><h2 id="menu-title" class="sr-only">Menu</h2><div data-region="main-menu" class="h-full flex flex-col justify-center lg:h-auto text-center lg:text-left"> <nav role="navigation" aria-label="Menu principal"><ul class="flex flex-col gap-4"><li class="block"> <a href="/fr/le-chef-de-letat" class="group inline-block font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl "> <span x-bind:class="{ '-translate-x-8 scale-x-95 opacity-0': !$store.header.menuIsOpen }" class="block transition origin-left ease-out-expo duration-1000 delay-[150ms]"> <span class="inline animated-underline ">Le Chef de l'Ãtat</span> </span> </a></li><li class="block"> <a href="/fr/la-famille-grand-ducale" class="group inline-block font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl "> <span x-bind:class="{ '-translate-x-8 scale-x-95 opacity-0': !$store.header.menuIsOpen }" class="block transition origin-left ease-out-expo duration-1000 delay-[200ms]"> <span class="inline animated-underline ">La Famille grand-ducale</span> </span> </a></li><li class="block"> <a href="/fr/la-monarchie" aria-current="page" class="group inline-block font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl is-active"> <span x-bind:class="{ '-translate-x-8 scale-x-95 opacity-0': !$store.header.menuIsOpen }" class="block transition origin-left ease-out-expo duration-1000 delay-[250ms]"> <span class="inline animated-underline is-active">La Monarchie</span> </span> </a></li><li class="block"> <a href="/fr/les-residences" class="group inline-block font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl "> <span x-bind:class="{ '-translate-x-8 scale-x-95 opacity-0': !$store.header.menuIsOpen }" class="block transition origin-left ease-out-expo duration-1000 delay-[300ms]"> <span class="inline animated-underline ">Les Résidences</span> </span> </a></li><li class="block"> <a href="/fr/la-maison-du-grand-duc" class="group inline-block font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl "> <span x-bind:class="{ '-translate-x-8 scale-x-95 opacity-0': !$store.header.menuIsOpen }" class="block transition origin-left ease-out-expo duration-1000 delay-[350ms]"> <span class="inline animated-underline ">La Maison du Grand-Duc</span> </span> </a></li></ul></nav></div><div x-bind:class="{ 'opacity-0 pointer-events-none': !menuIsOpen, 'opacity-100': menuIsOpen }" class="relative flex flex-col gap-8 transition-opacity duration-1000 lg:h-full lg:justify-between"><div data-region="secondary-menu"> <nav role="navigation" aria-label="Menu dâen-tête"><ul class="flex flex-col gap-1"><li> <a href="/fr/actualites" class="inline-block group "> <span class="inline animated-underline font-serif text-xl font-light tracking-tight opacity-80 group-hover:opacity-100 group-hover:animated-underline-active sm:text-2xl">Actualités</span> </a></li><li> <a href="/fr/fournisseurs-de-la-cour" class="inline-block group "> <span class="inline animated-underline font-serif text-xl font-light tracking-tight opacity-80 group-hover:opacity-100 group-hover:animated-underline-active sm:text-2xl">Fournisseurs de la Cour</span> </a></li><li> <a href="/fr/contact" class="inline-block group "> <span class="inline animated-underline font-serif text-xl font-light tracking-tight opacity-80 group-hover:opacity-100 group-hover:animated-underline-active sm:text-2xl">Contact</span> </a></li>
1<li class="2xl:absolute 2xl:right-0 2xl:bottom-0 2xl:w-64 3xl:w-sm"> <a target="_blank" href="https://kids.monarchie.lu/fr" rel="noopener" class="block group"><div class="inline-block"> <span class="inline animated-underline font-serif text-xl font-light tracking-tight opacity-80 group-hover:opacity-100 group-hover:animated-underline-active sm:text-2xl">La Monarchie expliquée aux enfants</span> <span class="sr-only">(ouvre un nouvel onglet)</span> <span class="inline-block size-4 opacity-50 transition duration-500 ease-out-expo group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-arrow-right-up-line"></use></svg> </span></div><div x-bind:class="{ 'scale-100': $store.header.menuIsOpen, 'scale-90': !$store.header.menuIsOpen, }" class="hide aspect-video bg-blue-500 rounded-md overflow-hidden mt-4 transition duration-1000 ease-out-expo delay-200 2xl:block"> <img src="/themes/monarchie/src/images/kids/menu.png" alt="" class="w-full h-full object-cover transition duration-500 ease-out-expo group-hover:scale-105"></div> </a></li></ul></nav></div><div class="flex flex-wrap items-center gap-6 justify-between lg:gap-0 lg:justify-start lg:divide-x lg:divide-blue-200"><div class="w-full lg:px-4 first:pl-0 last:pr-0 lg:w-auto"> <button @click="$store.a11ySettings.open()" class="group flex items-center gap-2 text-sm cursor-pointer transition duration-500 ease-out-expo hover:text-orange-600"><div class="block size-4 text-blue-500 transition duration-500 ease-out-expo group-hover:scale-95 group-hover:text-orange-600"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-accessibility-line"></use></svg></div> <span>Options dâaccessibilité</span> </button></div><div class="w-full lg:px-4 first:pl-0 last:pr-0 lg:w-auto"> <button @click="toggleDarkMode" class="group flex items-center gap-2 text-sm cursor-pointer transition duration-500 ease-out-expo hover:text-orange-600"><div class="block size-4 text-blue-500 transition duration-500 ease-out-expo group-hover:scale-95 group-hover:text-orange-600"><div x-show="darkMode" x-cloak> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-moon-fill"></use></svg></div><div x-show="!darkMode" x-cloak> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-moon-line"></use></svg></div></div> <span>Mode sombre</span> </button></div><div class="lg:px-4 first:pl-0 last:pr-0 "> <nav role="navigation" aria-label="Menu des langues" data-region="language-menu"><ul class="flex items-center"><li> <a data-taxi-ignore lang="lb" aria-label="Lëtzebuergesch" href="https://monarchie.lu/lu/dmonarchie" class="block group relative text-xs [&.is-active]:text-white px-3 py-1.5 rounded-full transform duration-500 ease-out-expo hover:text-white "> <span class="relative z-10">lu</span> <span class="absolute z-0 inset-0 bg-blue-500 rounded-full transform duration-500 ease-out-expo scale-0 group-hover:scale-100 group-[.is-active]:scale-100"></span> </a></li><li> <a aria-current="page" data-taxi-ignore lang="fr" aria-label="Français" href="https://monarchie.lu/fr/la-monarchie" class="block group relative text-xs [&.is-active]:text-white px-3 py-1.5 rounded-full transform duration-500 ease-out-expo hover:text-white is-active"> <span class="relative z-10">fr</span> <span class="absolute z-0 inset-0 bg-blue-500 rounded-full transform duration-500 ease-out-expo scale-0 group-hover:scale-100 group-[.is-active]:scale-100"></span> </a></li><li> <a data-taxi-ignore lang="de" aria-label="Deutsch" href="https://monarchie.lu/de/die-luxemburgische-monarchie" class="block group relative text-xs [&.is-active]:text-white px-3 py-1.5 rounded-full transform duration-500 ease-out-expo hover:text-white "> <span class="relative z-10">de</span> <span class="absolute z-0 inset-0 bg-blue-500 rounded-full transform duration-500 ease-out-expo scale-0 group-hover:scale-100 group-[.is-active]:scale-100"></span> </a></li><li> <a data-taxi-ignore lang="en" aria-label="English" href="https://monarchie.lu/en/luxembourg-monarchy" class="block group relative text-xs [&.is-active]:text-white px-3 py-1.5 rounded-full transform duration-500 ease-out-expo hover:text-white "> <span class="relative z-10">
1en</span> <span class="absolute z-0 inset-0 bg-blue-500 rounded-full transform duration-500 ease-out-expo scale-0 group-hover:scale-100 group-[.is-active]:scale-100"></span> </a></li></ul></nav></div><div class="lg:px-4 first:pl-0 last:pr-0 "> <nav><ul class="flex items-center gap-0"><li> <a href="https://facebook.com/courgrandducale/" title="Facebook" aria-label="Facebook (ouvre un nouvel onglet)" target="_blank" rel="noopener" class=" cursor-pointer block rounded-md no-underline aspect-square p-3 w-12 text-blue-600 is-dark:text-white hover:text-orange-500 transition-colors duration-300 ease-out-expo"> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-facebook-line"></use></svg> </span> <span class="sr-only"> (ouvre un nouvel onglet)</span> </a></li><li> <a href="https://www.instagram.com/courgrandducale" title="Instagram" aria-label="Instagram (ouvre un nouvel onglet)" target="_blank" rel="noopener" class=" cursor-pointer block rounded-md no-underline aspect-square p-3 w-12 text-blue-600 is-dark:text-white hover:text-orange-500 transition-colors duration-300 ease-out-expo"> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-instagram-line"></use></svg> </span> <span class="sr-only"> (ouvre un nouvel onglet)</span> </a></li><li> <a href="https://x.com/CourGrandDucale" title="X" aria-label="X (ouvre un nouvel onglet)" target="_blank" rel="noopener" class=" cursor-pointer block rounded-md no-underline aspect-square p-3 w-12 text-blue-600 is-dark:text-white hover:text-orange-500 transition-colors duration-300 ease-out-expo"> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-twitter-x-line"></use></svg> </span> <span class="sr-only"> (ouvre un nouvel onglet)</span> </a></li></ul></nav></div></div></div></div></div></div></div><div x-bind:class="{ 'opacity-100': menuIsOpen, 'opacity-0 pointer-events-none': !menuIsOpen, }" x-on:click="closeMenu()" x-cloak class="absolute z-[1] inset-0 bg-blue-700/30 backdrop-blur-sm transition-opacity duration-500 ease-out-expo"></div><div x-bind:class="{ 'opacity-100': chronicleIsOpen, 'opacity-0 pointer-events-none': !chronicleIsOpen, }" x-cloak x-on:click="closeChronicle()" class="absolute z-10 inset-0 bg-blue-700/30 backdrop-blur-sm transition-opacity duration-500 ease-out-expo"></div></header><main id="main" role="main" tabindex="-1" class="content min-h-screen" data-taxi> <article data-taxi-view class="node node--type-navigation-page node--promoted node--view-mode-full"><div class="md:horizontal-scroll:*:h-screen md:horizontal-scroll:flex"> <header x-data="hero" class="w-full flex items-center justify-center overflow-hidden relative padding-top-gin-toolbar"><div class="container mx-auto relative z-20 text-blue-600 is-dark:text-blue-100 mt-20 mb-10 md:mt-50 md:mb-10"><div class="lg:max-w-8/12 mx-auto"><div class="mb-10 md:-mt-20 text-center"></div><div class="space-y-10 text-center"><h1 data-motion="title" class="text-5xl md:text-8xl leading-tight font-serif font-light tracking-tight">La Monarchie luxembourgeoise</h1><h2 data-motion="fade" class="text-xl md:text-3xl font-serif ">Retracez à travers cette page lâhistoire du Luxembourg et de ses dynasties. Lisez notamment les biographies du Grand-Duc Jean ou de la Grande-Duchesse Charlotte.</h2><div data-motion="fade" class="inline-flex items-center space-x-10"> <button x-on:click="$dispatch("scroll_to_next_page")" class="!border-b-0 cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Faites défiler pour explorer</span> </button><div class="w-1 h-16 bg-orange-400/20 mx-auto relative md:horizontal-scroll:mx-5 md:horizontal-scroll:-rotate-90"><div class="absolute inset-0 bg-orange-400 animate-scroll"></div></div></div></div></div> </header><div class="relative z-30"><ul class="md:horizontal-scroll:flex mx-4 md:mx-20 space-y-4 md:space-y-0 md:space-x-4 md:horizontal-scroll:h-screen items-center [counter-reset:children]"><li class="flex justify-center"><a data-motion="fade" class="block group relative w-full max-w-100 md:w-auto md:max-w-none md:h-[50vh] bg-white is-light aspect-[10/13]" href="/fr/la-monarchie/la-monarchie-constitutionnelle"><div class="flex flex-col justify-between h-full px-8 py-8 text-center md:text-left opacity-100 group-hover:opacity-0 group-focus-within:opacity-0 transition-opacity duration-1000"><div class="hide md:block [counter-increment:children] before:text-lg before:text-blue-600 before:font-serif before:counter-leading-zero mb-10"></div><p class="text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] md:mt-10 ">La Monarchie constitutionnelle</p></div><div class="hide md:block absolute opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out z-10 inset-0 bg-gradient-to-b from-blue-500/10 via-blue-500/70 via-75% to-blue-600"></div><div class="absolute inset-[20%] group-hover:inset-0 group-focus-within:inset-0 z-0 duration-1000 ease-in-out"> <figure class="block size-full" data-motion="fade"><div class="image-wrapper relative size-full "><div class="relative z-0 w-full h-full"><div class="relative z-0 w-full h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=PDbJkEbO 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=PDbJkEbO 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1600"/> <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=zWXbZDyU 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=PDbJkEbO 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1600"/> <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=sYrMX4kz 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=zWXbZDyU 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="1280"/> <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=BB_T4GHZ 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=sYrMX4kz 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="640"/> <img class="object-cover h-full w-full w-full" width="1280" height="1280" src="/sites/default/files/styles/1280/public/upload/media/image/2025-08/legrandduc_1x1.jpg?itok=sYrMX4kz" alt="" loading="lazy" /> </picture></div></div> </figure></div><div class="absolute inset-0 z-10 bg-white [clip-path:inset(50%_50%_50%_50%)] group-hover:[clip-path:inset(20%_25%_20%_25%)] group-focus-within:[clip-path:inset(20%_25%_20%_25%)] transition-[clip-path] duration-1000 ease-out"><div class="hide md:flex flex-col absolute z-20 justify-between inset-x-[25%] inset-y-[20%] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 ease-out p-5"><h3 class=" text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] relative z-30 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out delay-300">La Monarchie constitutionnelle</h3><div class="opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 delay-300 expo-expo-out"> <span class=" cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Découvrir</span> </span></div></div></div></a></li><li class="flex justify-center"><a data-motion="fade" class="block group relative w-full max-w-100 md:w-auto md:max-w-none md:h-[50vh] bg-white is-light aspect-[10/13]" href="/fr/la-monarchie/lhistoire-de-la-dynastie-de-nassau"><div class="flex flex-col justify-between h-full px-8 py-8 text-center md:text-left opacity-100 group-hover:opacity-0 group-focus-within:opacity-0 transition-opacity duration-1000"><div class="hide md:block [counter-increment:children] before:text-lg before:text-blue-600 before:font-serif before:counter-leading-zero mb-10"></div><p class="text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] md:mt-10 ">L'histoire de la dynastie de Nassau</p></div><div class="hide md:block absolute opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out z-10 inset-0 bg-gradient-to-b from-blue-500/10 via-blue-500/70 via-75% to-blue-600"></div><div class="absolute inset-[20%] group-hover:inset-0 group-focus-within:inset-0 z-0 duration-1000 ease-in-out"> <figure class="block size-full" data-motion="fade"><div class="image-wrapper relative size-full "><div class="relative z-0 w-full h-full"><div class="relative z-0 w-full h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/media/image/2025-09/1890-b.jpg?itok=c_eXP56p 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-09/1890-b.jpg?itok=c_eXP56p 2x" media="(min-width: 1600px)" type="image/jpeg" width="1080" height="1920"/> <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-09/1890-b.jpg?itok=3U6TWmwS 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-09/1890-b.jpg?itok=c_eXP56p 2x" media="(min-width: 1280px)" type="image/jpeg" width="1080" height="1920"/> <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-09/1890-b.jpg?itok=wiNpgej8 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-09/1890-b.jpg?itok=3U6TWmwS 2x" media="(min-width: 640px)" type="image/jpeg" width="1080" height="1920"/> <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-09/1890-b.jpg?itok=0eyU62wT 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-09/1890-b.jpg?itok=wiNpgej8 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="1138"/> <img class="object-cover h-full w-full w-full" width="1080" height="1920" src="/sites/default/files/styles/1280/public/upload/media/image/2025-09/1890-b.jpg?itok=wiNpgej8" alt="" loading="lazy" /> </picture></div></div> </figure></div><div class="absolute inset-0 z-10 bg-white [clip-path:inset(50%_50%_50%_50%)] group-hover:[clip-path:inset(20%_25%_20%_25%)] group-focus-within:[clip-path:inset(20%_25%_20%_25%)] transition-[clip-path] duration-1000 ease-out"><div class="hide md:flex flex-col absolute z-20 justify-between inset-x-[25%] inset-y-[20%] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 ease-out p-5"><h3 class=" text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] relative z-30 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out delay-300">L'histoire de la dynastie de Nassau</h3><div class="opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 delay-300 expo-expo-out"> <span class=" cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Découvrir</span> </span></div></div></div></a></li><li class="flex justify-center"><a data-motion="fade" class="block group relative w-full max-w-100 md:w-auto md:max-w-none md:h-[50vh] bg-white is-light aspect-[10/13]" href="/fr/la-monarchie/les-anciens-souverains"><div class="flex flex-col justify-between h-full px-8 py-8 text-center md:text-left opacity-100 group-hover:opacity-0 group-focus-within:opacity-0 transition-opacity duration-1000"><div class="hide md:block [counter-increment:children] before:text-lg before:text-blue-600 before:font-serif before:counter-leading-zero mb-10"></div><p class="text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] md:mt-10 ">Les anciens souverains</p></div><div class="hide md:block absolute opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out z-10 inset-0 bg-gradient-to-b from-blue-500/10 via-blue-500/70 via-75% to-blue-600"></div><div class="absolute inset-[20%] group-hover:inset-0 group-focus-within:inset-0 z-0 duration-1000 ease-in-out"> <figure class="block size-full" data-motion="fade"><div class="image-wrapper relative size-full "><div class="relative z-0 w-full h-full"><div class="relative z-0 w-full h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=iLSPigwe 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=iLSPigwe 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1067"/> <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=SOhs69Td 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=iLSPigwe 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1067"/> <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=hE5OTMu4 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=SOhs69Td 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="854"/> <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=-iF6xamN 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=hE5OTMu4 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> <img class="object-cover h-full w-full w-full" width="1280" height="854" src="/sites/default/files/styles/1280/public/upload/media/image/2025-08/grand-duc-henri.jpg?itok=hE5OTMu4" alt="" loading="lazy" /> </picture></div></div> </figure></div><div class="absolute inset-0 z-10 bg-white [clip-path:inset(50%_50%_50%_50%)] group-hover:[clip-path:inset(20%_25%_20%_25%)] group-focus-within:[clip-path:inset(20%_25%_20%_25%)] transition-[clip-path] duration-1000 ease-out"><div class="hide md:flex flex-col absolute z-20 justify-be
1tween inset-x-[25%] inset-y-[20%] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 ease-out p-5"><h3 class=" text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] relative z-30 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out delay-300">Les anciens souverains</h3><div class="opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 delay-300 expo-expo-out"> <span class=" cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Découvrir</span> </span></div></div></div></a></li><li class="flex justify-center"><a data-motion="fade" class="block group relative w-full max-w-100 md:w-auto md:max-w-none md:h-[50vh] bg-white is-light aspect-[10/13]" href="/fr/la-monarchie/les-ordres"><div class="flex flex-col justify-between h-full px-8 py-8 text-center md:text-left opacity-100 group-hover:opacity-0 group-focus-within:opacity-0 transition-opacity duration-1000"><div class="hide md:block [counter-increment:children] before:text-lg before:text-blue-600 before:font-serif before:counter-leading-zero mb-10"></div><p class="text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] md:mt-10 ">Les ordres</p></div><div class="hide md:block absolute opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out z-10 inset-0 bg-gradient-to-b from-blue-500/10 via-blue-500/70 via-75% to-blue-600"></div><div class="absolute inset-[20%] group-hover:inset-0 group-focus-within:inset-0 z-0 duration-1000 ease-in-out"> <figure class="block size-full" data-motion="fade"><div class="image-wrapper relative size-full "><div class="relative z-0 w-full h-full"><div class="relative z-0 w-full h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=u5vcvJkF 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=u5vcvJkF 2x" media="(min-width: 1600px)" type="image/jpeg" width="1024" height="1600"/> <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=RC8IFFgF 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=u5vcvJkF 2x" media="(min-width: 1280px)" type="image/jpeg" width="1024" height="1600"/> <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=B6hihyse 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=RC8IFFgF 2x" media="(min-width: 640px)" type="image/jpeg" width="1024" height="1600"/> <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=DoEMmCRG 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=B6hihyse 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="1000"/> <img class="object-cover h-full w-full w-full" width="1024" height="1600" src="/sites/default/files/styles/1280/public/upload/media/image/2025-09/ordre-de-adolphe-bijou-de-chevalier-cat-civile.jpg?itok=B6hihyse" alt="" loading="lazy" /> </picture></div></div> </figure></div><div class="absolute inset-0 z-10 bg-white [clip-path:inset(50%_50%_50%_50%)] group-hover:[clip-path:inset(20%_25%_20%_25%)] group-focus-within:[clip-path:inset(20%_25%_20%_25%)] transition-[clip-path] duration-1000 ease-out"><div class="hide md:flex flex-col absolute z-20 justify-between inset-x-[25%] inset-y-[20%] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 ease-out p-5"><h3 class=" text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] relative z-30 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out delay-300">Les ordres</h3><div class="opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 delay-300 expo-expo-out"> <span class=" cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Découvrir</span> </span></div></div></div></a></li><li class="flex justify-center"><a data-motion="fade" class="block group relative w-full max-w-100 md:w-auto md:max-w-none md:h-[50vh] bg-white is-light aspect-[10/13]" href="/fr/la-monarchie/les-armoiries"><div class="flex flex-col justify-between h-full px-8 py-8 text-center md:text-left opacity-100 group-hover:opacity-0 group-focus-within:opacity-0 transition-opacity duration-1000"><div class="hide md:block [counter-increment:children] before:text-lg before:text-blue-600 before:font-serif before:counter-leading-zero mb-10"></div><p class="text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] md:mt-10 ">Les armoiries</p></div><div class="hide md:block absolute opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out z-10 inset-0 bg-gradient-to-b from-blue-500/10 via-blue-500/70 via-75% to-blue-600"></div><div class="absolute inset-[20%] group-hover:inset-0 group-focus-within:inset-0 z-0 duration-1000 ease-in-out"> <figure class="block size-full" data-motion="fade"><div class="image-wrapper relative size-full "><div class="relative z-0 w-full h-full"><div class="relative z-0 w-full h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=qz7Q-_e0 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=qz7Q-_e0 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1547"/> <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=HHOaeXOo 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=qz7Q-_e0 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1547"/> <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=DnXn6kzl 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=HHOaeXOo 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="1238"/> <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=N5EiYHL1 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=DnXn6kzl 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="619"/> <img class="object-cover h-full w-full w-full" width="1280" height="1238" src="/sites/default/files/styles/1280/public/upload/media/image/2025-09/moyennes_armoiries.jpg?itok=DnXn6kzl" alt="" loading="lazy" /> </picture></div></div> </figure></div><div class="absolute inset-0 z-10 bg-white [clip-path:inset(50%_50%_50%_50%)] group-hover:[clip-path:inset(20%_25%_20%_25%)] group-focus-within:[clip-path:inset(20%_25%_20%_25%)] transition-[clip-path] duration-1000 ease-out"><div class="hide md:flex flex-col absolute z-20 justify-between inset-x-[25%] inset-y-[20%] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 ease-out p-5"><h3 class=" text-xl text-blue-600 font-serif tracking-[-0.78px] leading-[110%] relative z-30 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 expo-expo-out delay-300">Les armoiries</h3><div class="opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-1000 delay-300 expo-expo-out"> <span class=" cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Découvrir</span> </span></div></div></div></a></li></ul></div> <article class="shrink-0 md:horizontal-scroll:w-screen"><div class="min-h-screen w-full flex items-center justify-center overflow-hidden relative"><div x-data="{ random: Math.floor(Math.random() * 1) }" class="absolute inset-0 [&_img]:h-screen h-screen [&_img]:object-cover overflow-hidden z-10"> <template x-if="random == 0"> <figure class="block size-full" data-motion="fade"><div class="image-wrapper relative size-full "><div class="relative z-0 w-full h-full"><div class="absolute inset-0 z-10"><div class="absolute inset-0 z-20 bg-gradient-to-b from-blue-700/100 via-blue-700/50 via-50% to-blue-700/100"></div></div><div class="relative z-0 w-full h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover"><div class="hide md:block"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=Xbiku3Kt 1x, /sites/default/files/styles/2000/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=Xbiku3Kt 2x" media="(min-width: 1600px)" type="image/jpeg" width="1200" height="1800"/> <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=yBYUrQaO 1x, /sites/default/files/styles/2000/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=Xbiku3Kt 2x" media="(min-width: 1280px)" type="image/jpeg" width="1200" height="1800"/> <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=0XJBLvlX 1x, /sites/default/files/styles/1600/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=yBYUrQaO 2x" media="(min-width: 640px)" type="image/jpeg" width="1200" height="1800"/> <source srcset="/sites/default/files/styles/640/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=AOorkwO3 1x, /sites/default/files/styles/1280/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=0XJBLvlX 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="960"/> <img width="1200" height="1800" src="/sites/default/files/styles/1280/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?itok=0XJBLvlX" alt="Photo d'une partie de la façade du Château de Fischbach" title="" loading="lazy" class="w-full" /> </picture></div><div class="block md:hide"> <img alt="Photo d'une partie de la façade du Château de Fischbach" title="" src="/sites/default/files/styles/cover_mobile/public/upload/media/image/2020-12/0630-VakanzDoheem-Web-81.jpg?h=69189783&itok=g74CWFkN" width="1179" height="2532" loading="lazy" class="w-full" /></div></div></div> </figure> </template></div><div class="container mx-auto relative z-20 text-blue-600 is-dark:text-blue-100"><div class="max-w-8/12 mx-auto"><div data-motion="fade" class="mb-10 md:-mt-20 text-center font-serif text-2xl"> Poursuivre avec</div><div class="space-y-10 text-center"><p data-motion="title" class="text-4xl md:text-7xl xl:text-8xl leading-tight font-serif font-light tracking-tight break-words">Les Résidences</p><div data-motion="fade" class="inline-flex items-center space-x-10"> <a href="/fr/les-residences" class="!border-b-0 cursor-pointer group inline-flex gap-4 text-blue-500 is-dark:text-blue-50 items-center py-2 border-b-1 border-orange-500 [&_svg]:fill-orange-500 is-dark:[&_svg]:fill-orange-400 animated-underline"> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Découvrir</span> </a></div></div></div></div></article></div></article></main><footer role="contentinfo" class="is-dark bg-blue-700 text-blue-50 md:horizontal-scroll:w-screen md:horizontal-scroll:px-20 md:horizontal-scroll:flex md:horizontal-scroll:items-end mt-40 horizontal-scroll:mt-0"><div class="relative md:horizontal-scroll:hidden"><div x-data="scrollvideo()" class="h-[200vh] "><div class="sticky top-0 h-screen relative w-screen overflow-hidden bg-blue-700"><div class="wrapper relative size-full overflow-hidden"> <video x-ref="video" class="object-cover size-full will-change-[transform] translate-z-[0]" data-src="/themes/monarchie/src/videos/monogram-lossless.mp4" preload="none" muted playsinline aria-hidden="true" tabindex="-1" > </video><div class="absolute z-10 left-0 right-0 bottom-0 h-40 z-10 bg-gradient-to-b from-blue-700/0 to-blue-700"></div></div></div></div></div><div class="px-4 flex flex-col space-y-20 pb-4"><div data-region="footer-main-menu" class="relative z-20 md:horizontal-scroll:flex"><div><ul class="flex flex-col gap-4"><li class="block"> <a href="/fr/le-chef-de-letat" class="group relative inline-flex items-center font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl md:horizontal-scroll:text-5xl "> <span class="block transition origin-left ease-out-expo duration-1000 delay-[150ms]"> <span class="inline animated-underline">Le Chef de l'Ãtat</span> </span> </a></li><li class="block"> <a href="/fr/la-famille-grand-ducale" class="group relative inline-flex items-center font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl md:horizontal-scroll:text-5xl "> <span class="block transition origin-left ease-out-expo duration-1000 delay-[200ms]"> <span class="inline animated-underline">La Famille grand-ducale</span> </span> </a></li><li class="block"> <a aria-current="page" href="/fr/la-monarchie" class="group relative inline-flex items-center font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl md:horizontal-scroll:text-5xl is-active"> <span class="w-4 block mr-4 text-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="block transition origin-left ease-out-expo duration-1000 delay-[250ms]"> <span class="inline animated-underline">La Monarch
1ie</span> </span> </a></li><li class="block"> <a href="/fr/les-residences" class="group relative inline-flex items-center font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl md:horizontal-scroll:text-5xl "> <span class="block transition origin-left ease-out-expo duration-1000 delay-[300ms]"> <span class="inline animated-underline">Les Résidences</span> </span> </a></li><li class="block"> <a href="/fr/la-maison-du-grand-duc" class="group relative inline-flex items-center font-serif text-4xl font-light tracking-tight opacity-80 transition-transform duration-500 ease-out-expo hover:opacity-100 hover:translate-x-1 [&.is-active]:opacity-100 md:text-5xl xl:text-6xl 2xl:text-7xl md:horizontal-scroll:text-5xl "> <span class="block transition origin-left ease-out-expo duration-1000 delay-[350ms]"> <span class="inline animated-underline">La Maison du Grand-Duc</span> </span> </a></li></ul></div></div><div class="xl:flex justify-between items-end"><div class="flex flex-col space-y-20 pb-4 flex-wrap"><div class="md:horizontal-scroll:flex md:horizontal-scroll:gap-20 space-y-20 md:horizontal-scroll:space-y-0"><div class=""><div><ul class="flex flex-col gap-2"><li class="block"> <a href="/fr/actualites" class="">
1 Actualités </a></li><li class="block"> <a href="/fr/la-maison-du-grand-duc/les-offres-demploi" class=""> Les offres dâemploi </a></li><li class="block"> <a href="/fr/fournisseurs-de-la-cour" class=""> Les fournisseurs officiels de la Cour grand-ducale </a></li><li class="block"> <a href="/fr/la-maison-du-grand-duc/les-rapports-dactivites" class=""> Les rapports dâactivités </a></li><li class="block"> <a href="/fr/contact" class=""> Contact </a></li></ul></div></div><div class="flex flex-col space-y-4"><p class="text-2xl">Suivez-nous</p><p>Suivez-nous pour ne manquer aucune actualité concernant la Famille grand-ducale.</p><div><ul class="flex gap-2"><li class="block"> <a href="https://facebook.com/courgrandducale/" title="Facebook" aria-label="Facebook (ouvre un nouvel onglet)" target="_blank" rel="noopener" class=" cursor-pointer block rounded-md no-underline aspect-square p-3 w-12 bg-blue-600 text-white hover:bg-blue-700 hover:is-dark:bg-blue-800 rounded-md shadow-sm transition ease-out-expo duration-500"> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-facebook-line"></use></svg> </span> <span class="sr-only"> (ouvre un nouvel onglet)</span> </a></li><li class="block"> <a href="https://www.instagram.com/courgrandducale" title="Instagram" aria-label="Instagram (ouvre un nouvel onglet)" target="_blank" rel="noopener" class=" cursor-pointer block rounded-md no-underline aspect-square p-3 w-12 bg-blue-600 text-white hover:bg-blue-700 hover:is-dark:bg-blue-800 rounded-md shadow-sm transition ease-out-expo duration-500"> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-instagram-line"></use></svg> </span> <span class="sr-only"> (ouvre un nouvel onglet)</span> </a></li><li class="block"> <a href="https://x.com/CourGrandDucale" title="X" aria-label="X (ouvre un nouvel onglet)" target="_blank" rel="noopener" class=" cursor-pointer block rounded-md no-underline aspect-square p-3 w-12 bg-blue-600 text-white hover:bg-blue-700 hover:is-dark:bg-blue-800 rounded-md shadow-sm transition ease-out-expo duration-500"> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-twitter-x-line"></use></svg> </span> <span class="sr-only"> (ouvre un nouvel onglet)</span> </a></li></ul></div></div></div><div class=""><div><ul class="lg:flex space-y-4 lg:space-y-0 gap-8 items-center"><li class="block"> <a href="/fr/mentions-legales" class=""> Mentions légales </a></li><li class="block"> <a href="/fr/politique-des-cookies" class=""> Politique des cookies </a></li><li class="block"> <a href="/fr/declaration-sur-laccessibilite" class=""> Déclaration sur lâaccessibilité </a></li><li class="block"> <a href="/fr/plan-du-site" class=""> Plan du site </a></li></ul></div></div></div><div class="xl:w-64 2xl:w-sm md:horizontal-scroll:hidden"> <a target="_blank" href="https://kids.monarchie.lu/fr" rel="noopener" class="block group"><div class="inline-block"> <span class="inline animated-underline font-serif text-xl font-light tracking-tight opacity-80 group-hover:opacity-100 group-hover:animated-underline-active sm:text-2xl">La Monarchie expliquée aux enfants</span> <span class="sr-only">(ouvre un nouvel onglet)</span> <span class="inline-block size-4 opacity-50 transition duration-500 ease-out-expo group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-arrow-right-up-line"></use></svg> </span></div><div x-bind:class="{ 'scale-100': $store.header.menuIsOpen, 'scale-90': !$store.header.menuIsOpen, }" class="hide aspect-video bg-blue-500 rounded-md overflow-hidden mt-4 transition duration-1000 ease-out-expo delay-200 2xl:block"> <img src="/themes/monarchie/src/images/kids/menu.png" alt="" class="w-full h-full object-cover transition duration-500 ease-out-expo group-hover:scale-105"></div> </a></div></div></div></footer><div data-transition-mask="" aria-hidden="true" focusable="false" class="fixed inset-0 bg-blue-700 flex items-center justify-center p-8 z-50 pointer-events-none md:p-12 lg:p-16" > <svg class="animate-spin-color w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use> </svg></div><div x-cloak x-data="$store.a11ySettings" x-on:keydown.escape.stop.prevent="close()" class="h-full" ><div x-show="opened" x-id="['modal-title']" x-bind:aria-labelledby="$id('modal-title')" role="dialog" aria-modal="true" class="fixed inset-0 z-100 p-4" ><div x-show="opened" x-transition x-trap.noreturn.inert="opened" class="relative z-50 flex flex-col min-h-screen items-center justify-center pointer-events-none text-blue-500 is-dark:text-blue-50" ><div role="document" class="relative pointer-events-auto rounded-md bg-blue-50 is-dark:bg-blue-800 p-8 max-w-screen-lg space-y-4 sm:sp
1ace-y-6 sm:p-12" ><div class="flex items-center justify-between mb-10"><p class="font-serif text-3xl mr-10" :id="$id('modal-title')" > Options dâaccessibilité</p> <button type="button" x-on:click="close()" class="cursor-pointer bg-white cursor-pointer inline-flex rounded-md bg-blue-50 gap-4 text-blue-500 items-center px-6 py-4 hover:bg-blue-100 is-dark:bg-blue-600 hover:is-dark:bg-blue-800 is-dark:text-white shadow-sm transition ease-out-expo duration-500 "> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-close-line"></use></svg> </span> <span class="z-10">Fermer</span> </button></div><ul class="flex flex-col gap-4"><li><div x-data="{ value: $store.a11y.options.animations }" x-id="['toggle-label']" x-init="$watch('value', (value) => { $store.a11y.toggleAnimations() })" class="flex items-center justify-between " 2> <span :id="$id('toggle-label')" class=" lg:text-lg"> Animations </span> <button :aria-labelledby="$id('toggle-label')" type="button" role="switch" :aria-checked="value" @click="value = !value" @keydown.space.prevent="value = !value" @keydown.enter.prevent="value = !value" class="cursor-pointer inline-flex rounded-md border border-blue-700 is-dark:border-blue-100 items-center px-6 py-4 shadow-sm transition ease-out-expo duration-500" :class="value ? 'bg-blue-500 hover:bg-blue-700 text-white' : 'text-blue-700 is-dark:text-blue-100'" > <span x-show="value">Activé</span> <span x-show="!value">Désactivé</span> </button></div></li><li><div x-data="{ value: $store.a11y.options.leading }" x-id="['toggle-label']" x-init="$watch('value', (value) => { $store.a11y.toggleLeading() })" class="flex items-center justify-between " 3> <span :id="$id('toggle-label')" class=" lg:text-lg"> Interlignage </span> <button :aria-labelledby="$id('toggle-label')" type="button" role="switch" :aria-checked="value" @click="value = !value" @keydown.space.prevent="value = !value" @keydown.enter.prevent="value = !value" class="cursor-pointer inline-flex rounded-md border border-blue-700 is-dark:border-blue-100 items-center px-6 py-4 shadow-sm transition ease-out-expo duration-500" :class="value ? 'bg-blue-500 hover:bg-blue-700 text-white' : 'text-blue-700 is-dark:text-blue-100'" > <span x-show="value">Activé</span> <span x-show="!value">Désactivé</span> </button></div></li><li><div x-data="{ value: $store.a11y.options.typography }" x-id="['toggle-label']" x-init="$watch('value', (value) => { $store.a11y.toggleTypography() })" class="flex items-center justify-between " 4> <span :id="$id('toggle-label')" class=" lg:text-lg"> Police dyslexie </span> <button :aria-labelledby="$id('toggle-label')" type="button" role="switch" :aria-checked="value" @click="value = !value" @keydown.space.prevent="value = !value" @keydown.enter.prevent="value = !value" class="cursor-pointer inline-flex rounded-md border border-blue-700 is-dark:border-blue-100 items-center px-6 py-4 shadow-sm transition ease-out-expo duration-500" :class="value ? 'bg-blue-500 hover:bg-blue-700 text-white' : 'text-blue-700 is-dark:text-blue-100'" > <span x-show="value">Activé</span> <span x-show="!value">Désactivé</span> </button></div></li></ul></div></div><div x-show="opened" x-transition.opacity x-on:click="close()" class="fixed z-0 inset-0 bg-blue-700/50 backdrop-blur-sm" ></div></div></div><div x-data="$store.search" x-on:keydown.escape.stop.prevent="close()" class="h-full" ><div x-cloak x-show="opened" x-id="['modal-title']" x-bind:aria-labelledby="$id('modal-title')" role="dialog" aria-modal="true" class="fixed inset-0 lg:inset-25 xl:inset-30 z-100 p-4" x-transition:enter="transition ease-out duration-250" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-250" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-trap.noreturn.inert="opened" ><div x-show="opened" class="relative z-50 flex flex-col items-end justify-center pointer-events-none text-blue-500 is-dark:text-blue-50 h-full" ><div role="document" data-lenis-prevent class="relative p-4 overflow-y-auto overflow-x-hidden pointer-events-auto rounded-md bg-white is-dark:bg-blue-700 h-full w-full" ><div class="flex items-center justify-end"><p class="sr-only" :id="$id('modal-title')" > Recherche</p> <button [data-close] x-on:click="close()" class=" cursor-pointer inline-flex rounded-md bg-blue-50 gap-4 text-blue-500 items-center px-6 py-4 hover:bg-blue-100 is-dark:bg-blue-600 hover:is-dark:bg-blue-800 is-dark:text-white shadow-sm transition ease-out-expo duration-500 "> <span class="w-4 z-10 group-hover:*:fill-orange-400"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-close-line"></use></svg> </span> <span class="z-10">Fermer</span> </button></div><div class="relative flex-1 p-4 xl:p-10 pt-0 xl:pt-0"><div class=""><div class="flex space-x-2 items-center "> <span class="w-2 text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span><p class="text-sm">Saisissez un mot-clé pour lancer automatiquement une recherche.</p></div><div class="py-4 first:pt-0 last:pb-0" x-id="['search-input']" > <label :for="$id('search-input')" class="sr-only"> Recherche </label> <input :id="$id('search-input')" type="search" role="combobox" aria-controls="search-listbox" aria-autocomplete="list" aria-haspopup="listbox" aria-label="Recherche" x-bind:aria-expanded="$store.search.data.length > 0" x-bind:aria-activedescendant="$store.search.activeIndex >= 0 ? 'search-option-' + $store.search.activeIndex : null" x-model="$store.search.key" x-on:keydown.debounce="$store.search.search()" x-on:keydown.arrow-down.prevent="$store.search.moveDown()" x-on:keydown.arrow-up.prevent="$store.search.moveUp()" x-on:keydown.enter.prevent="$store.search.selectActive()" placeholder="Saisir un mot-clé" class="font-serif text-4xl text-blue-500 is-dark:text-blue-50 block w-full border-blue-400 focus:border-blue-500 transition border-b-2 focus:border-b-2 focus:ring-0 focus:outline-none py-4"/></div> <template x-if="$store.search.data.length > 0"><div class="space-y-4 py-8 first:pt-0 last:pb-0 lg:space-y-6"><ul class="grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-10" role="listbox" id="search-listbox" aria-label="Résultats de recherche"> <template x-for="(item, index) in $store.search.data" :key="item.id" ><li role="option" :id="'search-option-' + index" :aria-selected="$store.search.activeIndex === index" x-on:mouseenter="$store.search.activeIndex = index" :class="$store.search.activeIndex === index ? 'rounded-md ring-2 ring-blue-500' : ''" x-html="item.node"></li> </template></ul><div> <a data-router-disabled x-bind:href=""/fr/recherche" + "?key="
4 + $store.search.key" class="relative overflow-hidden group cursor-pointer inline-flex rounded-md bg-blue-500 gap-4 text-white items-center px-5 py-3 md:px-6 md:py-4 grow-0 rounded-md shadow-sm transition ease-out-expo duration-500 "> <span class="w-4 z-10 group-hover:rotate-90 group-hover:*:fill-orange-400 transition-transform duration-500 ease-out"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" class=" w-full h-auto fill-current is-dark:fill-white"> <use xlink:href="/themes/monarchie/src/images/remixicon.symbol.v4.6.svg#ri-gemini-fill"></use></svg> </span> <span class="z-10">Voir tout</span><div class=" absolute z-0 inset-0 bg-blue-700 is-dark:bg-blue-800 translate-y-full transition-all ease-out duration-700 group-hover:translate-y-0 group-hover/parent:translate-y-0 "></div> </a></div></div> </template></div></div></div></div></div><div x-bind:class="{ 'opacity-100': opened, 'opacity-0 pointer-events-none': !opened, }" x-on:click="close()" x-cloak aria-hidden="true" class="fixed z-60 inset-0 bg-blue-700/30 backdrop-blur-sm transition-opacity duration-500 ease-out-expo"></div></div><div class="print-footnote hidden" aria-hidden="true"> © 2026 Cour grand-ducale â https://monarchie.lu/fr/la-monarchie</div></div>
4<script type="module" src="https://monarchie.lu/themes/monarchie/dist/assets/app-DcMWAGda.js" crossorigin ></script>
4</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.