PageSourceSearch

https://www.toutrabat.com/fr/decouvrir/

html toutrabat.com collected 2026-10-03 00:47:20 UTC 125,960 bytes, 1,173 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" dir="ltr">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6
7  <title>Que voir à Rabat : monuments et sites classés — ToutRabat</title>
8  <link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
9  <link rel="apple-touch-icon" href="/assets/favicon-180.png">
10  <meta name="theme-color" content="#16455E">
11    
11<script>document.documentElement.classList.add('js')</script>
11
12    <meta name="description" content="Tous les monuments de Rabat : la kasbah des Oudayas, la Tour Hassan, le Chellah, la médina, les musées et les remparts almohades.">
13  <link rel="canonical" href="https://www.toutrabat.com/fr/decouvrir/">
14  <meta property="og:title" content="Que voir à Rabat : monuments et sites classés">
15  <meta property="og:description" content="Tous les monuments de Rabat : la kasbah des Oudayas, la Tour Hassan, le Chellah, la médina, les musées et les remparts almohades.">
16  <meta property="og:url" content="https://www.toutrabat.com/fr/decouvrir/">
17  <meta property="og:type" content="website">
18
19    
19<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Rabat","item":"https://www.toutrabat.com/fr/"},{"@type":"ListItem","position":2,"name":"Découvrir"}]},{"@type":"CollectionPage","name":"Que voir à Rabat : monuments et sites classés","description":"Tous les monuments de Rabat : la kasbah des Oudayas, la Tour Hassan, le Chellah, la médina, les musées et les remparts almohades.","url":"https://www.toutrabat.com/fr/decouvrir/","inLanguage":"fr","mainEntity":{"@type":"ItemList","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"name":"La Tour Hassan","url":"https://www.toutrabat.com/fr/decouvrir/tour-hassan"},{"@type":"ListItem","position":2,"name":"La kasbah des Oudayas","url":"https://www.toutrabat.com/fr/decouvrir/kasbah-des-oudayas"},{"@type":"ListItem","position":3,"name":"Le Chellah","url":"https://www.toutrabat.com/fr/decouvrir/chellah"},{"@type":"ListItem","position":4,"name":"La médina de Rabat","url":"https://www.toutrabat.com/fr/decouvrir/medina"},{"@type":"ListItem","position":5,"name":"Les musées de Rabat","url":"https://www.toutrabat.com/fr/decouvrir/musees"},{"@type":"ListItem","position":6,"name":"Le musée Mohammed VI","url":"https://www.toutrabat.com/fr/decouvrir/musee-mohammed-vi"},{"@type":"ListItem","position":7,"name":"Salé, l'autre rive","url":"https://www.toutrabat.com/fr/decouvrir/sale"},{"@type":"ListItem","position":8,"name":"Les portes et les remparts","url":"https://www.toutrabat.com/fr/decouvrir/portes-et-remparts"},{"@type":"ListItem","position":9,"name":"Les plages et la corniche","url":"https://www.toutrabat.com/fr/decouvrir/plages-et-corniche"},{"@type":"ListItem","position":10,"name":"Les parcs et jardins de Rabat","url":"https://www.toutrabat.com/fr/decouvrir/parcs-et-jardins"}]}}]}</script>
19
20
21        
22
23        <link rel="preload" as="font" type="font/woff2" href="/assets/font/fraunces-afb251cb.woff2" crossorigin
24          >
25      <link rel="preload" as="font" type="font/woff2" href="/assets/font/newsreader-aa24e4ce.woff2" crossorigin
26          >
27      <link rel="preload" as="font" type="font/woff2" href="/assets/font/instrument-sans-f16902ab.woff2" crossorigin
28          >
29  
30        <style>/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
31@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:"Fraunces", "Fraunces repli Georgia", "Fraunces repli Noto", "Fraunces repli Times", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#fcfbf8;--color-paper-2:#f2efe8;--color-paper-3:#e9e5da;--color-ink:#171c1b;--color-ink-2:#4e5754;--color-ink-3:#666f6c;--color-rule:#ddd7ca;--color-rule-2:#948c79;--color-deep:#16455e;--color-deep-2:#0f3245;--color-deep-ink:#f4f7f8;--color-deep-ink-2:#9dc0d2;--color-deep-rule:#487e96;--color-accent:#a9541f;--color-accent-deep:#e5a455;--color-accent-wash:#f3ede4;--color-on-accent:#fff;--color-marque:#16455e;--font-read:"Newsreader", "Newsreader repli Georgia", "Newsreader repli Noto", "Newsreader repli Times", Georgia, "Times New Roman", serif;--font-ui:"Instrument Sans", "Instrument Sans repli Arial", "Instrument Sans repli Roboto", "Instrument Sans repli Noto", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-eti:"Instrument Sans", "Capitales repli Arial", "Capitales repli Roboto", "Capitales repli Noto", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-arab:"Amiri", "Times New Roman", serif;--font-arab-ui:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--text-mega:clamp(3.25rem, 2.1rem + 5.2vw, 6.5rem);--text-title:clamp(2.1rem, 1.6rem + 2.3vw, 3.5rem);--text-head:clamp(1.625rem, 1.35rem + 1.2vw, 2.25rem);--text-sub:clamp(1.1875rem, 1.1rem + .42vw, 1.4375rem);--text-read:1.1875rem;--text-ui:.9375rem;--text-lab:.75rem;--spacing-cadre:1320px;--spacing-measure:68ch;--spacing-pad:clamp(1.25rem, 4.5vw, 4rem);--spacing-gap:clamp(1.5rem, 2.6vw, 2.75rem);--spacing-bay:clamp(2.75rem, 4.6vw, 4.75rem);--khatim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='13.5 4.5 21 21'%3E%3Cpath d='M24,4.5 27.08,7.58 31.42,7.58 31.42,11.92 34.5,15 31.42,18.08 31.42,22.42 27.08,22.42 24,25.5 20.92,22.42 16.58,22.42 16.58,18.08 13.5,15 16.58,11.92 16.58,7.58 20.92,7.58Z' fill='%23000'/%3E%3C/svg%3E")}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}
31:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-read);font-size:var(--text-read);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.022em;text-wrap:balance;font-weight:700;line-height:1.06}img{max-width:100%;display:block}html{color-scheme:light;overflow-x:clip}@media (prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark}}html[data-theme=dark]{color-scheme:dark}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}[id]{scroll-margin-block-start:5.5rem}[lang=ar]{font-family:var(--font-arab);line-height:2}[lang=ar] .ui{font-family:var(--font-arab-ui)}}@layer components{.khatim{vertical-align:.1em;opacity:.5;block-size:7px;inline-size:7px;-webkit-mask:var(--khatim) center / contain no-repeat;-webkit-mask:var(--khatim) center / contain no-repeat;-webkit-mask:var(--khatim) center / contain no-repeat;mask:var(--khatim) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.khatim--lg{opacity:.7;block-size:10px;inline-size:10px}.frise{background:var(--color-deep-2);overflow:hidden}.frise-piste{inline-size:max-content;animation:150s linear infinite frise-derive;display:flex}.frise:hover .frise-piste,.frise:focus-within .frise-piste{animation-play-state:paused}.frise picture{display:contents}.frise img{background:var(--color-paper-3);block-size:176px;inline-size:auto;margin-inline-end:3px;display:block}@keyframes frise-derive{to{transform:translate(-50%)}}[dir=rtl] .frise-piste{animation-name:frise-derive-rtl}@keyframes frise-derive-rtl{to{transform:translate(50%)}}@media (max-width:720px){.frise img{block-size:118px}}.planche{background:var(--color-paper);border:1px solid var(--color-rule);box-shadow:0 1px 0 var(--color-rule-2);padding:10px;transition:box-shadow .25s}a:hover>.planche,a:focus-visible>.planche{box-shadow:0 3px 0 var(--color-rule-2)}.prose-guide{font-family:var(--font-read);font-size:var(--text-read);max-inline-size:min(100%, var(--spacing-measure));line-height:1.72}.prose-guide>*+*{margin-block-start:1.05em}.prose-guide h2{font-family:var(--font-serif);font-size:var(--text-head);letter-spacing:-.024em;color:var(--color-ink);text-wrap:balance;margin-block-start:2.2em;font-weight:700;line-height:1.12}.prose-guide h3{font-family:var(--font-serif);font-size:var(--text-sub);color:var(--color-ink);margin-block-start:1.9em;font-weight:700;line-height:1.2}.prose-guide h2+p,.prose-guide h3+p{margin-block-start:.7em}.prose-guide p{color:var(--color-ink-2)}.prose-guide p:first-of-type{color:var(--color-ink);font-size:1.25rem;line-height:1.6}.prose-guide strong{color:var(--color-ink);font-weight:600}.prose-guide a{color:var(--color-accent);text-underline-offset:.18em}.prose-guide ol{counter-reset:etape;margin-block-start:1.3em;padding-inline-start:0;list-style:none}.prose-guide ol>li{counter-increment:etape;color:var(--color-ink-2);border-block-start:1px solid var(--color-rule);padding-block:.85em;padding-inline-start:2.6rem;position:relative}.prose-guide ol>li:before{content:counter(etape, decimal-leading-zero);font-family:var(--font-ui);font-size:var(--text-lab);letter-spacing:.06em;color:var(--color-accent);font-weight:700;line-height:1.95;position:absolute;inset-block-start:.85em;inset-inline-start:0}.prose-guide ul{color:var(--color-ink-2);padding-inline-start:0;list-style:none}.prose-guide ul>li{padding-inline-start:1.3rem;position:relative}.prose-guide ul>li+li{margin-block-start:.55em}.prose-guide ul>li:before{content:"";background:var(--color-rule-2);block-size:7px;
31inline-size:7px;-webkit-mask:var(--khatim) center / contain no-repeat;-webkit-mask:var(--khatim) center / contain no-repeat;-webkit-mask:var(--khatim) center / contain no-repeat;mask:var(--khatim) center / contain no-repeat;position:absolute;inset-block-start:.62em;inset-inline-start:0}.prose-guide li>ul,.prose-guide li>ol{margin-block-start:.5em}.prose-guide li>ol>li{border-block-start:0;padding-block:.3em}.prose-guide blockquote{border-inline-start:2px solid var(--color-accent);color:var(--color-ink-2);padding-inline-start:1.1rem;font-style:italic}.prose-guide sup{vertical-align:super;font-size:.7em;line-height:0}.prose-guide .anchor{opacity:0;color:var(--color-ink-3);text-decoration:none}.prose-guide h2:hover .anchor,.prose-guide h3:hover .anchor,.prose-guide .anchor:focus-visible{opacity:1}.chapo{grid-template-columns:minmax(0,1fr);grid-template-areas:"fil""tete""rail""corps";gap:clamp(1rem,2vw,1.5rem) clamp(2rem,4vw,4rem);display:grid}.chapo--rail-apres{grid-template-areas:"fil""tete""corps""rail"}.chapo-fil{grid-area:fil;min-inline-size:0}.fil{overscroll-behavior-inline:contain;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.625rem;display:flex;overflow-x:auto}.fil::-webkit-scrollbar{display:none}.fil>*{flex:none}.fil{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),#0000)}.chapo-tete{grid-area:tete;min-inline-size:0}.chapo-corps{grid-area:corps;min-inline-size:0}.chapo-rail{grid-area:rail;min-inline-size:0}.chapo-tete>*,.chapo-corps>:first-child,.chapo-rail>:first-child{margin-block-start:0}@media (min-width:64rem){.chapo{grid-template:"fil fil""tete rail""corps rail"1fr/minmax(0,1.5fr) minmax(0,1fr);align-items:start}.chapo-rail:has(>*){border-inline-start:1px solid var(--color-deep-rule);block-size:100%;padding-inline-start:clamp(1.5rem,3vw,2.75rem)}}.plaque{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#fff;font-size:clamp(2.75rem,1.6rem + 4vw,4.5rem);font-weight:700;line-height:1;display:block}.plaque-copie{font-family:var(--font-ui);font-size:var(--text-lab);text-transform:uppercase;letter-spacing:.11em;border:1px solid var(--color-deep-rule);color:var(--color-deep-ink);cursor:pointer;background:0 0;align-items:center;gap:.5rem;margin-block-start:.9rem;padding:.55rem .85rem;font-weight:600;transition:background-color .15s;display:inline-flex}.plaque-copie:hover{background:var(--color-deep-2)}.chiffres{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:1.1rem 2rem;margin:0;display:grid}.chapo-rail .chiffres{grid-template-columns:1fr;gap:.95rem}.chiffres>div{min-inline-size:0}.chiffres dt{font-family:var(--font-eti);font-size:var(--text-lab);text-transform:uppercase;letter-spacing:.11em;color:var(--color-deep-ink-2);font-weight:600;line-height:1.4}.chiffres dd{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-sub);color:#fff;margin:.3rem 0 0;line-height:1.2}.chiffres dd a{color:inherit;border-block-end:1px solid var(--color-deep-rule);text-decoration:none}.chiffres dd a:hover{border-color:currentColor}.bouton{min-block-size:2.875rem;font-family:var(--font-ui);font-size:var(--text-ui);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.6rem 1.15rem;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.bouton--fort{background:var(--color-accent);color:var(--color-on-accent)}.bouton--fort:hover{background:var(--color-deep);color:#fff}.bouton--calme{background:var(--color-deep);color:var(--color-deep-ink);border-color:var(--color-deep-rule)}.bouton--calme:hover{background:var(--color-deep-2);border-color:var(--color-deep-ink-2)}.bouton--sobre{border-color:var(--color-rule-2);color:var(--color-ink)}.bouton--sobre:hover{background:var(--color-accent-wash);border-color:var(--color-accent)}.chapo .bouton--sobre{border-color:var(--color-deep-rule);color:var(--color-deep-ink)}.chapo .bouton--sobre:hover{background:var(--color-deep-2);border-color:var(--color-deep-ink-2)}.bouton--large{inline-size:100%}@layer components{.defile-boite,.overflow-x-auto:has(>table){overscroll-behavior-x:contain;background:linear-gradient(to right, var(--color-paper) 40%, transparent) left center / 2.5rem 100% no-repeat local, linear-gradient(to left, var(--color-paper) 40%, transparent) right center / 2.5rem 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #00000029, transparent) left center / .9rem 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #00000029, transparent) right center / .9rem 100% no-repeat scroll;overflow-x:auto}}.donnees{border-collapse:collapse;inline-size:100%}.donnees th,.donnees td{text-align:start;padding:.75rem}.donnees thead th{font-family:var(--font-ui);font-size:var(--text-lab);text-transform:uppercase;letter-spacing:.11em;color:var(--color-ink-3);background:var(--color-paper-2);white-space:nowrap;font-weight:600;line-height:1.4}.donnees tbody tr{border-block-start:1px solid var(--color-rule)}.donnees tbody tr:hover{background:var(--color-paper-2)}@media (max-width:39.999rem){.donnees,.donnees tbody,.donnees tr,.donnees td,.donnees th{display:block}.donnees thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.donnees tbody tr{padding:.85rem .75rem}.donnees tbody th,.donnees tbody td{padding:0;text-align:start!important}.donnees tbody th{font-size:var(--text-sub)}.donnees tbody td[data-lab]{gap:.6rem;margin-block-start:.35rem;display:flex}.donnees tbody td[data-lab]:before{content:attr(data-lab) " ";inline-size:8.5rem;font-family:var(--font-ui);font-size:var(--text-lab);text-transform:uppercase;letter-spacing:.11em;color:var(--color-ink-3);flex:none;font-weight:600;line-height:1.6}.defile:after{content:none}}.grille-filet{border-block-start:1px solid var(--color-rule-2);border-inline-start:1px solid var(--color-rule-2);gap:0;display:grid}.grille-filet>*{background:var(--color-paper);border-block-end:1px solid var(--color-rule-2);border-inline-end:1px solid var(--color-rule-2)}.fiche{padding:clamp(1.1rem,2.5vw,1.6rem)}.fiche+.fiche{border-block-start:1px solid var(--color-rule)}.fiche-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:.9rem;display:flex}.rail{grid-template-columns:1fr;gap:.5rem 2.25rem;display:grid}@media (min-width:40rem){.rail{grid-template-columns:1fr 1fr}}@media (min-width:64rem){.rail{grid-template-columns:none;grid-auto-columns:minmax(0,max-content);grid-auto-flow:column}}.rail>
31div{align-items:baseline;gap:.5rem;min-inline-size:0;display:flex}.faits{margin:0;display:block}.faits>dt{font-family:var(--font-serif);color:var(--color-ink);border-inline-start:2px solid var(--color-accent);margin-block-start:1.35rem;padding-inline-start:.9rem;font-weight:600;line-height:1.3}.faits>dt:first-of-type{margin-block-start:0}.faits>dd{border-inline-start:2px solid var(--color-rule);color:var(--color-ink-2);max-width:68ch;margin:.35rem 0 0;padding-inline-start:.9rem}.ui{font-family:var(--font-ui);line-height:1.5}.eti{font-family:var(--font-eti);font-size:var(--text-lab);text-transform:uppercase;letter-spacing:.11em;font-weight:600;line-height:1.4}.cadre{max-inline-size:var(--spacing-cadre);padding-inline:var(--spacing-pad);margin-inline:auto}.pub{max-inline-size:100%;overflow:hidden}.pub ins,.pub iframe{max-inline-size:100%!important}.pub{min-block-size:300px}@media (min-width:48rem){.pub{min-block-size:250px}}.pub:has(ins[data-ad-status^=unfill]){min-block-size:0}.pub:has(ins[data-ad-status^=unfill])>span,html:not(.js) .js-seul,html.js .sans-js{display:none}.travee{padding-block:var(--spacing-bay)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-full{top:100%}.isolate{isolation:isolate}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.m-0{margin:0}.m-1{margin:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing) * 8)}.my-10{margin-block:calc(var(--spacing) * 10)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-auto{margin-inline-start:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-gap{margin-top:var(--spacing-gap)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[78vh\]{max-height:78vh}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[clamp\(400px\,62vh\,620px\)\]{min-height:clamp(400px,62vh,62
310px)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-full{width:100%}.max-w-\[24ch\]{max-width:24ch}.max-w-\[26rem\]{max-width:26rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[36rem\]{max-width:36rem}.max-w-\[46ch\]{max-width:46ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[54ch\]{max-width:54ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[58ch\]{max-width:58ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[66ch\]{max-width:66ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[70ch\]{max-width:70ch}.max-w-\[72ch\]{max-width:72ch}.max-w-\[78ch\]{max-width:78ch}.max-w-\[100ch\]{max-width:100ch}.max-w-\[550px\]{max-width:550px}.max-w-\[560px\]{max-width:560px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[15rem\]{flex-basis:15rem}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-\[clamp\(2rem\,5vw\,3\.5rem\)\]{gap:clamp(2rem,5vw,3.5rem)}.gap-\[clamp\(2rem\,5vw\,4\.5rem\)\]{gap:clamp(2rem,5vw,4.5rem)}.gap-\[clamp\(2rem\,5vw\,4rem\)\]{gap:clamp(2rem,5vw,4rem)}.gap-gap{gap:var(--spacing-gap)}.gap-px{gap:1px}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-9{row-gap:calc(var(--spacing) * 9)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-0{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-accent{border-color:var(--color-accent)}.border-current{border-color:currentColor}.border-deep-rule{border-color:var(--color-deep-rule)}.border-rule{border-color:var(--color-rule)}.border-rule-2{border-color:var(--color-rule-2)}.border-transparent{border-color:#0000}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-accent{background-color:var(--color-accent)}.bg-accent-wash{background-color:var(--color-accent-wash)}.bg-deep{background-color:var(--color-deep)}.bg-deep-2{background-color:var(--color-deep-2)}.bg-deep-rule{background-color:var(--color-deep-rule)}.bg-ink-3{background-color:var(--color-ink-3)}.bg-paper{background-color:var(--color-paper)}.bg-paper-2{background-color:var(--color-paper-2)}.bg-paper-3{background-color:var(--color-paper-3)}.bg-rule{background-color:var(--color-rule)}.bg-rule-2{background-color:var(--color-rule-2)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(78deg\,rgba\(7\,26\,36\,\.94\)_0\%\,rgba\(7\,26\,36\,\.74\)_44\%\,rgba\(7\,26\,36\,\.16\)_82\%\)\]{background-image:linear-gradient(78deg,#071a24f0 0%,#071a24bd 44%,#071a2429 82%)}
31.fill-rule{fill:var(--color-rule)}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-\[clamp\(1\.25rem\,3vw\,2rem\)\]{padding:clamp(1.25rem,3vw,2rem)}.p-\[clamp\(1rem\,2\.5vw\,1\.75rem\)\]{padding:clamp(1rem,2.5vw,1.75rem)}.p-\[clamp\(1rem\,3vw\,2rem\)\]{padding:clamp(1rem,3vw,2rem)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-pad{padding-inline:var(--spacing-pad)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[clamp\(1\.75rem\,3\.5vw\,2\.75rem\)\]{padding-block:clamp(1.75rem,3.5vw,2.75rem)}.py-\[clamp\(2\.25rem\,4\.5vw\,3\.5rem\)\]{padding-block:clamp(2.25rem,4.5vw,3.5rem)}.py-\[clamp\(2rem\,4vw\,3\.5rem\)\]{padding-block:clamp(2rem,4vw,3.5rem)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.ps-pad{padding-inline-start:var(--spacing-pad)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pe-pad{padding-inline-end:var(--spacing-pad)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-\[clamp\(1\.75rem\,3\.5vw\,3rem\)\]{padding-top:clamp(1.75rem,3.5vw,3rem)}.pt-bay{padding-top:var(--spacing-bay)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-\[clamp\(1\.75rem\,5vh\,3\.25rem\)\]{padding-bottom:clamp(1.75rem,5vh,3.25rem)}.pb-\[clamp\(2rem\,4vw\,3\.5rem\)\]{padding-bottom:clamp(2rem,4vw,3.5rem)}.text-end{text-align:end}.text-start{text-align:start}.align-top{vertical-align:top}.font-read{font-family:var(--font-read)}.font-serif{font-family:var(--font-serif)}.text-\[\.6875rem\]{font-size:.6875rem}.text-ui{font-size:var(--text-ui)}.leading-\[\.95\]{--tw-leading:.95;line-height:.95}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-accent-deep{color:var(--color-accent-deep)}.text-deep-ink{color:var(--color-deep-ink)}.text-deep-ink-2{color:var(--color-deep-ink-2)}.text-inherit{color:inherit}.text-ink{color:var(--color-ink)}.text-ink-2{color:var(--color-ink-2)}.text-ink-3{color:var(--color-ink-3)}.text-marque{color:var(--color-marque)}.text-on-accent{color:var(--color-on-accent)}.text-rule-2{color:var(--color-rule-2)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.accent-deep{accent-color:var(--color-deep)}.opacity-0{opacity:0}
31.opacity-80{opacity:.8}.opacity-85{opacity:.85}.shadow-\[0_18px_40px_-24px_rgba\(0\,0\,0\,\.5\)\]{--tw-shadow:0 18px 40px -24px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.group-focus-within\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-\[1\.025\]:is(:where(.group):hover *){scale:1.025}.group-hover\:text-accent:is(:where(.group):hover *){color:var(--color-accent)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-accent:hover{border-color:var(--color-accent)}.hover\:bg-accent-wash:hover{background-color:var(--color-accent-wash)}.hover\:bg-deep-2:hover{background-color:var(--color-deep-2)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-deep-ink:hover{color:var(--color-deep-ink)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:z-100:focus{z-index:100}.focus\:m-3:focus{margin:calc(var(--spacing) * 3)}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-on-accent:focus{color:var(--color-on-accent)}.focus\:no-underline:focus{text-decoration-line:none}.focus-visible\:text-ink:focus-visible{color:var(--color-ink)}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[5rem_minmax\(0\,1fr\)_6rem\]{grid-template-columns:5rem minmax(0,1fr) 6rem}.sm\:grid-cols-\[9\.5rem_1fr_auto\]{grid-template-columns:9.5rem 1fr auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.sm\:p-5{padding:calc(var(--spacing) * 5)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:ms-3{margin-inline-start:calc(var(--spacing) * 3)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.35fr_1fr\]{grid-template-columns:1.35fr 1fr}.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.lg\:grid-cols-\[minmax\(0\,1fr\)_260px\]{grid-template-columns:minmax(0,1fr) 260px}.lg\:grid-cols-\[minmax\(0\,1fr\)_268px\]{grid-template-columns:minmax(0,1fr) 268px}.lg\:grid-cols-\[minmax\(0\,1fr\)_280px\]{grid-template-columns:minmax(0,1fr) 280px}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.lg\:self-start{align-self:flex-start}}@media (min-width:80rem){.xl\:block{display:block}.xl\:inline{display:inline}}.\[\&\>li\]\:ps-0>li{padding-inline-start:0}.\[\&\>li\]\:before\:hidden>li:before{content:var(--tw-content);display:none}}
31@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/font/fraunces-afb251cb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/font/fraunces-italic-c272d9ea.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/font/newsreader-aa24e4ce.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/font/newsreader-italic-51f9a6c0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/font/instrument-sans-f16902ab.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
31@font-face{font-family:Fraunces repli Georgia;font-weight:400 500;src:local(Georgia);size-adjust:102.822%;ascent-override:95.116%;descent-override:24.8%;line-gap-override:0%}@font-face{font-family:Fraunces repli Georgia;font-weight:600 900;src:local(Georgia Bold),local(Georgia);size-adjust:94.186%;ascent-override:103.837%;descent-override:27.074%;line-gap-override:0%}@font-face{font-family:Fraunces repli Noto;font-weight:400 500;src:local(Noto Serif);size-adjust:95.343%;ascent-override:102.577%;descent-override:26.746%;line-gap-override:0%}@font-face{font-family:Fraunces repli Noto;font-weight:600 900;src:local(Noto Serif Bold),local(Noto Serif);size-adjust:95.634%;ascent-override:102.265%;descent-override:26.664%;line-gap-override:0%}@font-face{font-family:Fraunces repli Times;font-weight:400 500;src:local(Times New Roman),local(Times);size-adjust:113.208%;ascent-override:86.389%;descent-override:22.525%;line-gap-override:0%}@font-face{font-family:Fraunces repli Times;font-weight:600 900;src:local(Times New Roman Bold),local(Times Bold),local(Times New Roman),local(Times);size-adjust:113.715%;ascent-override:86.004%;descent-override:22.424%;line-gap-override:0%}@font-face{font-family:Newsreader repli Georgia;font-weight:400 500;src:local(Georgia);size-adjust:90.28%;ascent-override:81.413%;descent-override:29.353%;line-gap-override:0%}@font-face{font-family:Newsreader repli Georgia;font-weight:600 900;src:local(Georgia Bold),local(Georgia);size-adjust:81.12%;ascent-override:90.607%;descent-override:32.668%;line-gap-override:0%}@font-face{font-family:Newsreader repli Noto;font-weight:400 500;src:local(Noto Serif);size-adjust:83.713%;ascent-override:87.8%;descent-override:31.656%;line-gap-override:0%}@font-face{font-family:Newsreader repli Noto;font-weight:600 900;src:local(Noto Serif Bold),local(Noto Serif);size-adjust:82.367%;ascent-override:89.235%;descent-override:32.173%;line-gap-override:0%}@font-face{font-family:Newsreader repli Times;font-weight:400 500;src:local(Times New Roman),local(Times);size-adjust:99.4%;ascent-override:73.944%;descent-override:26.66%;line-gap-override:0%}@font-face{font-family:Newsreader repli Times;font-weight:600 900;src:local(Times New Roman Bold),local(Times Bold),local(Times New Roman),local(Times);size-adjust:97.94%;ascent-override:75.046%;descent-override:27.057%;line-gap-override:0%}@font-face{font-family:Instrument Sans repli Arial;font-weight:400 500;src:local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:101.105%;ascent-override:95.94%;descent-override:24.727%;line-gap-override:0%}@font-face{font-family:Instrument Sans repli Arial;font-weight:600 900;src:local(Arial Bold),local(Helvetica Neue Bold),local(Helvetica Bold),local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:98.968%;ascent-override:98.012%;descent-override:25.261%;line-gap-override:0%}@font-face{font-family:Instrument Sans repli Roboto;font-weight:400 500;src:local(Roboto);size-adjust:102.252%;ascent-override:94.864%;descent-override:24.449%;line-gap-override:0%}@font-face{font-family:Instrument Sans repli Roboto;font-weight:600 900;src:local(Roboto Bold),local(Roboto);size-adjust:105.12%;ascent-override:92.275%;descent-override:23.782%;line-gap-override:0%}@font-face{font-family:Instrument Sans repli Noto;font-weight:400 500;src:local(Noto Sans);size-adjust:96.811%;ascent-override:100.195%;descent-override:25.823%;line-gap-override:0%}@font-face{font-family:Instrument Sans repli Noto;font-weight:600 900;src:local(Noto Sans Bold),local(Noto Sans);size-adjust:95.247%;ascent-override:101.841%;descent-override:26.248%;line-gap-override:0%}@font-face{font-family:Capitales repli Arial;font-weight:400 500;src:local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:97.897%;ascent-override:99.084%;descent-override:25.537%;line-gap-override:0%}@font-face{font-family:Capitales repli Arial;font-weight:600 900;src:local(Arial Bold),local(Helvetica Neue Bold),local(Helvetica Bold),local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:97.472%;ascent-override:99.516%;descent-override:25.648%;line-gap-override:0%}@font-face{font-family:Capitales repli Roboto;font-weight:400 500;src:local(Roboto);size-adjust:107.262%;ascent-override:90.432%;
31descent-override:23.307%;line-gap-override:0%}@font-face{font-family:Capitales repli Roboto;font-weight:600 900;src:local(Roboto Bold),local(Roboto);size-adjust:106.331%;ascent-override:91.225%;descent-override:23.512%;line-gap-override:0%}@font-face{font-family:Capitales repli Noto;font-weight:400 500;src:local(Noto Sans);size-adjust:105.373%;ascent-override:92.054%;descent-override:23.725%;line-gap-override:0%}@font-face{font-family:Capitales repli Noto;font-weight:600 900;src:local(Noto Sans Bold),local(Noto Sans);size-adjust:102.092%;ascent-override:95.012%;descent-override:24.488%;line-gap-override:0%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-paper:#101817;--color-paper-2:#18211f;--color-paper-3:#212c2a;--color-ink:#edeae1;--color-ink-2:#a8b4b0;--color-ink-3:#87938f;--color-rule:#2b3634;--color-rule-2:#5a6764;--color-deep:#0b2634;--color-deep-2:#071a24;--color-deep-ink:#e6eef2;--color-deep-ink-2:#7fa3b6;--color-deep-rule:#2e5b6e;--color-accent:#e0913f;--color-accent-deep:#e5a455;--color-accent-wash:#1b2624;--color-on-accent:#171c1b;--color-marque:#9dc0d2}}:root[data-theme=dark]{--color-paper:#101817;--color-paper-2:#18211f;--color-paper-3:#212c2a;--color-ink:#edeae1;--color-ink-2:#a8b4b0;--color-ink-3:#87938f;--color-rule:#2b3634;--color-rule-2:#5a6764;--color-deep:#0b2634;--color-deep-2:#071a24;--color-deep-ink:#e6eef2;--color-deep-ink-2:#7fa3b6;--color-deep-rule:#2e5b6e;--color-accent:#e0913f;--color-accent-deep:#e5a455;--color-accent-wash:#1b2624;--color-on-accent:#171c1b;--color-marque:#9dc0d2}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}</style>
32  
33  
34          
34<script>
35      (function () {
36        var parti = false;
37        function partir() {
38          if (parti) { return; }
39          parti = true;
40          var s = document.createElement('script');
41          s.async = true;
42          s.crossOrigin = 'anonymous';
43          s.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
44                + '?client=ca-pub-7832129100072796';
45          document.head.appendChild(s);
46        }
47        ['pointerdown', 'keydown', 'touchstart', 'scroll'].forEach(function (e) {
48          addEventListener(e, partir, {once: true, passive: true});
49        });
50        addEventListener('load', function () { setTimeout(partir, 800); });
51        setTimeout(partir, 5000);   // filet : un onglet en arrière-plan finit par charger
52      })();
53    </script>
53
54  </head>
55<body>
56  <a href="#contenu" class="ui sr-only focus:not-sr-only focus:absolute focus:z-100 focus:m-3
57            focus:px-4 focus:py-2 focus:bg-accent focus:text-on-accent focus:no-underline">Aller au contenu</a>
58
59      
60  <header class="sticky top-0 z-50 bg-paper border-b border-rule" data-nav>
61    <div class="cadre flex items-center gap-3 min-h-16">
62      <a href="/fr/"
63   class="group flex items-center gap-3 no-underline shrink-0 text-marque">
64  <svg width="30" height="30" viewBox="0 0 24 24" fill="currentColor"
65       fill-rule="evenodd" aria-hidden="true" focusable="false" class="shrink-0">
66    <path d="M0 0h24v24H0Z M 6.2,24 L 6.2,16.2 C 3.3,15.2 3.5,9.1 7.1,5.4
67             C 8.9,3.5 10.6,2.5 12,2 C 13.4,2.5 15.1,3.5 16.9,5.4
68             C 20.5,9.1 20.7,15.2 17.8,16.2 L 17.8,24 Z"/>
69  </svg>
70  <span class="block">
71    <span class="font-serif block leading-[.95] tracking-[-.035em] text-ink"
72          style="font-size:19px">
73      <span class="font-medium text-ink-2">tout</span><b class="font-bold">Rabat</b>
74    </span>
75                <span class="eti block mt-1 text-ink-3 hidden xl:block">La capitale, porte par porte</span>
76      </span>
77</a>
78
79
80            <nav class="hidden lg:flex items-stretch gap-0.5 ms-auto relative" aria-label="Navigation principale">
81                                      <div class="group">
82            <a href="/fr/decouvrir/"
83               aria-current="page"               class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
84                      border-b-2 transition-colors
85                      text-ink border-accent
86                      hover:text-ink hover:border-accent focus-visible:text-ink">
87              Découvrir
88            </a>
89
90                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
91                          group-focus-within:visible group-focus-within:opacity-100
92                          transition-[opacity,visibility] duration-150
93                          absolute inset-x-0 top-full z-50
94                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
95                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">Les lieux qui font Rabat — huit siècles en trois kilomètres.</p>
96                
97                                  <ul class="list-none m-0 p-2 grid gap-px sm:grid-cols-2">
98                                          <li><a href="/fr/decouvrir/tour-hassan"
99                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">La Tour Hassan</a></li>
100                                          <li><a href="/fr/decouvrir/kasbah-des-oudayas"
101                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">La kasbah des Oudayas</a></li>
102                                          <li><a href="/fr/decouvrir/chellah"
103                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Le Chellah</a></li>
104                                          <li><a href="/fr/decouvrir/medina"
105                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">La médina de Rabat</a></li>
106                                          <li><a href="/fr/decouvrir/musees"
107                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Les musées de Rabat</a></li>
108                                          <li><a href="/fr/decouvrir/musee-mohammed-vi"
109                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Le musée Mohammed VI</a></li>
110                                          <li><a href="/fr/decouvrir/sale"
111                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Salé, l&#039;autre rive</a></li>
112                                          <li><a href="/fr/decouvrir/portes-et-remparts"
113                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Les portes et les remparts</a></li>
114                                      </ul>
115                
116                <a href="/fr/decouvrir/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
117                  Tout voir →
118                </a>
119              </div>
120                      </div>
121                                      <div class="group">
122            <a href="/fr/itineraires/"
123                              class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
124                      border-b-2 transition-colors
125                      text-ink-2 border-transparent
126                      hover:text-ink hover:border-accent focus-visible:text-ink">
127              Itinéraires
128            </a>
129
130                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
131                          group-focus-within:visible group-focus-within:opacity-100
132                          transition-[opacity,visibility] duration-150
133                          absolute inset-x-0 top-full z-50
134                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
135                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">Combien de temps avez-vous ? Un programme heure par heure.</p>
136                
137                                  <ul class="list-none m-0 p-2 grid gap-px sm:grid-cols-2">
138                                          <li><a href="/fr/itineraires/rabat-en-deux-jours"
139                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Rabat en deux jours</a></li>
140                                          <li><a href="/fr/itineraires/rabat-en-un-jour"
141                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Rabat en une journée</a></li>
142                                          <li><a href="/fr/itineraires/week-end-depuis-casablanca"
143                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Un week-end à Rabat depuis Casablanca</a></li>
144                                          <li><a href="/fr/itineraires/la-medina-a-pied"
145                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">La médina à pied</a></li>
146                                          <li>
146<a href="/fr/itineraires/rabat-avec-des-enfants"
147                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Rabat avec des enfants</a></li>
148                                      </ul>
149                
150                <a href="/fr/itineraires/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
151                  Tout voir →
152                </a>
153              </div>
154                      </div>
155                                      <div class="group">
156            <a href="/fr/preparer/"
157                              class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
158                      border-b-2 transition-colors
159                      text-ink-2 border-transparent
160                      hover:text-ink hover:border-accent focus-visible:text-ink">
161              Préparer
162            </a>
163
164                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
165                          group-focus-within:visible group-focus-within:opacity-100
166                          transition-[opacity,visibility] duration-150
167                          absolute inset-x-0 top-full z-50
168                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
169                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">Venir, dormir, manger, et tout ce qu&#039;il faut régler avant.</p>
170                
171                                  <ul class="list-none m-0 p-2 grid gap-px sm:grid-cols-2">
172                                          <li><a href="/fr/preparer/formalites-et-informations-pratiques"
173                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Formalités et informations pratiques</a></li>
174                                          <li><a href="/fr/preparer/venir-a-rabat"
175                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Venir à Rabat</a></li>
176                                          <li><a href="/fr/preparer/ou-manger"
177                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Où manger à Rabat</a></li>
178                                          <li><a href="/fr/preparer/se-deplacer"
179                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Se déplacer à Rabat</a></li>
180                                          <li><a href="/fr/preparer/ou-dormir"
181                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Où dormir à Rabat</a></li>
182                                          <li><a href="/fr/preparer/quand-partir"
183                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Quand partir à Rabat</a></li>
184                                          <li><a href="/fr/preparer/acheter-materiel-informatique"
185                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Acheter du matériel informatique à Rabat</a></li>
186                                          <li><a href="/fr/preparer/ramadan-et-fetes"
187                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Ramadan et jours fériés au Maroc</a></li>
188                                      </ul>
189                
190                <a href="/fr/preparer/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
191                  Tout voir →
192                </a>
193              </div>
194                      </div>
195                                      <div class="group">
196            <a href="/fr/comprendre/"
197                              class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
198                      border-b-2 transition-colors
199                      text-ink-2 border-transparent
200                      hover:text-ink hover:border-accent focus-visible:text-ink">
201              Comprendre
202            </a>
203
204                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
205                          group-focus-within:visible group-focus-within:opacity-100
206                          transition-[opacity,visibility] duration-150
207                          absolute inset-x-0 top-full z-50
208                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
209                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">L&#039;histoire, l&#039;artisanat, et ce qui se joue à Rabat en 2026.</p>
210                
211                                  <ul class="list-none m-0 p-2 grid gap-px sm:grid-cols-2">
212                                          <li><a href="/fr/comprendre/histoire"
213                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">L&#039;histoire de Rabat</a></li>
214                                          <li><a href="/fr/comprendre/capitale-mondiale-du-livre-2026"
215                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Rabat, Capitale mondiale du livre 2026</a></li>
216                                          <li><a href="/fr/comprendre/artisanat"
217                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">L&#039;artisanat de Rabat</a></li>
218                                          <li><a href="/fr/comprendre/tapis-de-rabat"
219                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Le tapis de Rabat</a></li>
220                                          <li><a href="/fr/comprendre/sortir-a-rabat"
221                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Sortir à Rabat</a></li>
222                                          <li><a href="/fr/comprendre/etudier-a-rabat"
223                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Étudier à Rabat</a></li>
224                                      </ul>
225                
226                <a href="/fr/comprendre/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
227                  Tout voir →
228                </a>
229              </div>
230                      </div>
231                                      <div class="group">
232            <a href="/fr/quartiers/"
233                              class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
234                      border-b-2 transition-colors
235                      text-ink-2 border-transparent
236                      hover:text-ink hover:border-accent focus-visible:text-ink">
237              Quartiers
238            </a>
239
240                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
241                          group-focus-within:visible group-focus-within:opacity-100
242                          transition-[opacity,visibility] duration-150
243                          absolute inset-x-0 top-full z-50
244                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
245                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">Où loger, où sortir, et ce que chaque quartier raconte.</p>
246                
247                                  <ul class="list-none m-0 p-2 grid gap-px sm:grid-cols-2">
248                                          <li><a href="/fr/quartiers/les-quartiers-de-rabat"
249                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Les quartiers de Rabat</a></li>
250                                          <li><a href="/fr/quartiers/hassan"
251                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Hassan</a></li>
252                                          <li><a href="/fr/quartiers/ocean"
253                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">L&#039;Océan</a></li>
254                                          <li><a href="/fr/quartiers/agdal"
255                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Agdal</a></li>
256                                          <li><a href="/fr/quartiers/souissi"
257                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Souissi</a></li>
258                                          <li><a href="/fr/quartiers/yacoub-el-mansour"
259                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Yacoub El Mansour</a></li>
260                                          <li><a href="/fr/quartiers/akkari"
261                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Akkari</a></li>
262                                          <li><a href="/fr/quartiers/diour-jamaa"
263                             class="ui block px-3 py-2 text-ui no-underline text-ink-2 hover:bg-accent-wash hover:text-ink">Diour Jamaa et Les Orangers</a></li>
264                                      </ul>
265                
266                <a href="/fr/quartiers/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
267                  Tout voir →
268                </a>
269              </div>
270                      </div>
271                                      <div class="group">
272            <a href="/fr/photos/"
273                              class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
274                      border-b-2 transition-colors
275                      text-ink-2 border-transparent
276                      hover:text-ink hover:border-accent focus-visible:text-ink">
277              Photos
278            </a>
279
280                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
281                          group-focus-within:visible group-focus-within:opacity-100
282                          transition-[opacity,visibility] duration-150
283                          absolute inset-x-0 top-full z-50
284                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
285                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">Le fonds de cartes postales, 1875-1940.</p>
286                
287                
288                <a href="/fr/photos/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
289                  Tout voir →
290                </a>
291              </div>
292                      </div>
293                                      <div class="group">
294            <a href="/fr/annuaire/"
295                              class="eti flex items-center gap-1.5 h-16 px-2.5 whitespace-nowrap no-underline
296                      border-b-2 transition-colors
297                      text-ink-2 border-transparent
298                      hover:text-ink hover:border-accent focus-visible:text-ink">
299              Annuaire
300            </a>
301
302                          <div class="invisible opacity-0 group-hover:visible group-hover:opacity-100
303                          group-focus-within:visible group-focus-within:opacity-100
304                          transition-[opacity,visibility] duration-150
305                          absolute inset-x-0 top-full z-50
306                          bg-paper border border-rule shadow-[0_18px_40px_-24px_rgba(0,0,0,.5)]">
307                                  <p class="ui text-ui text-ink-2 px-5 pt-4 pb-3 border-b border-rule">Les adresses de Rabat, par rubrique.</p>
308                
309                
310                <a href="/fr/annuaire/" class="eti block px-5 py-3 border-t border-rule text-accent no-underline hover:bg-accent-wash">
311                  Tout voir →
312                </a>
313              </div>
314                      </div>
315              </nav>
316
317            <a href="/fr/recherche"
318         class="ui inline-flex items-center gap-2 h-11 px-3 ms-auto lg:ms-3 shrink-0
319                border border-rule text-ink-2 no-underline
320                hover:text-accent hover:border-accent transition-colors">
321        <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor"
322             stroke-width="1.8" stroke-linecap="round" aria-hidden="true" class="shrink-0">
323          <circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.4 15.4 20.5 20.5"/>
324        </svg>
325        <span class="eti hidden xl:inline">Rechercher</span>
326      </a>
327
328            <button type="button" class="eti lg:hidden h-11 px-3.5 shrink-0 border border-rule-2 text-ink"
329              aria-expanded="false" aria-controls="menu-mobile" data-nav-toggle>
330        Menu
331      </button>
332    </div>
333
334        <div id="menu-mobile" hidden class="lg:hidden border-t border-rule bg-paper max-h-[78vh] overflow-y-auto overscroll-contain">
335      <form method="get" action="/fr/recherche" role="search"
336            class="flex gap-2 px-pad py-4 border-b border-rule bg-paper-2">
337        <label for="q-menu" class="sr-only">Votre recherche</label>
338        <input type="search" id="q-menu" name="q" autocomplete="off"
339               placeholder="Un code, une adresse, un quartier…"
340               class="ui grow min-w-0 h-11 px-3 border border-rule-2 bg-paper text-ink">
341        <button type="submit" class="bouton bouton--fort">Chercher</button>
342      </form>
343
344      <ul class="list-none m-0 p-0">
345                            <li class="border-b border-rule">
346            <a href="/fr/decouvrir/" class="eti block px-pad py-4 no-underline text-ink">Découvrir</a>
347
348                          <ul class="list-none m-0 ps-pad pb-3 pe-pad">
349                                  <li><a href="/fr/decouvrir/tour-hassan"
350                         class="ui block py-2 text-ui no-underline text-ink-2">La Tour Hassan</a></li>
351                                  <li><a href="/fr/decouvrir/kasbah-des-oudayas"
352                         class="ui block py-2 text-ui no-underline text-ink-2">La kasbah des Oudayas</a></li>
353                                  <li><a href="/fr/decouvrir/chellah"
354                         class="ui block py-2 text-ui no-underline text-ink-2">Le Chellah</a></li>
355                                  <li><a href="/fr/decouvrir/medina"
356                         class="ui block py-2 text-ui no-underline text-ink-2">La médina de Rabat</a></li>
357                                  <li><a href="/fr/decouvrir/musees"
358                         class="ui block py-2 text-ui no-underline text-ink-2">Les musées de Rabat</a></li>
359                                  <li><a href="/fr/decouvrir/musee-mohammed-vi"
360                         class="ui block py-2 text-ui no-underline text-ink-2">Le musée Mohammed VI</a></li>
361                                  <li><a href="/fr/decouvrir/sale"
362                         class="ui block py-2 text-ui no-underline text-ink-2">Salé, l&#039;autre rive</a></li>
363                                  <li><a href="/fr/decouvrir/portes-et-remparts"
364                         class="ui block py-2 text-ui no-underline text-ink-2">Les portes et les remparts</a></li>
365                              </ul>
366                      </li>
367                            <li class="border-b border-rule">
368            <a href="/fr/itineraires/" class="eti block px-pad py-4 no-underline text-ink">Itinéraires</a>
369
370                          <ul class="list-none m-0 ps-pad pb-3 pe-pad">
371                                  <li><a href="/fr/itineraires/rabat-en-deux-jours"
372                         class="ui block py-2 text-ui no-underline text-ink-2">Rabat en deux jours</a></li>
373                                  <li><a href="/fr/itineraires/rabat-en-un-jour"
374                         class="ui block py-2 text-ui no-underline text-ink-2">Rabat en une journée</a></li>
375                                  <li><a href="/fr/itineraires/week-end-depuis-casablanca"
376                         class="ui block py-2 text-ui no-underline text-ink-2">Un week-end à Rabat depuis Casablanca</a></li>
377                                  <li><a href="/fr/itineraires/la-medina-a-pied"
378                         class="ui block py-2 text-ui no-underline text-ink-2">La médina à pied</a></li>
379                                  <li><a href="/fr/itineraires/rabat-avec-des-enfants"
380                         class="ui block py-2 text-ui no-underline text-ink-2">Rabat avec des enfants</a></li>
381                              </ul>
382                      </li>
383                            <li class="border-b border-rule">
384            <a href="/fr/preparer/" class="eti block px-pad py-4 no-underline text-ink">Préparer</a>
385
386                          <ul class="list-none m-0 ps-pad pb-3 pe-pad">
387                                  <li><a href="/fr/preparer/formalites-et-informations-pratiques"
388                         class="ui block py-2 text-ui no-underline text-ink-2">Formalités et informations pratiques</a></li>
389                                  <li><a href="/fr/preparer/venir-a-rabat"
390                         class="ui block py-2 text-ui no-underline text-ink-2">Venir à Rabat</a></li>
391                                  <li><a href="/fr/preparer/ou-manger"
392                         class="ui block py-2 text-ui no-underline text-ink-2">Où manger à Rabat</a></li>
393                                  <li><a href="/fr/preparer/se-deplacer"
394                         class="ui block py-2 text-ui no-underline text-ink-2">Se déplacer à Rabat</a></li>
395                                  <li><a href="/fr/preparer/ou-dormir"
396                         class="ui block py-2 text-ui no-underline text-ink-2">Où dormir à Rabat</a></li>
397                                  <li><a href="/fr/preparer/quand-partir"
398                         class="ui block py-2 text-ui no-underline text-ink-2">Quand partir à Rabat</a></li>
399                                  <li><a href="/fr/preparer/acheter-materiel-informatique"
400                         class="ui block py-2 text-ui no-underline text-ink-2">Acheter du matériel informatique à Rabat</a></li>
401                                  <li><a href="/fr/preparer/ramadan-et-fetes"
402                         class="ui block py-2 text-ui no-underline text-ink-2">Ramadan et jours fériés au Maroc</a></li>
403                              </ul>
404                      </li>
405                            <li class="border-b border-rule">
406            <a href="/fr/comprendre/" class="eti block px-pad py-4 no-underline text-ink">Comprendre</a>
407
408                          <ul class="list-none m-0 ps-pad pb-3 pe-pad">
409                                  <li><a href="/fr/comprendre/histoire"
410                         class="ui block py-2 text-ui no-underline text-ink-2">L&#039;histoire de Rabat</a></li>
411                                  <li><a href="/fr/comprendre/capitale-mondiale-du-livre-2026"
412                         class="ui block py-2 text-ui no-underline text-ink-2">Rabat, Capitale mondiale du livre 2026</a></li>
413                                  <li><a href="/fr/comprendre/artisanat"
414                         class="ui block py-2 text-ui no-underline text-ink-2">L&#039;artisanat de Rabat</a></li>
415                                  <li><a href="/fr/comprendre/tapis-de-rabat"
416                         class="ui block py-2 text-ui no-underline text-ink-2">Le tapis de Rabat</a></li>
417                                  <li><a href="/fr/comprendre/sortir-a-rabat"
418                         class="ui block py-2 text-ui no-underline text-ink-2">Sortir à Rabat</a></li>
419                                  <li><a href="/fr/comprendre/etudier-a-rabat"
420                         class="ui block py-2 text-ui no-underline text-ink-2">Étudier à Rabat</a></li>
421                              </ul>
422                      </li>
423                            <li class="border-b border-rule">
424            <a href="/fr/quartiers/" class="eti block px-pad py-4 no-underline text-ink">Quartiers</a>
425
426                          <ul class="list-none m-0 ps-pad pb-3 pe-pad">
427                                  <li><a href="/fr/quartiers/les-quartiers-de-rabat"
428                         class="ui block py-2 text-ui no-underline text-ink-2">Les quartiers de Rabat</a></li>
429                                  <li><a href="/fr/quartiers/hassan"
430                         class="ui block py-2 text-ui no-underline text-ink-2">Hassan</a></li>
431                                  <li><a href="/fr/quartiers/ocean"
432                         class="ui block py-2 text-ui no-underline text-ink-2">L&#039;Océan</a></li>
433                                  <li><a href="/fr/quartiers/agdal"
434                         class="ui block py-2 text-ui no-underline text-ink-2">Agdal</a></li>
435                                  <li><a href="/fr/quartiers/souissi"
436                         class="ui block py-2 text-ui no-underline text-ink-2">Souissi</a></li>
437                                  <li><a href="/fr/quartiers/yacoub-el-mansour"
438                         class="ui block py-2 text-ui no-underline text-ink-2">Yacoub El Mansour</a></li>
439                                  <li><a href="/fr/quartiers/akkari"
440                         class="ui block py-2 text-ui no-underline text-ink-2">Akkari</a></li>
441                                  <li><a href="/fr/quartiers/diour-jamaa"
442                         class="ui block py-2 text-ui no-underline text-ink-2">Diour Jamaa et Les Orangers</a></li>
443                              </ul>
444                      </li>
445                            <li class="border-b border-rule">
446            <a href="/fr/photos/" class="eti block px-pad py-4 no-underline text-ink">Photos</a>
447
448                      </li>
449                            <li class="border-b border-rule">
450            <a href="/fr/annuaire/" class="eti block px-pad py-4 no-underline text-ink">Annuaire</a>
451
452                      </li>
453              </ul>
454    </div>
455  </header>
456
457  <main id="contenu"><div class="bg-deep text-deep-ink ">
458  <div class="cadre chapo chapo--rail-apres py-[clamp(1.75rem,3.5vw,2.75rem)]">
459    <nav class="chapo-fil fil eti text-deep-ink-2" aria-label="Fil d'Ariane">    <a href="/fr/" class="no-underline text-inherit">Rabat</a>
460    <i class="khatim" aria-hidden="true"></i><span>Découvrir</span>
461  </nav>
462    <div class="chapo-tete">    <h1 class="text-white" style="font-size:var(--text-title)">Découvrir</h1>
463  </div>
464    <div class="chapo-corps">    <p class="eti text-deep-ink-2">10 pages du guide</p>
465  </div>
466    <div class="chapo-rail">    <span class="eti text-deep-ink-2 block">Les autres rubriques du guide</span>
467    <ul class="ui list-none m-0 mt-3 p-0 flex flex-wrap gap-x-5 gap-y-2 text-ui">
468              <li><a href="/fr/itineraires/"
469               class="no-underline text-deep-ink-2 hover:text-white">Itinéraires</a></li>
470              <li><a href="/fr/preparer/"
471               class="no-underline text-deep-ink-2 hover:text-white">Préparer</a></li>
472              <li><a href="/fr/comprendre/"
473               class="no-underline text-deep-ink-2 hover:text-white">Comprendre</a></li>
474              <li><a href="/fr/quartiers/"
475               class="no-underline text-deep-ink-2 hover:text-white">Quartiers</a></li>
476          </ul>
477  </div>
478  </div>
479</div>
480
481<section class="travee">
482  <div class="cadre">
483    <div class="grid gap-gap" style="grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))">
484              <a href="/fr/decouvrir/tour-hassan"
485   class="group flex flex-col gap-4 no-underline">
486  <figure class="m-0 overflow-hidden bg-paper-3">
487            <picture>
488    <source type="image/webp" srcset="/assets/photo/tour-hassan-480.webp 480w, /assets/photo/tour-hassan-900.webp 900w" sizes="(max-width:640px) 100v
488w, 380px">
489    <img src="/assets/photo/tour-hassan-900.jpg" srcset="/assets/photo/tour-hassan-480.jpg 480w, /assets/photo/tour-hassan-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
490         width="2000" height="1333"
491         alt="La Tour Hassan"
492         loading="lazy"
493         decoding="async"
494                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
495  </picture>
496
497      </figure>
498  <div>
499    <h3 class="text-ink" style="font-size:var(--text-sub)">La Tour Hassan</h3>
500    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide de visite de la Tour Hassan à Rabat : le minaret inachevé de Yacoub el-Mansour, les 200 colonnes et le mausolée Mohammed V. Entrée libre.</p>
501          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
502                  <span class="flex items-center gap-2 text-accent">
503            <i class="khatim" aria-hidden="true"></i>Gratuite
504          </span>
505                  <span class="flex items-center gap-2 ">
506            <i class="khatim" aria-hidden="true"></i>1 heure
507          </span>
508                  <span class="flex items-center gap-2 ">
509            <i class="khatim" aria-hidden="true"></i>6 h 30 – 22 h 45
510          </span>
511              </div>
512      </div>
513</a>
514              <a href="/fr/decouvrir/kasbah-des-oudayas"
515   class="group flex flex-col gap-4 no-underline">
516  <figure class="m-0 overflow-hidden bg-paper-3">
517            <picture>
518    <source type="image/webp" srcset="/assets/photo/kasbah-des-oudayas-480.webp 480w, /assets/photo/kasbah-des-oudayas-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
519    <img src="/assets/photo/kasbah-des-oudayas-900.jpg" srcset="/assets/photo/kasbah-des-oudayas-480.jpg 480w, /assets/photo/kasbah-des-oudayas-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
520         width="2000" height="1319"
521         alt="La kasbah des Oudayas"
522         loading="lazy"
523         decoding="async"
524                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
525  </picture>
526
527      </figure>
528  <div>
529    <h3 class="text-ink" style="font-size:var(--text-sub)">La kasbah des Oudayas</h3>
530    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide de visite de la kasbah des Oudayas à Rabat : Bab Oudaia, le jardin andalou, la plateforme du sémaphore et le café maure. Entrée libre, comptez 1 h 30.</p>
531          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
532                  <span class="flex items-center gap-2 text-accent">
533            <i class="khatim" aria-hidden="true"></i>Gratuite
534          </span>
535                  <span class="flex items-center gap-2 ">
536            <i class="khatim" aria-hidden="true"></i>1 h 30
537          </span>
538                  <span class="flex items-center gap-2 ">
539            <i class="khatim" aria-hidden="true"></i>Accès libre
540          </span>
541              </div>
542      </div>
543</a>
544              <a href="/fr/decouvrir/chellah"
545   class="group flex flex-col gap-4 no-underline">
546  <figure class="m-0 overflow-hidden bg-paper-3">
547            <picture>
548    <source type="image/webp" srcset="/assets/photo/chellah-480.webp 480w, /assets/photo/chellah-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
549    <img src="/assets/photo/chellah-900.jpg" srcset="/assets/photo/chellah-480.jpg 480w, /assets/photo/chellah-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
550         width="2000" height="1330"
551         alt="Le Chellah"
552         loading="lazy"
553         decoding="async"
554                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
555  </picture>
556
557      </figure>
558  <div>
559    <h3 class="text-ink" style="font-size:var(--text-sub)">Le Chellah</h3>
560    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide de visite du Chellah à Rabat : les vestiges de Sala Colonia, la nécropole mérinide de 1339 et le minaret aux cigognes. Tarifs et horaires.</p>
561          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
562                  <span class="flex items-center gap-2 ">
563            <i class="khatim" aria-hidden="true"></i>70 MAD
564          </span>
565                  <span class="flex items-center gap-2 ">
566            <i class="khatim" aria-hidden="true"></i>1 h 30
567          </span>
568                  <span class="flex items-center gap-2 ">
569            <i class="khatim" aria-hidden="true"></i>9 h – 17 h
570          </span>
571              </div>
572      </div>
573</a>
574              <a href="/fr/decouvrir/medina"
575   class="group flex flex-col gap-4 no-underline">
576  <figure class="m-0 overflow-hidden bg-paper-3">
577            <picture>
578    <source type="image/webp" srcset="/assets/photo/medina-480.webp 480w, /assets/photo/medina-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
579    <img src="/assets/photo/medina-900.jpg" srcset="/assets/photo/medina-480.jpg 480w, /assets/photo/medina-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
580         width="2000" height="1125"
581         alt="La médina de Rabat"
582         loading="lazy"
583         decoding="async"
584                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
585  </picture>
586
587      </figure>
588  <div>
589    <h3 class="text-ink" style="font-size:var(--text-sub)">La médina de Rabat</h3>
590    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide de la médina de Rabat : la trame andalouse en damier, la rue des Consuls, le souk es-Sebbat et les portes almohades. Plus calme que Fès.</p>
591          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
592                  <span class="flex items-center gap-2 ">
593            <i class="khatim" aria-hidden="true"></i>Libre
594          </span>
595                  <span class="flex items-center gap-2 ">
596            <i class="khatim" aria-hidden="true"></i>2 h
597          </span>
598                  <span class="flex items-center gap-2 ">
599            <i class="khatim" aria-hidden="true"></i>Bab el Had, Bab el Alou
600          </span>
601              </div>
602      </div>
603</a>
604              <a href="/fr/decouvrir/musees"
605   class="group flex flex-col gap-4 no-underline">
606  <figure class="m-0 overflow-hidden bg-paper-3">
607            <picture>
608    <source type="image/webp" srcset="/assets/photo/musees-480.webp 480w, /assets/photo/musees-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
609    <img src="/assets/photo/musees-900.jpg" srcset="/assets/photo/musees-480.jpg 480w, /assets/photo/musees-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
610         width="2000" height="1127"
611         alt="Les musées de Rabat"
612         loading="lazy"
613         decoding="async"
614                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
615  </picture>
616
617      </figure>
618  <div>
619    <h3 class="text-ink" style="font-size:var(--text-sub)">
619Les musées de Rabat</h3>
620    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Les musées de Rabat : horaires, jour de fermeture et tarifs relevés sur les fiches officielles. Musée Mohammed VI, Histoire et Civilisations, la Parure aux Oudayas, la Photographie.</p>
621          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
622                  <span class="flex items-center gap-2 ">
623            <i class="khatim" aria-hidden="true"></i>Mardi
624          </span>
625                  <span class="flex items-center gap-2 ">
626            <i class="khatim" aria-hidden="true"></i>30 MAD
627          </span>
628                  <span class="flex items-center gap-2 ">
629            <i class="khatim" aria-hidden="true"></i>50 MAD
630          </span>
631              </div>
632      </div>
633</a>
634              <a href="/fr/decouvrir/musee-mohammed-vi"
635   class="group flex flex-col gap-4 no-underline">
636  <figure class="m-0 overflow-hidden bg-paper-3">
637            <picture>
638    <source type="image/webp" srcset="/assets/photo/musee-mohammed-vi-480.webp 480w, /assets/photo/musee-mohammed-vi-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
639    <img src="/assets/photo/musee-mohammed-vi-900.jpg" srcset="/assets/photo/musee-mohammed-vi-480.jpg 480w, /assets/photo/musee-mohammed-vi-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
640         width="2000" height="1552"
641         alt="Le musée Mohammed VI"
642         loading="lazy"
643         decoding="async"
644                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
645  </picture>
646
647      </figure>
648  <div>
649    <h3 class="text-ink" style="font-size:var(--text-sub)">Le musée Mohammed VI</h3>
650    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Visite du musée Mohammed VI à Rabat : 400 œuvres de l&#039;art marocain des XXe et XXIe siècles, expositions internationales, tarifs et horaires.</p>
651          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
652                  <span class="flex items-center gap-2 ">
653            <i class="khatim" aria-hidden="true"></i>30 MAD
654          </span>
655                  <span class="flex items-center gap-2 ">
656            <i class="khatim" aria-hidden="true"></i>10 h – 18 h
657          </span>
658                  <span class="flex items-center gap-2 ">
659            <i class="khatim" aria-hidden="true"></i>Mardi
660          </span>
661              </div>
662      </div>
663</a>
664              <a href="/fr/decouvrir/sale"
665   class="group flex flex-col gap-4 no-underline">
666  <figure class="m-0 overflow-hidden bg-paper-3">
667            <picture>
668    <source type="image/webp" srcset="/assets/photo/sale-480.webp 480w, /assets/photo/sale-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
669    <img src="/assets/photo/sale-900.jpg" srcset="/assets/photo/sale-480.jpg 480w, /assets/photo/sale-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
670         width="2000" height="1291"
671         alt="Salé, l&#039;autre rive"
672         loading="lazy"
673         decoding="async"
674                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
675  </picture>
676
677      </figure>
678  <div>
679    <h3 class="text-ink" style="font-size:var(--text-sub)">Salé, l&#039;autre rive</h3>
680    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide de Salé : la médina fortifiée, la médersa mérinide de 1333, la Grande Mosquée et le souk. Comment y aller en tramway depuis Rabat.</p>
681          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
682                  <span class="flex items-center gap-2 ">
683            <i class="khatim" aria-hidden="true"></i>Tramway, 7 MAD
684          </span>
685                  <span class="flex items-center gap-2 ">
686            <i class="khatim" aria-hidden="true"></i>2 h 30
687          </span>
688                  <span class="flex items-center gap-2 ">
689            <i class="khatim" aria-hidden="true"></i>Libre
690          </span>
691              </div>
692      </div>
693</a>
694              <a href="/fr/decouvrir/portes-et-remparts"
695   class="group flex flex-col gap-4 no-underline">
696  <figure class="m-0 overflow-hidden bg-paper-3">
697            <picture>
698    <source type="image/webp" srcset="/assets/photo/portes-et-remparts-480.webp 480w, /assets/photo/portes-et-remparts-900.webp 900w" sizes="(max-width:640px) 100v
698w, 380px">
699    <img src="/assets/photo/portes-et-remparts-900.jpg" srcset="/assets/photo/portes-et-remparts-480.jpg 480w, /assets/photo/portes-et-remparts-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
700         width="2000" height="1500"
701         alt="Les portes et les remparts"
702         loading="lazy"
703         decoding="async"
704                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
705  </picture>
706
707      </figure>
708  <div>
709    <h3 class="text-ink" style="font-size:var(--text-sub)">Les portes et les remparts</h3>
710    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide des remparts de Rabat : l&#039;enceinte almohade de 5 km, Bab er-Rouah et Bab el Had, la muraille andalouse du XVIIe siècle et le rempart du XIXe.</p>
711          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
712                  <span class="flex items-center gap-2 text-accent">
713            <i class="khatim" aria-hidden="true"></i>Gratuite
714          </span>
715                  <span class="flex items-center gap-2 ">
716            <i class="khatim" aria-hidden="true"></i>1 h à pied
717          </span>
718                  <span class="flex items-center gap-2 ">
719            <i class="khatim" aria-hidden="true"></i>5 km, fin XIIe siècle
720          </span>
721              </div>
722      </div>
723</a>
724              <a href="/fr/decouvrir/plages-et-corniche"
725   class="group flex flex-col gap-4 no-underline">
726  <figure class="m-0 overflow-hidden bg-paper-3">
727            <picture>
728    <source type="image/webp" srcset="/assets/photo/plages-et-corniche-480.webp 480w, /assets/photo/plages-et-corniche-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
729    <img src="/assets/photo/plages-et-corniche-900.jpg" srcset="/assets/photo/plages-et-corniche-480.jpg 480w, /assets/photo/plages-et-corniche-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
730         width="2000" height="1494"
731         alt="Les plages et la corniche"
732         loading="lazy"
733         decoding="async"
734                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
735  </picture>
736
737      </figure>
738  <div>
739    <h3 class="text-ink" style="font-size:var(--text-sub)">
739Les plages et la corniche</h3>
740    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Les plages de Rabat : la plage des Oudayas, la corniche, Témara et Skhirat. Baignade, courants, meilleurs moments et comment y aller.</p>
741          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
742                  <span class="flex items-center gap-2 text-accent">
743            <i class="khatim" aria-hidden="true"></i>Gratuit
744          </span>
745                  <span class="flex items-center gap-2 ">
746            <i class="khatim" aria-hidden="true"></i>Prudence, courants
747          </span>
748                  <span class="flex items-center gap-2 ">
749            <i class="khatim" aria-hidden="true"></i>Fin d&#039;après-midi
750          </span>
751              </div>
752      </div>
753</a>
754              <a href="/fr/decouvrir/parcs-et-jardins"
755   class="group flex flex-col gap-4 no-underline">
756  <figure class="m-0 overflow-hidden bg-paper-3">
757            <picture>
758    <source type="image/webp" srcset="/assets/photo/parcs-et-jardins-480.webp 480w, /assets/photo/parcs-et-jardins-900.webp 900w" sizes="(max-width:640px) 100vw, 380px">
759    <img src="/assets/photo/parcs-et-jardins-900.jpg" srcset="/assets/photo/parcs-et-jardins-480.jpg 480w, /assets/photo/parcs-et-jardins-900.jpg 900w" sizes="(max-width:640px) 100vw, 380px"
760         width="2000" height="1486"
761         alt="Les parcs et jardins de Rabat"
762         loading="lazy"
763         decoding="async"
764                  class="block w-full h-auto aspect-[3/2] object-cover transition-transform duration-500 group-hover:scale-[1.025]">
765  </picture>
766
767      </figure>
768  <div>
769    <h3 class="text-ink" style="font-size:var(--text-sub)">
769Les parcs et jardins de Rabat</h3>
770    <p class="ui text-ui text-ink-2 leading-relaxed mt-2 max-w-[52ch]">Guide des espaces verts de Rabat : le jardin andalou des Oudayas, le Jardin d&#039;essais botaniques, Nozhat Hassan, la vallée du Bouregreg. Où et quand y aller.</p>
771          <div class="ui eti flex flex-wrap gap-x-5 gap-y-1 mt-3 text-ink-3">
772                  <span class="flex items-center gap-2 text-accent">
773            <i class="khatim" aria-hidden="true"></i>Gratuite pour la plupart
774          </span>
775                  <span class="flex items-center gap-2 ">
776            <i class="khatim" aria-hidden="true"></i>Jardin andalou
777          </span>
778                  <span class="flex items-center gap-2 ">
779            <i class="khatim" aria-hidden="true"></i>Jardin d&#039;essais
780          </span>
781              </div>
782      </div>
783</a>
784          </div>
785
786          </div>
787</section>
788
789  <section class="frise" aria-label="Le fonds photographique de Rabat, 1875–1940">
790    <div class="frise-piste">
791                                  <picture>
792            <source type="image/webp" srcset="/media/oudaias-rabat-maroc-old/les-ou46-340.webp">
793            <img src="/media/oudaias-rabat-maroc-old/les-ou46-340.jpg" width="400" height="300"
794                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
795          </picture>
796                            <picture>
797            <source type="image/webp" srcset="/media/photo-chellah-old/entreeinterieure02-340.webp">
798            <img src="/media/photo-chellah-old/entreeinterieure02-340.jpg" width="550" height="354"
799                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
800          </picture>
801                            <picture>
802            <source type="image/webp" srcset="/media/avenue-rabat-maroc/avenue01-340.webp">
803            <img src="/media/avenue-rabat-maroc/avenue01-340.jpg" width="550" height="335"
804                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
805          </picture>
806                            <picture>
807            <source type="image/webp" srcset="/media/boulevard-el-alou/boulevard01-340.webp">
808            <img src="/media/boulevard-el-alou/boulevard01-340.jpg" width="550" height="341"
809                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
810          </picture>
811                            <picture>
812            <source type="image/webp" srcset="/media/quartier-ocean-rabat/avenuecasablanca-340.webp">
813            <img src="/media/quartier-ocean-rabat/avenuecasablanca-340.jpg" width="550" height="359"
814                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
815          </picture>
816                            <picture>
817            <source type="image/webp" srcset="/media/tour-hassan-old/vue09-340.webp">
818            <img src="/media/tour-hassan-old/vue09-340.jpg" width="550" height="347"
819                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
820          </picture>
821                            <picture>
822            <source type="image/webp" srcset="/media/le-marche-central/marche01-340.webp">
823            <img src="/media/le-marche-central/marche01-340.jpg" width="550" height="359"
824                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
825          </picture>
826                            <picture>
827            <source type="image/webp" srcset="/media/les-rues-rabat/avenuefoch01-340.webp">
828            <img src="/media/les-rues-rabat/avenuefoch01-340.jpg" width="550" height="368"
829                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
830          </picture>
831                            <picture>
832            <source type="image/webp" srcset="/media/vue-aeriennes-rabat/bouregregpointesale-340.webp">
833            <img src="/media/vue-aeriennes-rabat/bouregregpointesale-340.jpg" width="550" height="348"
834                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
835          </picture>
836                            <picture>
837            <source type="image/webp" srcset="/media/port-et-oudaias/vue02-340.webp">
838            <img src="/media/port-et-oudaias/vue02-340.jpg" width="550" height="329"
839                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
840          </picture>
841                            <picture>
842            <source type="image/webp" srcset="/media/vues-generales-rabat/marcheauxgrains-340.webp">
843            <img src="/media/vues-generales-rabat/marcheauxgrains-340.jpg" width="550" height="358"
844                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
845          </picture>
846                            <picture>
847            <source type="image/webp" srcset="/media/palais-rabat-maroc/caids-340.webp">
848            <img src="/media/palais-rabat-maroc/caids-340.jpg" width="550" height="349"
849                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
850          </picture>
851                            <picture>
852            <source type="image/webp" srcset="/media/la-rue-souika/ruesouika01-340.webp">
853            <img src="/media/la-rue-souika/ruesouika01-340.jpg" width="550" height="347"
854                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
855          </picture>
856                            <picture>
857            <source type="image/webp" srcset="/media/le-camp-garnier/camp01-340.webp">
858            <img src="/media/le-camp-garnier/camp01-340.jpg" width="550" height="349"
859                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
860          </picture>
861                            <picture>
862            <source type="image/webp" srcset="/media/residence-rabat-maroc/interieurdelaresidence02-340.webp">
863            <img src="/media/residence-rabat-maroc/interieurdelaresidence02-340.jpg" width="550" height="353"
864                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
865          </picture>
866                            <picture>
867            <source type="image/webp" srcset="/media/vues-du-port/entreeduport-340.webp">
868            <img src="/media/vues-du-port/entreeduport-340.jpg" width="550" height="337"
869                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
870          </picture>
871                            <picture>
872            <source type="image/webp" srcset="/media/bab-lahlou-rabat/bab01-340.webp">
873            <img src="/media/bab-lahlou-rabat/bab01-340.jpg" width="550" height="345"
874                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
875          </picture>
876                            <picture>
877            <source type="image/webp" srcset="/media/cathedrale-rabat-maroc/cathedrale01-340.webp">
878            <img src="/media/cathedrale-rabat-maroc/cathedrale01-340.jpg" width="550" height="356"
879                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
880          </picture>
881                            <picture>
882            <source type="image/webp" srcset="/media/gare-rabat-maroc/gare01-340.webp">
883            <img src="/media/gare-rabat-maroc/gare01-340.jpg" width="550" height="346"
884                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
885          </picture>
886                            <picture>
887            <source type="image/webp" srcset="/media/bab-el-had/babelhad01-340.webp">
888            <img src="/media/bab-el-had/babelhad01-340.jpg" width="550" height="349"
889                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
890          </picture>
891                                          <picture>
892            <source type="image/webp" srcset="/media/oudaias-rabat-maroc-old/les-ou46-340.webp">
893            <img src="/media/oudaias-rabat-maroc-old/les-ou46-340.jpg" width="400" height="300"
894                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
895          </picture>
896                            <picture>
897            <source type="image/webp" srcset="/media/photo-chellah-old/entreeinterieure02-340.webp">
898            <img src="/media/photo-chellah-old/entreeinterieure02-340.jpg" width="550" height="354"
899                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
900          </picture>
901                            <picture>
902            <source type="image/webp" srcset="/media/avenue-rabat-maroc/avenue01-340.webp">
903            <img src="/media/avenue-rabat-maroc/avenue01-340.jpg" width="550" height="335"
904                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
905          </picture>
906                            <picture>
907            <source type="image/webp" srcset="/media/boulevard-el-alou/boulevard01-340.webp">
908            <img src="/media/boulevard-el-alou/boulevard01-340.jpg" width="550" height="341"
909                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
910          </picture>
911                            <picture>
912            <source type="image/webp" srcset="/media/quartier-ocean-rabat/avenuecasablanca-340.webp">
913            <img src="/media/quartier-ocean-rabat/avenuecasablanca-340.jpg" width="550" height="359"
914                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
915          </picture>
916                            <picture>
917            <source type="image/webp" srcset="/media/tour-hassan-old/vue09-340.webp">
918            <img src="/media/tour-hassan-old/vue09-340.jpg" width="550" height="347"
919                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
920          </picture>
921                            <picture>
922            <source type="image/webp" srcset="/media/le-marche-central/marche01-340.webp">
923            <img src="/media/le-marche-central/marche01-340.jpg" width="550" height="359"
924                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
925          </picture>
926                            <picture>
927            <source type="image/webp" srcset="/media/les-rues-rabat/avenuefoch01-340.webp">
928            <img src="/media/les-rues-rabat/avenuefoch01-340.jpg" width="550" height="368"
929                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
930          </picture>
931                            <picture>
932            <source type="image/webp" srcset="/media/vue-aeriennes-rabat/bouregregpointesale-340.webp">
933            <img src="/media/vue-aeriennes-rabat/bouregregpointesale-340.jpg" width="550" height="348"
934                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
935          </picture>
936                            <picture>
937            <source type="image/webp" srcset="/media/port-et-oudaias/vue02-340.webp">
938            <img src="/media/port-et-oudaias/vue02-340.jpg" width="550" height="329"
939                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
940          </picture>
941                            <picture>
942            <source type="image/webp" srcset="/media/vues-generales-rabat/marcheauxgrains-340.webp">
943            <img src="/media/vues-generales-rabat/marcheauxgrains-340.jpg" width="550" height="358"
944                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
945          </picture>
946                            <picture>
947            <source type="image/webp" srcset="/media/palais-rabat-maroc/caids-340.webp">
948            <img src="/media/palais-rabat-maroc/caids-340.jpg" width="550" height="349"
949                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
950          </picture>
951                            <picture>
952            <source type="image/webp" srcset="/media/la-rue-souika/ruesouika01-340.webp">
953            <img src="/media/la-rue-souika/ruesouika01-340.jpg" width="550" height="347"
954                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
955          </picture>
956                            <picture>
957            <source type="image/webp" srcset="/media/le-camp-garnier/camp01-340.webp">
958            <img src="/media/le-camp-garnier/camp01-340.jpg" width="550" height="349"
959                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
960          </picture>
961                            <picture>
962            <source type="image/webp" srcset="/media/residence-rabat-maroc/interieurdelaresidence02-340.webp">
963            <img src="/media/residence-rabat-maroc/interieurdelaresidence02-340.jpg" width="550" height="353"
964                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
965          </picture>
966                            <picture>
967            <source type="image/webp" srcset="/media/vues-du-port/entreeduport-340.webp">
968            <img src="/media/vues-du-port/entreeduport-340.jpg" width="550" height="337"
969                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
970          </picture>
971                            <picture>
972            <source type="image/webp" srcset="/media/bab-lahlou-rabat/bab01-340.webp">
973            <img src="/media/bab-lahlou-rabat/bab01-340.jpg" width="550" height="345"
974                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
975          </picture>
976                            <picture>
977            <source type="image/webp" srcset="/media/cathedrale-rabat-maroc/cathedrale01-340.webp">
978            <img src="/media/cathedrale-rabat-maroc/cathedrale01-340.jpg" width="550" height="356"
979                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
980          </picture>
981                            <picture>
982            <source type="image/webp" srcset="/media/gare-rabat-maroc/gare01-340.webp">
983            <img src="/media/gare-rabat-maroc/gare01-340.jpg" width="550" height="346"
984                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
985          </picture>
986                            <picture>
987            <source type="image/webp" srcset="/media/bab-el-had/babelhad01-340.webp">
988            <img src="/media/bab-el-had/babelhad01-340.jpg" width="550" height="349"
989                 alt="" role="presentation" loading="lazy" decoding="async" fetchpriority="low">
990          </picture>
991                  </div>
992  </section>
993    <div class="bg-deep text-deep-ink-2">
994    <div class="cadre eti flex flex-wrap items-baseline gap-x-6 gap-y-2 py-4">
995      <span><strong class="text-deep-ink font-semibold">496 clichés</strong> — cartes postales et photographies, 1875–1940</span>
996              <a href="/fr/photos/" class="ms-auto text-accent-deep no-underline border-b border-current pb-0.5">Entrer dans le fonds →</a>
997          </div>
998  </div>
999
1000</main>
1001
1002      <footer class="bg-deep-2 text-deep-ink-2 pt-bay pb-10">
1003    <div class="cadre">
1004      <div class="grid gap-x-10 gap-y-9"
1005           style="grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))">
1006
1007        <div>
1008          <a href="/fr/codes-postaux/"
1009             class="eti text-accent-deep no-underline">Codes postaux</a>
1010          <ul class="ui list-none m-0 mt-3 p-0 flex flex-col gap-2 text-ui">
1011            <li><a href="/fr/codes-postaux/autour-de-moi" class="no-underline text-deep-ink-2 hover:text-deep-ink">Le code postal autour de moi</a></li>
1012                          <li><a href="/fr/codes-postaux/casablanca" class="no-underline text-deep-ink-2 hover:text-deep-ink">Code postal Casablanca</a></li>
1013                          <li><a href="/fr/codes-postaux/rabat" class="no-underline text-deep-ink-2 hover:text-deep-ink">Code postal Rabat</a></li>
1014                          <li><a href="/fr/codes-postaux/marrakech" class="no-underline text-deep-ink-2 hover:text-deep-ink">Code postal Marrakech</a></li>
1015                          <li><a href="/fr/codes-postaux/fes" class="no-underline text-deep-ink-2 hover:text-deep-ink">Code postal Fès</a></li>
1016                          <li><a href="/fr/codes-postaux/tanger" class="no-underline text-deep-ink-2 hover:text-deep-ink">Code postal Tanger</a></li>
1017                          <li><a href="/fr/codes-postaux/sale" class="no-underline text-deep-ink-2 hover:text-deep-ink">Code postal Salé</a></li>
1018                        <li><a href="/fr/preparer/indicatifs-telephoniques" class="no-underline text-deep-ink-2 hover:text-deep-ink">Indicatifs téléphoniques</a></li>
1019          </ul>
1020        </div>
1021
1022        <div>
1023          <a href="/fr/pharmacies-de-garde/"
1024             class="eti text-accent-deep no-underline">Pharmacies de garde</a>
1025          <ul class="ui list-none m-0 mt-3 p-0 flex flex-col gap-2 text-ui">
1026            <li><a href="/fr/pharmacies-de-garde/autour-de-moi" class="no-underline text-deep-ink-2 hover:text-deep-ink">La pharmacie autour de moi</a></li>
1027                          <li><a href="/fr/pharmacies-de-garde/casablanca" class="no-underline text-deep-ink-2 hover:text-deep-ink">Garde Casablanca</a></li>
1028                          <li><a href="/fr/pharmacies-de-garde/rabat" class="no-underline text-deep-ink-2 hover:text-deep-ink">Garde Rabat</a></li>
1029                          <li><a href="/fr/pharmacies-de-garde/marrakech" class="no-underline text-deep-ink-2 hover:text-deep-ink">Garde Marrakech</a></li>
1030                          <li><a href="/fr/pharmacies-de-garde/fes" class="no-underline text-deep-ink-2 hover:text-deep-ink">Garde Fès</a></li>
1031                          <li><a href="/fr/pharmacies-de-garde/tanger" class="no-underline text-deep-ink-2 hover:text-deep-ink">Garde Tanger</a></li>
1032                      </ul>
1033        </div>
1034
1035        <div>
1036          <a href="/fr/impots/"
1037             class="eti text-accent-deep no-underline">Impôts et salaire</a>
1038          <ul class="ui list-none m-0 mt-3 p-0 flex flex-col gap-2 text-ui">
1039            <li><a href="/fr/impots/calcul-ir" class="no-underline text-deep-ink-2 hover:text-deep-ink">Calcul de l'impôt sur le revenu</a></li>
1040            <li><a href="/fr/impots/salaire-net" class="no-underline text-deep-ink-2 hover:text-deep-ink">Calcul du salaire net</a></li>
1041            <li><a href="/fr/impots/bareme-ir" class="no-underline text-deep-ink-2 hover:text-deep-ink">Barème de l'IR</a></li>
1042            <li><a href="/fr/impots/cotisations-sociales" class="no-underline text-deep-ink-2 hover:text-deep-ink">Cotisations CNSS et AMO</a></li>
1043            <li><a href="/fr/impots/cout-employeur" class="no-underline text-deep-ink-2 hover:text-deep-ink">Coût employeur</a></li>
1044            <li><a href="/fr/impots/revenus-locatifs" class="no-underline text-deep-ink-2 hover:text-deep-ink">Revenus locatifs</a></li>
1045            <li><a href="/fr/impots/profit-immobilier" class="no-underline text-deep-ink-2 hover:text-deep-ink">Profit immobilier</a></li>
1046            <li><a href="/fr/impots/frais-achat-immobilier" class="no-underline text-deep-ink-2 hover:text-deep-ink">Frais d'achat immobilier</a></li>
1047            <li><a href="/fr/impots/auto-entrepreneur" class="no-underline text-deep-ink-2 hover:text-deep-ink">Auto-entrepreneur, CPU ou réel</a></li>
1048          </ul>
1049        </div>
1050
1051        <div>
1052          <span class="eti text-accent-deep">Autres outils</span>
1053          <ul class="ui list-none m-0 mt-3 p-0 flex flex-col gap-2 text-ui">
1054            <li><a href="/fr/impots/credit-logement" class="no-underline text-deep-ink-2 hover:text-deep-ink">Crédit logement et impôt</a></li>
1055            <li><a href="/fr/impots/bourse-dividendes" class="no-underline text-deep-ink-2 hover:text-deep-ink">Dividendes et bourse</a></li>
1056            <li><a href="/fr/impots/retraite" class="no-underline text-deep-ink-2 hover:text-deep-ink">Impôt sur la retraite</a></li>
1057            <li><a href="/fr/impots/droits-enregistrement" class="no-underline text-deep-ink-2 hover:text-deep-ink">Droits d'enregistrement</a></li>
1058            <li><a href="/fr/impots/location-courte-duree" class="no-underline text-deep-ink-2 hover:text-deep-ink">Airbnb et courte durée</a></li>
1059            <li><a href="/fr/impots/declaration" class="no-underline text-deep-ink-2 hover:text-deep-ink">Dates de déclaration</a></li>
1060            <li><a href="/fr/preparer/convertisseur-date-hijri-gregorien" class="no-underline text-deep-ink-2 hover:text-deep-ink">Convertisseur de date hijri</a></li>
1061            <li><a href="/fr/recherche" class="no-underline text-deep-ink-2 hover:text-deep-ink">Recherche</a></li>
1062          </ul>
1063        </div>
1064
1065        <div>
1066          <a href="/fr/"
1067             class="eti text-accent-deep no-underline">Le guide de Rabat</a>
1068          <ul class="ui list-none m-0 mt-3 p-0 flex flex-col gap-2 text-ui">
1069                          <li><a href="/fr/decouvrir/"
1070                     class="no-underline text-deep-ink-2 hover:text-deep-ink">Découvrir</a></li>
1071                          <li><a href="/fr/itineraires/"
1072                     class="no-underline text-deep-ink-2 hover:text-deep-ink">Itinéraires</a></li>
1073                          <li><a href="/fr/preparer/"
1074                     class="no-underline text-deep-ink-2 hover:text-deep-ink">Préparer</a></li>
1075                          <li><a href="/fr/comprendre/"
1076                     class="no-underline text-deep-ink-2 hover:text-deep-ink">Comprendre</a></li>
1077                          <li><a href="/fr/quartiers/"
1078                     class="no-underline text-deep-ink-2 hover:text-deep-ink">Quartiers</a></li>
1079                        <li><a href="/fr/photos/" class="no-underline text-deep-ink-2 hover:text-deep-ink">Photothèque, 1875-1940</a></li>
1080            <li><a href="/fr/annuaire/" class="no-underline text-deep-ink-2 hover:text-deep-ink">Annuaire des adresses</a></li>
1081          </ul>
1082        </div>
1083      </div>
1084
1085      <hr class="h-px bg-deep-rule border-0 my-10">
1086
1087      <div class="flex flex-wrap items-end justify-between gap-x-10 gap-y-6">
1088        <div class="max-w-[46ch]">
1089          <a href="/fr/"
1090   class="group flex items-center gap-3 no-underline shrink-0 text-deep-ink">
1091  <svg width="34" height="34" viewBox="0 0 24 24" fill="currentColor"
1092       fill-rule="evenodd" aria-hidden="true" focusable="false" class="shrink-0">
1093    <path d="M0 0h24v24H0Z M 6.2,24 L 6.2,16.2 C 3.3,15.2 3.5,9.1 7.1,5.4
1094             C 8.9,3.5 10.6,2.5 12,2 C 13.4,2.5 15.1,3.5 16.9,5.4
1095             C 20.5,9.1 20.7,15.2 17.8,16.2 L 17.8,24 Z"/>
1096  </svg>
1097  <span class="block">
1098    <span class="font-serif block leading-[.95] tracking-[-.035em] text-deep-ink"
1099          style="font-size:21px">
1100      <span class="font-medium text-deep-ink-2">tout</span><b class="font-bold">Rabat</b>
1101    </span>
1102                <span class="eti block mt-1 text-accent-deep ">La capitale, porte par porte</span>
1103      </span>
1104</a>
1105
1106          <p class="ui text-ui text-deep-ink-2 mt-4">
1107            Le guide de Rabat depuis 2006. Réécrit et refait en 2026, avec un fonds
1108            de 496 photographies d'archive de 1875 à 1940.
1109          </p>
1110        </div>
1111        <p class="ui text-ui text-deep-ink-2 m-0 flex items-center gap-3">
1112          <i class="khatim" aria-hidden="true"></i>© 2026 ToutRabat.com
1113        </p>
1114      </div>
1115    </div>
1116  </footer>
1117
1118          
1118<script>
1119      var _paq = window._paq = window._paq || [];
1120      _paq.push(['trackPageView']);
1121      _paq.push(['enableLinkTracking']);
1122      (function () {
1123        var u = "https:\/\/kiwip.sd.ma\/";
1124        _paq.push(['setTrackerUrl', u + 'matomo.php']);
1125        _paq.push(['setSiteId', "24"]);
1126        var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
1127        g.async = true; g.defer = true; g.src = u + 'matomo.js';
1128        s.parentNode.insertBefore(g, s);
1129      })();
1130    </script>
1130
1131    <noscript><img src="https://kiwip.sd.ma/matomo.php?idsite=24&amp;rec=1" width="1" height="1" style="border:0" alt="" referrerpolicy="no-referrer-when-downgrade"></noscript>
1132      
1132<script>
1133    (function () {
1134      var plaque = document.querySelector('[data-copiable]');
1135      var bouton = document.querySelector('[data-copier]');
1136      // Le bouton est rendu visible par le serveur et masqué par `.js-seul`
1137      // quand il n'y a pas de script. Reste le cas — rare sur HTTPS — d'un
1138      // navigateur sans presse-papiers : là seulement, on le retire.
1139      if (!plaque || !bouton) { return; }
1140      if (!navigator.clipboard) { bouton.hidden = true; return; }
1141      var libelle = bouton.textContent;
1142      bouton.addEventListener('click', function () {
1143        navigator.clipboard.writeText(plaque.getAttribute('data-copiable')).then(function () {
1144          bouton.textContent = 'Copié';
1145          setTimeout(function () { bouton.textContent = libelle; }, 1800);
1146        });
1147      });
1148    })();
1149  </script>
1149
1150
1151  
1151<script>
1152    (function () {
1153      var t = document.querySelector('[data-nav-toggle]');
1154      var m = document.getElementById('menu-mobile');
1155      if (!t || !m) return;
1156      function poser(ouvert) {
1157        t.setAttribute('aria-expanded', String(ouvert));
1158        m.hidden = !ouvert;
1159        t.textContent = ouvert ? 'Fermer' : 'Menu';
1160      }
1161      t.addEventListener('click', function () {
1162        poser(t.getAttribute('aria-expanded') !== 'true');
1163      });
1164      document.addEventListener('keydown', function (e) {
1165        if (e.key === 'Escape' && t.getAttribute('aria-expanded') === 'true') {
1166          poser(false); t.focus();
1167        }
1168      });
1169    })();
1170  </script>
vendor: 1 bytes, line 1170
1170
1171<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a447ef394d67320f',t:'MTc5MDk4ODQzNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1171<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"169e44fdf9f34abf833972c612c6fd83","r":1,"spa":2}' crossorigin="anonymous"></script>
1171
1172</body>
1173</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.