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'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'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'histoire, l'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'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'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'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'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'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'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'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'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'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'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'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'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'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'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&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.