:root{ /* Les jetons du site, et non plus ceux d'une encyclopédie. La même palette qu'à l'accueil : le bleu nuit de l'image, l'or de ses rayons, le blanc cassé de son ciel. Le corpus est une pièce de la maison, pas une annexe. */ --nuit:#070C1B; --fond:#070C1B; --fond-doux:#0B1224; --fond-creux:#101A33; --encre:#F4F0E6; --encre-douce:#9BA3B8; --encre-pale:#6E778C; --lien:#E8CE93; --lien-vu:#C9A15A; --trait:rgba(201,161,90,.34); --trait-fin:rgba(201,161,90,.16); --accent:#C9A15A; --or:#C9A15A; --or-clair:#E8CE93; --or-sourd:#8A7038; --serif:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif; --sans:ui-sans-serif,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --am-attire:url("img/am_attire.jpg"); --am-aube:url("img/am_aube.jpg"); --am-coeur:url("img/am_coeur.jpg"); --am-ecrit:url("img/am_ecrit.jpg"); --am-hero:url("img/am_hero.jpg"); --am-main:url("img/am_main.jpg"); --am-oiseaux:url("img/am_oiseaux.jpg"); --am-vallee:url("img/am_vallee.jpg"); --ap-hero:url("img/ap_hero.jpg"); --etoiles:url("img/ciel_etoile.jpg"); --el-arche:url("img/el_arche.jpg"); --el-chaines:url("img/el_chaines.jpg"); --el-ciel:url("img/el_ciel.jpg"); --el-enfant:url("img/el_enfant.jpg"); --el-foule:url("img/el_foule.jpg"); --el-hero:url("img/el_hero.jpg"); --el-lumiere:url("img/el_lumiere.jpg"); --el-tourbillon:url("img/el_tourbillon.jpg"); --el-vallee:url("img/el_vallee.jpg"); --arche:url("img/ex_arche.jpg"); --sc-chronologie:url("img/ex_chronologie.jpg"); --sc-personnages:url("img/ex_personnages.jpg"); --sc-propheties:url("img/ex_propheties.jpg"); --sc-symboles:url("img/ex_symboles.jpg"); --sc-traditions:url("img/ex_traditions.jpg"); --explorer:url("img/explorer_fond.jpg"); --gh-hero:url("img/gh_hero.jpg"); --ho-bande:url("img/ho_bande.jpg"); --ho-hero:url("img/ho_hero.jpg"); --mh-centre:url("img/mh_centre.jpg"); --mi-hero:url("img/mi_hero.jpg"); --p-ciel:url("img/p_ciel.jpg"); --p-gog:url("img/p_gog.jpg"); --p-mahdi:url("img/p_mahdi.jpg"); --p-personnages:url("img/p_personnages.jpg"); --p-r-arbre:url("img/p_r_arbre.jpg"); --p-r-capuche:url("img/p_r_capuche.jpg"); --p-r-carte:url("img/p_r_carte.jpg"); --p-r-dague:url("img/p_r_dague.jpg"); --p-r-etoile:url("img/p_r_etoile.jpg"); --p-r-lunette:url("img/p_r_lunette.jpg"); --p-r-parchemin:url("img/p_r_parchemin.jpg"); --p-r-sablier:url("img/p_r_sablier.jpg"); --p-restauration:url("img/p_restauration.jpg"); --p-s-bete:url("img/p_s_bete.jpg"); --p-s-dajjal:url("img/p_s_dajjal.jpg"); --p-s-feu:url("img/p_s_feu.jpg"); --p-s-fumee:url("img/p_s_fumee.jpg"); --p-s-isa:url("img/p_s_isa.jpg"); --p-s-livre:url("img/p_s_livre.jpg"); --p-s-soleil:url("img/p_s_soleil.jpg"); --p-s-terre:url("img/p_s_terre.jpg"); --p-s-yajuj:url("img/p_s_yajuj.jpg"); --p-societe:url("img/p_societe.jpg"); --p-tromperie:url("img/p_tromperie.jpg"); --p-trouble:url("img/p_trouble.jpg"); --pr-ciel:url("img/pr_ciel.jpg"); --pr-gog:url("img/pr_gog.jpg"); --pr-livre:url("img/pr_livre.jpg"); --pr-mahdi:url("img/pr_mahdi.jpg"); --pr-personnages:url("img/pr_personnages.jpg"); --pr-restauration:url("img/pr_restauration.jpg"); --pr-societe:url("img/pr_societe.jpg"); --pr-tromperie:url("img/pr_tromperie.jpg"); --pr-trouble:url("img/pr_trouble.jpg"); --qi-bande:url("img/qi_bande.jpg"); --qi-hero:url("img/qi_hero.jpg"); --salle:url("img/salle.jpg"); --ville:url("img/ville.jpg"); } #seuil{position:fixed;inset:0;z-index:9000;overflow-y:auto;overscroll-behavior:contain} #seuil[hidden]{display:none} body.au-seuil{overflow:hidden} :root{ --nuit:#070C1B; --nuit-2:#0B1224; --nuit-3:#101A33; --or:#C9A15A; --or-clair:#E8CE93; --or-sourd:#8A7038; --blanc:#F4F0E6; --sourd:#9BA3B8; --sourd-2:#6E778C; --display:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif; --appareil:ui-sans-serif,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif; --large:76rem; }#seuil *{box-sizing:border-box}#seuil{scroll-behavior:smooth}#seuil{ margin:0;background:var(--nuit);color:var(--blanc); font-family:var(--display);font-size:1.0625rem;line-height:1.6; -webkit-font-smoothing:antialiased;overflow-x:hidden; }#seuil img, #seuil svg{display:block;max-width:100%}#seuil a{color:inherit;text-decoration:none}#seuil .large{max-width:var(--large);margin:0 auto;padding:0 1.5rem}#seuil .label{font-family:var(--appareil);font-size:.66rem;font-weight:600;letter-spacing:.26em; text-transform:uppercase;color:var(--or)}#seuil .entete{position:absolute;inset:0 0 auto;z-index:5;padding:1.15rem 0}#seuil .entete .large{display:flex;align-items:center;gap:2rem}#seuil .v-marque{display:flex;align-items:center;gap:.85rem;flex:none}#seuil .v-marque .rosace{width:2.6rem;height:2.6rem;flex:none}#seuil .v-marque b{display:block;font-family:var(--appareil);font-size:.58rem;font-weight:600; letter-spacing:.28em;color:var(--or);line-height:1}#seuil .v-marque span{display:block;font-size:1.34rem;letter-spacing:.14em;color:var(--blanc); line-height:1.15;margin-top:.2rem}#seuil .menu{display:flex;gap:1.9rem;margin:0 auto;font-family:var(--appareil);font-size:.72rem; font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--sourd)}#seuil .menu a{padding:.4rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}#seuil .menu a:hover, #seuil .menu a:focus-visible{color:var(--blanc)}#seuil .menu a[aria-current]{color:var(--blanc);border-color:var(--or)}#seuil .outils{display:flex;gap:1.2rem;flex:none;color:var(--sourd)}#seuil .outils button{background:none;border:0;color:inherit;cursor:pointer;padding:.3rem}#seuil .outils button:hover{color:var(--or-clair)}#seuil .hero{position:relative;min-height:min(100svh,52rem);display:grid; grid-template-rows:1fr auto;isolation:isolate}#seuil .hero .fond{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--nuit)}#seuil .hero .fond{background:var(--nuit)} #seuil .hero .fond video{width:100%;height:100%;object-fit:cover;object-position:center 42%; display:block}#seuil .hero .fond::after{ content:"";position:absolute;inset:0; background: linear-gradient(to bottom,rgba(7,12,27,.72) 0%,rgba(7,12,27,.18) 34%, rgba(7,12,27,.55) 72%,var(--nuit) 100%), radial-gradient(70% 50% at 50% 24%,rgba(7,12,27,.5),transparent 70%); }#seuil .annonce{align-self:center;text-align:center;padding:7rem 1.5rem 2rem;max-width:44rem; margin:0 auto}#seuil .annonce h1{ margin:0;font-size:clamp(2.6rem,6.6vw,4.7rem);font-weight:400;line-height:1.02; letter-spacing:-.02em;text-wrap:balance; text-shadow:0 2px 40px rgba(7,12,27,.8),0 1px 3px rgba(7,12,27,.6); }#seuil .annonce p{margin:1.1rem 0 0;font-size:clamp(1.05rem,2.4vw,1.5rem);color:var(--or-clair); font-style:italic;text-wrap:balance;text-shadow:0 1px 20px rgba(7,12,27,.9)}#seuil .ornement{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:1.9rem; color:var(--or-sourd)}#seuil .ornement i{height:1px;width:5rem;background:linear-gradient(to right,transparent,var(--or-sourd))}#seuil .ornement i+i{background:linear-gradient(to left,transparent,var(--or-sourd))}#seuil .portes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem; max-width:66rem;margin:0 auto;padding:0 1.5rem 3.5rem;position:relative;z-index:2}#seuil .v-porte{position:relative;padding:3.4rem 1.8rem 2rem;border-radius:.55rem;text-align:center; border:1px solid rgba(201,161,90,.3);backdrop-filter:blur(3px)}#seuil .v-porte.voyage{background:linear-gradient(160deg,rgba(20,32,72,.9),rgba(11,18,36,.86))}#seuil .v-porte.corpus{background:linear-gradient(160deg,rgba(74,56,26,.72),rgba(28,22,14,.86))}#seuil .v-porte .medaillon{position:absolute;top:-2.1rem;left:50%;transform:translateX(-50%); width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center; background:var(--nuit-2);border:1px solid rgba(201,161,90,.5);color:var(--or-clair)}#seuil .v-porte h2{margin:0 0 .55rem;font-size:1.62rem;font-weight:400;letter-spacing:.1em; text-transform:uppercase}#seuil .v-porte p{margin:0 0 1.5rem;color:var(--sourd);font-size:.98rem;text-wrap:pretty}#seuil .bouton{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%; padding:.85rem 1.4rem;border-radius:.3rem;font-family:var(--appareil);font-size:.76rem; font-weight:600;letter-spacing:.16em;text-transform:uppercase; transition:transform .2s ease,box-shadow .2s ease,background .2s ease}#seuil .bouton.plein{background:linear-gradient(to bottom,#E0BC77,#C39A50);color:#1B1408; box-shadow:0 6px 24px rgba(201,161,90,.25)}#seuil .bouton.creux{background:rgba(11,20,44,.8);color:var(--or-clair); border:1px solid rgba(201,161,90,.45)}#seuil .bouton:hover, #seuil .bouton:focus-visible{transform:translateY(-2px)}#seuil .bouton.plein:hover{box-shadow:0 10px 30px rgba(201,161,90,.4)}#seuil .bouton.creux:hover{background:rgba(20,32,72,.95)}#seuil .promesses{border:1px solid rgba(201,161,90,.18);border-radius:.55rem; background:linear-gradient(to bottom,rgba(16,26,51,.55),rgba(11,18,36,.3)); padding:2.6rem 1.5rem;display:grid;gap:2rem; grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));text-align:center}#seuil .promesse .rond{width:3.6rem;height:3.6rem;margin:0 auto 1rem;border-radius:50%; border:1px solid rgba(201,161,90,.4);display:grid;place-items:center;color:var(--or)}#seuil .promesse h3{margin:0 0 .55rem;font-family:var(--appareil);font-size:.66rem;font-weight:600; letter-spacing:.15em;text-transform:uppercase;color:var(--or-clair);line-height:1.45}#seuil .promesse p{margin:0;font-size:.86rem;color:var(--sourd);line-height:1.5;text-wrap:pretty}#seuil .citation{margin-top:2.5rem;border:1px solid rgba(201,161,90,.18);border-radius:.55rem; background:linear-gradient(105deg,rgba(16,26,51,.8) 0%,rgba(16,26,51,.7) 58%, rgba(74,56,26,.45) 100%); display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center; padding:2.6rem 2.2rem;overflow:hidden}#seuil .citation blockquote{margin:0;position:relative;padding-left:3rem}#seuil .citation .guillemet{position:absolute;left:0;top:-.9rem;font-size:4.2rem;line-height:1; color:rgba(201,161,90,.3);font-family:var(--display)}#seuil .citation q{quotes:none;font-size:clamp(1.1rem,2.4vw,1.42rem);font-style:italic; line-height:1.5;text-wrap:pretty}#seuil .citation .att{display:block;margin-top:1.2rem;font-family:var(--appareil);font-size:.66rem; font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--or)}#seuil .citation .att a{border-bottom:1px solid rgba(201,161,90,.4)}#seuil .citation .att a:hover{color:var(--or-clair)}#seuil .arche{width:9rem;height:11rem;flex:none;opacity:.9}#seuil .noms{padding:4.5rem 0 1rem;text-align:center}#seuil .noms>.label{display:block;margin-bottom:2.4rem}#seuil .figures{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}#seuil .figure{padding:1rem .5rem;border-radius:.4rem;transition:background .25s ease}#seuil .figure:hover{background:rgba(16,26,51,.6)}#seuil .figure .sym{height:2.6rem;margin:0 auto .9rem;color:var(--or-clair)}#seuil .figure b{display:block;font-size:1.12rem;font-weight:400;letter-spacing:.01em}#seuil .figure span{display:block;font-family:var(--appareil);font-size:.72rem;color:var(--sourd-2); margin-top:.2rem}#seuil .figure.attente{opacity:.52}#seuil .figure.attente em{display:block;font-family:var(--appareil);font-size:.56rem;font-weight:600; letter-spacing:.16em;text-transform:uppercase;color:var(--or-sourd);margin-top:.5rem; font-style:normal}#seuil .pret{text-align:center;padding:3.5rem 0 5rem}#seuil .pret p{margin:0 0 .8rem;font-size:1.2rem;color:var(--sourd)}#seuil .pret .chev{color:var(--or);animation:respire 2.6s ease-in-out infinite} @keyframes respire{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}#seuil :focus-visible{outline:2px solid var(--or);outline-offset:3px} @media (prefers-reduced-motion:reduce){#seuil *{animation:none!important;transition:none!important}} @media (max-width:60rem){#seuil .menu, #seuil .outils{display:none}#seuil .entete .large{justify-content:space-between}#seuil .outils.mobile{display:flex}#seuil .portes{grid-template-columns:1fr;gap:3rem;padding-bottom:2.5rem}#seuil .citation{grid-template-columns:1fr;padding:2rem 1.4rem}#seuil .arche{display:none}#seuil .citation blockquote{padding-left:2.2rem} } #seuil .marque{flex-direction:column;gap:.55rem} #seuil .inscription{display:flex;flex-direction:column;align-items:center;gap:.16rem} #seuil .inscription b{font-family:var(--serif);font-size:.88rem;font-weight:400; letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:var(--or-clair); line-height:1.2;white-space:nowrap} #seuil .annonce h1{ color:#FFFCF4; text-shadow:0 0 16px rgba(255,246,222,.55), 0 0 44px rgba(232,206,147,.45), 0 0 92px rgba(201,161,90,.32), 0 2px 24px rgba(7,12,27,.7); } #seuil .annonce p{ color:#F8EBCC; text-shadow:0 0 13px rgba(255,246,222,.45), 0 0 36px rgba(232,206,147,.34), 0 1px 16px rgba(7,12,27,.75); } #seuil .ornement{color:var(--or-clair)} #seuil .ornement svg{filter:drop-shadow(0 0 8px rgba(232,206,147,.55))} #seuil{--sourd:#BEC6D8;--sourd-2:#98A2B8} #seuil .v-porte.corpus{ background:linear-gradient(158deg,rgba(219,179,105,.44) 0%,rgba(168,127,62,.52) 38%, rgba(102,76,35,.64) 72%,rgba(60,45,21,.76) 100%); border-color:rgba(232,206,147,.55); box-shadow:0 12px 44px rgba(201,161,90,.18),inset 0 1px 0 rgba(255,242,210,.24); } #seuil .v-porte.corpus h2{color:#FFF9EC;text-shadow:0 0 22px rgba(255,242,210,.35)} #seuil .v-porte.corpus p{color:#F2E6CB} #seuil .v-porte.corpus .medaillon{ border-color:rgba(232,206,147,.75); box-shadow:0 0 26px rgba(201,161,90,.35)} #seuil .v-porte.voyage .medaillon{ border-color:rgba(232,206,147,.7); box-shadow:0 0 26px rgba(201,161,90,.3)} #seuil .annonce h1{letter-spacing:.03em;text-wrap:balance} #seuil .annonce .ornement{margin-top:1.4rem} #seuil .punch{ margin:1.5rem auto 0;max-width:34rem; font-family:var(--display);font-style:italic; font-size:clamp(1.12rem,2.7vw,1.72rem);line-height:1.42; color:#F8EBCC;text-wrap:balance; } #seuil .punch span{display:block} #seuil .punch span:first-child::before{content:"« "} #seuil .punch span:last-child{color:#FFF6E2} #seuil .punch span:last-child::after{content:" »"} #seuil .annonce{padding:5.5rem 1.5rem 1rem;max-width:46rem} #seuil .annonce h1{font-size:clamp(2.4rem,5.4vw,4.05rem);line-height:1.09} #seuil .annonce .ornement{margin:2rem 0 0} #seuil .punch{margin-top:2rem;line-height:1.55} #seuil .portes{gap:2.4rem;padding:3.4rem 1.5rem 4.5rem} #seuil .v-porte{padding:4.1rem 2.2rem 2.5rem} #seuil .v-porte .medaillon{top:-2.35rem;width:4.5rem;height:4.5rem} #seuil .v-porte h2{margin:0 0 .85rem} #seuil .v-porte p{margin:0 0 2rem;font-size:1.02rem;line-height:1.62} #seuil .bouton{padding:1rem 1.4rem} #seuil .promesses{padding:3.2rem 1.8rem;gap:2.6rem} #seuil .citation{margin-top:3.4rem;padding:3rem 2.4rem} #seuil .noms{padding:5.5rem 0 1.5rem} #seuil .figures{gap:2rem} #seuil .figure{padding:1.3rem .6rem} @media (max-width:60rem){ #seuil .annonce{padding-top:4.5rem} #seuil .portes{gap:3.4rem;padding-top:3rem} } #seuil .v-porte{padding:4.3rem 2.4rem 2.8rem} #seuil .v-porte h2{font-size:clamp(1.75rem,2.5vw,2.15rem);margin:0 0 1rem} #seuil .v-porte p{font-size:clamp(1.08rem,1.5vw,1.24rem);line-height:1.6; margin:0 0 2.2rem;color:#D8DEEC} #seuil .v-porte.corpus p{color:#F4E9D2} #seuil .bouton{font-size:.86rem;letter-spacing:.14em;padding:1.15rem 1.5rem} #seuil .v-porte .medaillon{width:5.2rem;height:5.2rem;top:-2.7rem} #seuil .annonce p.punch{ margin:2rem auto 0;max-width:34rem; font-family:var(--display);font-style:italic; font-size:clamp(1.12rem,2.7vw,1.72rem);line-height:1.55; color:#F8EBCC;text-wrap:balance; } #seuil .annonce h1{border-bottom:0;padding-bottom:0} #espaces-vide{display:none} #seuil .entrees{padding:4.2rem 0 5rem;text-align:center} #seuil .entrees>.label{display:block;margin-bottom:2.2rem} #seuil .trois{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); text-align:left} #seuil .entree{padding:1.5rem 1.6rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.22);background:rgba(16,26,51,.45); transition:border-color .2s ease,background .2s ease,transform .2s ease} #seuil .entree:hover{border-color:rgba(201,161,90,.55);background:rgba(16,26,51,.85); transform:translateY(-2px)} #seuil .entree b{display:block;font-size:1.2rem;font-weight:400;margin-bottom:.4rem; color:var(--or-clair)} #seuil .entree span{display:block;font-size:.9rem;color:var(--sourd);line-height:1.55} #seuil .v-marque .rosace{width:3.3rem;height:3.3rem} #seuil .v-marque b{font-size:.82rem;letter-spacing:.3em;line-height:1.25} #seuil .v-marque span{font-size:1.62rem;letter-spacing:.15em;margin-top:.26rem} #seuil .menu{font-size:.84rem;gap:2.2rem;letter-spacing:.16em} #seuil .outils svg{width:1.5rem;height:1.5rem} #seuil .entrees>.label,#seuil .label{font-size:.82rem;letter-spacing:.24em} @media (max-width:56rem){ #seuil .v-marque .rosace{width:2.7rem;height:2.7rem} #seuil .v-marque b{font-size:.7rem} #seuil .v-marque span{font-size:1.24rem} #seuil .menu{font-size:.74rem;gap:1.1rem} } #seuil .promesses{margin-top:1rem} #seuil .promesse{display:block;padding:1.5rem .9rem 1.2rem;border-radius:.45rem; transition:background .22s ease,transform .22s ease} #seuil .promesse:hover{background:rgba(16,26,51,.75);transform:translateY(-3px)} #seuil .promesse:hover .rond{border-color:var(--or);color:var(--or-clair)} #seuil .promesse .rond{transition:border-color .22s,color .22s} #seuil .promesse h3{font-size:.78rem;letter-spacing:.16em} #seuil .promesse p{font-size:.92rem} @media (min-width:72rem){ #seuil .promesses{grid-template-columns:repeat(6,1fr);gap:1.1rem; padding:2.6rem 1.1rem} #seuil .promesse{padding:1.4rem .35rem 1.1rem} #seuil .promesse h3{white-space:nowrap;font-size:.66rem;letter-spacing:.075em} #seuil .promesse p{font-size:.85rem;line-height:1.45} #seuil .promesse .rond{width:3.2rem;height:3.2rem;margin-bottom:.9rem} } #seuil .noms{padding:4rem 0 1rem;text-align:center} #seuil .figures .sym{display:block;height:auto;margin:0 auto .8rem; font-family:'Apple Symbols','Segoe UI Symbol','Noto Sans Symbols 2', 'Noto Sans Devanagari',serif; font-size:2.5rem;line-height:1;color:var(--or-clair)} #seuil .figures .sym.om{font-size:2.7rem} #seuil .figure b{font-size:1.16rem} #seuil .figure span:not(.sym){font-size:.84rem;letter-spacing:.03em} #seuil a.pret{display:block;text-align:center;padding:2.6rem 0 4.5rem; transition:color .2s} #seuil a.pret p{margin:0 0 .8rem;font-size:1.24rem;color:var(--sourd)} #seuil a.pret:hover p{color:var(--or-clair)} #seuil a.pret .chev{color:var(--or);animation:respire 2.6s ease-in-out infinite} #seuil .promesse .rond{width:4rem;height:4rem;border:0;border-radius:50%; background:var(--p) center/cover no-repeat; box-shadow:0 3px 12px rgba(0,0,0,.5)} #seuil .promesse .rond svg{display:none} #seuil .promesse:hover .rond{transform:translateY(-2px)} #seuil .promesse .rond{transition:transform .22s ease} #seuil .promesses>a:nth-child(1) .rond{--p:var(--p-r-etoile)} #seuil .promesses>a:nth-child(2) .rond{--p:var(--p-s-livre)} #seuil .promesses>a:nth-child(3) .rond{--p:var(--p-r-carte)} #seuil .promesses>a:nth-child(4) .rond{--p:var(--p-r-lunette)} #seuil .promesses>a:nth-child(5) .rond{--p:var(--p-restauration)} #seuil .promesses>a:nth-child(6) .rond{--p:var(--p-societe)} #seuil::before{content:"";position:fixed;inset:0;z-index:-2; background:var(--etoiles) center/cover no-repeat fixed} #seuil::after{content:"";position:fixed;inset:0;z-index:-1; background:linear-gradient(to bottom,rgba(7,12,27,.9),rgba(7,12,27,.94))} #seuil main,#seuil .hero{position:relative;z-index:1} #seuil .promesses,#seuil .citation,#seuil .entree{ background-color:rgba(11,18,36,.55);backdrop-filter:blur(6px)} #seuil .promesses{background-image:none} #seuil .citation{background-image:linear-gradient(105deg,transparent 0, transparent 58%,rgba(74,56,26,.35) 100%)} #seuil .promesse:hover{background:rgba(22,36,72,.7)} #seuil .promesse .rond{border:2px solid var(--or); box-shadow:inset 0 0 0 1.5px rgba(7,12,27,.92),0 3px 14px rgba(0,0,0,.55)} #seuil .promesse:hover .rond{border-color:var(--or-clair)} #seuil .annonce .sur-titre{margin:0 0 .7rem;font-family:var(--appareil); font-size:clamp(.78rem,1.5vw,1rem);font-weight:700;letter-spacing:.26em; text-transform:uppercase;color:var(--or-clair); text-shadow:0 1px 18px rgba(7,12,27,.95),0 0 34px rgba(201,161,90,.35)} #seuil .annonce{padding-top:9rem} #seuil .annonce .sous-titre{margin:.9rem 0 0} #seuil .annonce .sur-titre{display:flex;align-items:center;justify-content:center; gap:1.2rem;margin:0 0 1.9rem;text-shadow:none} #seuil .annonce .sur-titre span{font-family:var(--appareil); font-size:clamp(.95rem,1.9vw,1.34rem);font-weight:700;letter-spacing:.34em; text-indent:.34em;text-transform:uppercase;color:var(--or-clair);white-space:nowrap; text-shadow:0 2px 26px rgba(7,12,27,.95)} #seuil .annonce .sur-titre i{height:1px;flex:0 1 5.5rem;background:var(--or-sourd); opacity:.7} #seuil .annonce .sur-titre i:first-child{background:linear-gradient(to right,transparent,var(--or-sourd))} #seuil .annonce .sur-titre i:last-child{background:linear-gradient(to left,transparent,var(--or-sourd))} #seuil .annonce h1{margin-bottom:.2rem} #seuil .ornement{margin-top:2.2rem} #seuil .annonce p.punch{margin-top:1.8rem} @media (max-width:56rem){ #seuil .annonce{padding-top:7rem} #seuil .annonce .sur-titre{gap:.8rem;margin-bottom:1.3rem} #seuil .annonce .sur-titre i{flex:0 1 2.4rem} #seuil .annonce .sur-titre span{letter-spacing:.24em;text-indent:.24em} } #seuil .men-sout{color:var(--or-clair)} #espaces{position:fixed;inset:0;z-index:9000;overflow-y:auto;overscroll-behavior:contain; background:var(--nuit);color:var(--blanc);font-family:var(--display); font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased} #espaces[hidden]{display:none} body.aux-espaces{overflow:hidden} #espaces *{box-sizing:border-box} #espaces a{color:inherit;text-decoration:none;cursor:pointer} #espaces svg{display:block;max-width:100%} #espaces .e-large{max-width:var(--large);margin:0 auto;padding:0 1.5rem} #espaces :focus-visible{outline:2px solid var(--or);outline-offset:3px} #espaces .e-entete{position:sticky;top:0;z-index:20;padding:1.05rem 0; background:rgba(7,12,27,.94);backdrop-filter:blur(8px); border-bottom:1px solid rgba(201,161,90,.16)} #espaces .e-entete .e-large{display:flex;align-items:center;gap:2rem} #espaces .e-marque{display:flex;align-items:center;gap:.85rem;flex:none} #espaces .e-marque .rosace{width:2.4rem;height:2.4rem;flex:none} #espaces .e-marque b{display:block;font-family:var(--appareil);font-size:.55rem; font-weight:600;letter-spacing:.28em;color:var(--or);line-height:1} #espaces .e-marque .inscription b+b{margin-top:.16rem} #espaces .e-menu{display:flex;gap:1.9rem;margin:0 auto;font-family:var(--appareil); font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase; color:var(--sourd)} #espaces .e-menu a{padding:.4rem 0;border-bottom:2px solid transparent; transition:color .2s,border-color .2s} #espaces .e-menu a:hover{color:var(--blanc)} #espaces .e-menu a[aria-current]{color:var(--blanc);border-color:var(--or)} #espaces .e-outils{display:flex;gap:1.2rem;flex:none;color:var(--sourd)} #espaces .e-outils button{background:none;border:0;color:inherit;cursor:pointer;padding:.3rem} #espaces .e-outils button:hover{color:var(--or-clair)} #espaces .espace{padding:4.5rem 0 5rem} #espaces .espace[hidden]{display:none} #espaces .e-fil{margin:0 0 1.1rem;font-family:var(--appareil);font-size:.66rem; font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--or)} #espaces h1{margin:0 0 1.2rem;font-size:clamp(2rem,4.6vw,3.2rem);font-weight:400; line-height:1.08;letter-spacing:-.015em;text-wrap:balance} #espaces .e-chapo{margin:0 0 3rem;max-width:44rem;font-size:1.12rem;color:var(--sourd); text-wrap:pretty} #espaces .e-chapo b{color:var(--blanc);font-weight:400} #espaces .e-titre2{margin:4.5rem 0 1rem;font-size:1.9rem;font-weight:400;letter-spacing:.01em} #espaces .e-eti{display:block;font-family:var(--appareil);font-size:.62rem;font-weight:600; letter-spacing:.22em;text-transform:uppercase;color:var(--or)} #espaces .e-eti-seule{margin:3.2rem 0 1.6rem} #espaces .e-grand{display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem; align-items:center;padding:2.6rem;border-radius:.6rem; border:1px solid rgba(201,161,90,.32); background:linear-gradient(150deg,rgba(20,32,72,.92),rgba(11,18,36,.88)); transition:transform .25s ease,box-shadow .25s ease} #espaces .e-grand:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.4)} #espaces .e-grand h2{margin:.6rem 0 .7rem;font-size:1.85rem;font-weight:400} #espaces .e-grand p{margin:0 0 1.5rem;color:var(--sourd);font-size:.98rem;text-wrap:pretty} #espaces .e-fleche{display:inline-block;font-family:var(--appareil);font-size:.74rem; font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--or-clair); border-bottom:1px solid rgba(201,161,90,.5);padding-bottom:.25rem} #espaces .e-portes{margin:0;padding:0;list-style:none;display:grid;gap:.42rem} #espaces .e-portes li{display:flex;align-items:baseline;gap:.9rem;padding:.42rem .8rem; border-left:2px solid rgba(201,161,90,.3);background:rgba(7,12,27,.4)} #espaces .e-portes b{font-family:var(--appareil);font-size:.66rem;letter-spacing:.12em; color:var(--or);min-width:1.9rem} #espaces .e-portes span{font-size:.95rem;color:var(--blanc)} #espaces .e-figures{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr)); text-align:center} #espaces .e-figure{padding:1.1rem .5rem;border-radius:.4rem;transition:background .25s ease} #espaces .e-figure:hover{background:rgba(16,26,51,.7)} #espaces .e-figure .sym{height:2.5rem;margin:0 auto .85rem;color:var(--or-clair)} #espaces .e-figure b{display:block;font-size:1.1rem;font-weight:400} #espaces .e-figure span{display:block;font-family:var(--appareil);font-size:.7rem; color:var(--sourd-2);letter-spacing:.04em;margin-top:.22rem} #espaces .e-tuiles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))} #espaces .e-tuile{padding:1.4rem 1.5rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.2);background:rgba(16,26,51,.45); transition:border-color .2s ease,background .2s ease,transform .2s ease} #espaces .e-tuile:hover{border-color:rgba(201,161,90,.55);background:rgba(16,26,51,.8); transform:translateY(-2px)} #espaces .e-tuile b{display:block;font-size:1.15rem;font-weight:400;margin-bottom:.35rem} #espaces .e-tuile span{display:block;font-size:.88rem;color:var(--sourd);line-height:1.5} #espaces .e-rangs{display:grid;gap:2.6rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))} #espaces .e-rang h2{margin:0 0 1rem;font-family:var(--appareil);font-size:.66rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or-clair); padding-bottom:.65rem;border-bottom:1px solid rgba(201,161,90,.25)} #espaces .e-liens{display:grid;gap:.15rem} #espaces .e-liens a{padding:.5rem 0;color:var(--sourd);font-size:.98rem; border-bottom:1px solid transparent;transition:color .2s} #espaces .e-liens a:hover{color:var(--or-clair)} #espaces .e-liens-bas{margin-top:2.8rem;grid-auto-flow:column;justify-content:start;gap:2.2rem} #espaces .e-avert{margin-top:3.6rem;padding:1.8rem 2rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.22);background:rgba(74,56,26,.16)} #espaces .e-avert h3{margin:0 0 .6rem;font-family:var(--appareil);font-size:.66rem; font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--or)} #espaces .e-avert p{margin:0;color:var(--sourd);font-size:.96rem;text-wrap:pretty} #espaces .e-avert b{color:var(--blanc);font-weight:400} #espaces .e-avert a{color:var(--or-clair);border-bottom:1px solid rgba(201,161,90,.45)} #espaces .e-avert-clair{margin:0 0 3rem} #espaces .e-pratiques{display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))} #espaces .e-pratique{position:relative;padding:2.2rem 1.9rem 1.6rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.2);background:linear-gradient(165deg,rgba(16,26,51,.62),rgba(11,18,36,.4))} #espaces .e-num{position:absolute;top:1.1rem;right:1.4rem;font-family:var(--appareil); font-size:.7rem;font-weight:600;letter-spacing:.14em;color:var(--or-sourd)} #espaces .e-pratique h2{margin:0 0 .9rem;font-size:1.42rem;font-weight:400} #espaces .e-source{margin:0 0 1.1rem;font-size:.94rem;color:var(--sourd); padding-left:.95rem;border-left:2px solid rgba(201,161,90,.35);text-wrap:pretty} #espaces .e-source b{color:var(--blanc);font-weight:400} #espaces .e-faire{margin:0 0 1.2rem;font-size:.98rem;text-wrap:pretty} #espaces .e-faire b{color:var(--or-clair);font-weight:400} #espaces .e-vers{display:inline-block;font-family:var(--appareil);font-size:.68rem; font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sourd-2); transition:color .2s} #espaces .e-vers:hover{color:var(--or-clair)} #espaces .e-texte{max-width:44rem} #espaces .e-intro{margin:0 0 3rem;font-size:1.24rem;color:var(--or-clair);font-style:italic; text-wrap:pretty} #espaces .e-texte h2{margin:2.8rem 0 .9rem;font-size:1.42rem;font-weight:400; letter-spacing:.01em;color:var(--blanc)} #espaces .e-texte p{margin:0 0 1rem;color:var(--sourd);text-wrap:pretty} #espaces .e-texte b{color:var(--blanc);font-weight:400} #espaces .e-liste{margin:0;padding-left:1.1rem;color:var(--sourd)} #espaces .e-liste li{margin-bottom:.75rem;text-wrap:pretty} #espaces .e-pied{border-top:1px solid rgba(201,161,90,.16);padding:2rem 0; font-family:var(--appareil);font-size:.72rem;letter-spacing:.1em;color:var(--sourd-2)} #espaces .e-pied .e-large{display:flex;align-items:center;justify-content:space-between; gap:1.5rem;flex-wrap:wrap} #espaces .e-pied nav{display:flex;gap:1.6rem;text-transform:uppercase} #espaces .e-pied a:hover{color:var(--or-clair)} @media (max-width:56rem){ #espaces .e-grand{grid-template-columns:1fr;gap:1.8rem;padding:1.9rem} #espaces .e-entete .e-large{flex-wrap:wrap;gap:.9rem} #espaces .e-menu{margin:0;width:100%;order:3;gap:1.1rem;overflow-x:auto; padding-bottom:.2rem;font-size:.66rem;scrollbar-width:none} #espaces .e-menu::-webkit-scrollbar{display:none} #espaces .e-marque .inscription{font-size:.9rem} #espaces .e-outils{margin-left:auto} #espaces .espace{padding:2.8rem 0 3.5rem} #espaces .e-liens-bas{grid-auto-flow:row;gap:.2rem} } #espaces .ex{text-align:center} #espaces .ex-titre{margin:0;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:400; letter-spacing:.13em;text-transform:uppercase;color:var(--or-clair); text-shadow:0 2px 30px rgba(201,161,90,.28)} #espaces .ex-orn{display:flex;align-items:center;justify-content:center;gap:.9rem; margin:1.1rem 0 1.4rem;color:var(--or-sourd)} #espaces .ex-orn i{height:1px;width:6rem} #espaces .ex-orn i:first-child{background:linear-gradient(to right,transparent,var(--or-sourd))} #espaces .ex-orn i:last-child{background:linear-gradient(to left,transparent,var(--or-sourd))} #espaces .ex-chapo{margin:0 auto 1rem;max-width:36rem;font-size:1.12rem;color:var(--blanc); opacity:.86;text-wrap:balance} #espaces .ex-ciel{position:relative;max-width:60rem;margin:0 auto; display:grid;grid-template-columns:1fr 1.12fr 1fr; grid-template-rows:auto auto auto;gap:1.1rem 0; align-items:center;justify-items:center;padding:1rem 0 2rem} #espaces .ex-toile{position:absolute;inset:0;width:100%;height:100%;z-index:0; pointer-events:none} #espaces .ex-cercle{position:relative;z-index:2; width:min(17.5rem,30vw);aspect-ratio:1;border-radius:50%; display:flex;flex-direction:column;align-items:center;justify-content:center; padding:2.6rem 1.9rem 1.6rem;text-align:center; border:1px solid rgba(201,161,90,.42); background:radial-gradient(circle at 50% 34%,rgba(30,44,88,.92),rgba(7,12,27,.96) 72%); box-shadow:inset 0 0 40px rgba(201,161,90,.07),0 6px 26px rgba(0,0,0,.45); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease} #espaces .ex-cercle:hover{transform:translateY(-4px);border-color:var(--or); box-shadow:inset 0 0 46px rgba(201,161,90,.14),0 14px 38px rgba(0,0,0,.55)} #espaces .ex-med{position:absolute;top:-1.55rem;left:50%;transform:translateX(-50%); width:3.1rem;height:3.1rem;border-radius:50%;display:grid;place-items:center; background:var(--nuit-2);border:1px solid rgba(201,161,90,.55);color:var(--or-clair)} #espaces .ex-med svg{width:1.5rem;height:1.5rem} #espaces .ex-cercle b{display:block;font-size:clamp(.92rem,1.6vw,1.16rem);font-weight:400; letter-spacing:.13em;text-transform:uppercase;color:var(--or-clair);margin-bottom:.6rem; text-wrap:balance} #espaces .ex-de{display:block;font-size:clamp(.74rem,1.15vw,.87rem);line-height:1.5; color:var(--sourd);text-wrap:pretty} #espaces .ex-fl{display:block;margin-top:.85rem;color:var(--or);font-size:1.05rem; transition:transform .25s ease} #espaces .ex-cercle:hover .ex-fl{transform:translateX(4px)} #espaces .c-haut{grid-column:2;grid-row:1} #espaces .c-gauche{grid-column:1;grid-row:2} #espaces .c-droite{grid-column:3;grid-row:2} #espaces .c-bg{grid-column:1;grid-row:3} #espaces .c-bd{grid-column:3;grid-row:3} #espaces .ex-arche{grid-column:2;grid-row:2 / span 2;z-index:3; width:min(20rem,34vw);padding:.55rem; border-radius:50% 50% .5rem .5rem/38% 38% .5rem .5rem; border:1px solid rgba(201,161,90,.55); background:linear-gradient(180deg,rgba(201,161,90,.14),rgba(7,12,27,.9) 46%)} #espaces .ex-arche-in{padding:3.4rem 1.6rem 2.4rem; border-radius:50% 50% .35rem .35rem/34% 34% .35rem .35rem; border:1px solid rgba(201,161,90,.3); background:radial-gradient(120% 70% at 50% 100%,rgba(201,161,90,.3),rgba(7,12,27,.96) 62%)} #espaces .ex-arche h2{margin:0 0 .9rem;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400; letter-spacing:.1em;text-transform:uppercase;color:var(--or-clair);line-height:1.15} #espaces .ex-arche p{margin:0 0 1.5rem;font-size:.9rem;color:var(--sourd);text-wrap:pretty} #espaces .ex-entrer{display:inline-block;padding:.7rem 2.2rem;border-radius:.25rem; border:1px solid rgba(201,161,90,.6);color:var(--or-clair); font-family:var(--appareil);font-size:.72rem;font-weight:600;letter-spacing:.2em; text-transform:uppercase;transition:background .2s,color .2s} #espaces .ex-entrer:hover{background:linear-gradient(to bottom,#E0BC77,#C39A50);color:#1B1408} #espaces .ex-autrement{margin:2.6rem 0 1.1rem;font-family:var(--appareil);font-size:.66rem; font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--or)} #espaces .ex-chercher{display:flex;align-items:center;gap:.95rem;width:100%; max-width:42rem;margin:0 auto;padding:.9rem 1.4rem;border-radius:.3rem;cursor:pointer; border:1px solid rgba(201,161,90,.35);background:rgba(16,26,51,.5); color:var(--sourd);font-family:var(--display);font-size:.98rem;text-align:left; transition:border-color .2s,background .2s} #espaces .ex-chercher:hover{border-color:var(--or);background:rgba(16,26,51,.85)} #espaces .ex-chercher svg{width:1.15rem;height:1.15rem;flex:none;color:var(--or)} #espaces .ex-compte{display:grid;gap:1.5rem;margin-top:3.2rem;padding:2rem 1.5rem; grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr)); border:1px solid rgba(201,161,90,.2);border-radius:.5rem;background:rgba(16,26,51,.4)} #espaces .ex-compte b{display:block;font-size:2rem;font-weight:400;color:var(--or-clair); line-height:1} #espaces .ex-compte i{display:block;margin:.35rem 0 .6rem;font-family:var(--appareil); font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase; font-style:normal;color:var(--or)} #espaces .ex-compte span{display:block;font-size:.82rem;color:var(--sourd);line-height:1.45} @media (max-width:60rem){ #espaces .ex-ciel{grid-template-columns:1fr;gap:2.6rem 0;padding-top:2rem} #espaces .ex-toile{display:none} #espaces .ex-cercle,#espaces .ex-arche{width:min(19rem,78vw)} #espaces .c-haut,#espaces .c-gauche,#espaces .c-droite, #espaces .c-bg,#espaces .c-bd,#espaces .ex-arche{grid-column:1;grid-row:auto} #espaces .ex-arche{order:-1} } #espaces .pr{text-align:left} #espaces .pr-fil{margin:0 0 1.6rem;font-family:var(--appareil);font-size:.64rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sourd-2)} #espaces .pr-fil a{color:var(--sourd)} #espaces .pr-fil a:hover{color:var(--or-clair)} #espaces .pr-fil i{margin:0 .5rem;font-style:normal;color:var(--or-sourd)} #espaces .pr-fil b{color:var(--or-clair);font-weight:600} #espaces .pr-hero{display:grid;grid-template-columns:1.25fr .85fr;gap:2.5rem; align-items:center;margin-bottom:2.6rem} #espaces .pr-sur{margin:0;font-size:1.6rem;letter-spacing:.16em;text-transform:uppercase; color:var(--blanc);opacity:.75} #espaces .pr h1{margin:.1rem 0 1rem;font-size:clamp(2.6rem,6.4vw,4.4rem); letter-spacing:.06em;text-transform:uppercase;color:var(--or-clair);line-height:1} #espaces .pr-sous{margin:0 0 1.2rem;font-size:1.24rem;font-style:italic;color:var(--or-clair); text-wrap:pretty} #espaces .pr-intro{margin:0;color:var(--sourd);text-wrap:pretty} #espaces .pr-intro b{color:var(--blanc);font-weight:400} #espaces .pr-hero-im svg{width:100%;height:auto} #espaces .pr-barre{display:grid;grid-template-columns:1fr auto;gap:1.2rem; align-items:center;margin-bottom:3.4rem} #espaces .pr-barre .ex-chercher{margin:0;max-width:none} #espaces .pr-filtres{display:flex;flex-wrap:wrap;gap:.45rem} #espaces .pr-filtres button{padding:.5rem 1rem;border-radius:2rem;cursor:pointer; border:1px solid rgba(201,161,90,.3);background:rgba(16,26,51,.5);color:var(--sourd); font-family:var(--appareil);font-size:.68rem;letter-spacing:.06em; transition:border-color .2s,color .2s,background .2s} #espaces .pr-filtres button:hover{color:var(--or-clair);border-color:rgba(201,161,90,.6)} #espaces .pr-filtres button[aria-pressed="true"]{background:linear-gradient(to bottom,#E0BC77,#C39A50); color:#1B1408;border-color:transparent;font-weight:600} #espaces .pr-t{margin:0 0 .3rem;text-align:center;font-family:var(--appareil); font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--or)} #espaces .pr-st{margin:0 0 2rem;text-align:center;color:var(--sourd);font-size:1rem} #espaces .pr-themes{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))} #espaces .pr-th{position:relative;padding:2.3rem 1.5rem 1.4rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.2); background:linear-gradient(165deg,rgba(16,26,51,.7),rgba(11,18,36,.45)); transition:border-color .2s,transform .2s,background .2s} #espaces .pr-th:hover{border-color:rgba(201,161,90,.6);transform:translateY(-3px); background:linear-gradient(165deg,rgba(22,36,72,.85),rgba(11,18,36,.6))} #espaces .pr-th-or{border-color:rgba(201,161,90,.45); background:linear-gradient(165deg,rgba(74,56,26,.4),rgba(11,18,36,.6))} #espaces .pr-med{position:absolute;top:-1.25rem;left:1.4rem;width:2.5rem;height:2.5rem; border-radius:50%;display:grid;place-items:center;background:var(--nuit-2); border:1px solid rgba(201,161,90,.5);color:var(--or-clair)} #espaces .pr-med svg{width:1.25rem;height:1.25rem} #espaces .pr-th b{display:block;font-size:1.16rem;font-weight:400;letter-spacing:.04em; color:var(--or-clair);margin-bottom:.5rem;text-wrap:balance} #espaces .pr-de{display:block;font-size:.87rem;line-height:1.5;color:var(--sourd); margin-bottom:.9rem;text-wrap:pretty} #espaces .pr-fl{display:block;font-family:var(--appareil);font-size:.66rem;font-weight:600; letter-spacing:.12em;text-transform:uppercase;color:var(--or)} #espaces .pr-duo{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;margin-top:1.2rem} #espaces .pr-bloc{padding:2rem 1.9rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.2);background:rgba(16,26,51,.4)} #espaces .pr-t2{margin:0 0 .3rem;font-size:1.5rem;font-weight:400;letter-spacing:.05em; color:var(--or-clair)} #espaces .pr-st2{margin:0 0 1.5rem;font-size:.92rem;color:var(--sourd);text-wrap:pretty} #espaces .pr-st2 b{color:var(--blanc);font-weight:400} #espaces .pr-note{margin:1.2rem 0 0;font-size:.83rem;line-height:1.55;color:var(--sourd-2); padding-left:.8rem;border-left:2px solid rgba(201,161,90,.3);text-wrap:pretty} #espaces .pr-note b{color:var(--sourd);font-weight:400} #espaces .pr-plus{display:inline-block;margin-top:1.3rem;font-family:var(--appareil); font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase; color:var(--or);border-bottom:1px solid rgba(201,161,90,.4);padding-bottom:.2rem} #espaces .pr-plus:hover{color:var(--or-clair)} #espaces .pr-signes{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(5.2rem,1fr)); text-align:center} #espaces .pr-rond{width:3.2rem;height:3.2rem;margin:0 auto .5rem;border-radius:50%; display:grid;place-items:center;border:1px solid rgba(201,161,90,.4); background:rgba(7,12,27,.6);color:var(--or-clair);transition:border-color .2s,transform .2s} #espaces .pr-rond svg{width:1.5rem;height:1.5rem} #espaces .pr-signes a:hover .pr-rond{border-color:var(--or);transform:translateY(-3px)} #espaces .pr-signes i{display:block;font-style:normal;font-family:var(--appareil); font-size:.6rem;letter-spacing:.06em;color:var(--sourd);line-height:1.35} #espaces .pr-signes a:hover i{color:var(--or-clair)} #espaces .pr-tab{width:100%;border-collapse:collapse;font-size:.86rem} #espaces .pr-tab th{padding:.6rem .7rem;text-align:left;font-family:var(--appareil); font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase; color:var(--or);border-bottom:1px solid rgba(201,161,90,.35)} #espaces .pr-tab td{padding:.6rem .7rem;color:var(--sourd); border-bottom:1px solid rgba(201,161,90,.12)} #espaces .pr-tab td:first-child{color:var(--blanc)} #espaces .pr-textes{display:grid;gap:.8rem} #espaces .pr-txt{padding:1.1rem 1.3rem;border-radius:.4rem; border:1px solid rgba(201,161,90,.18);background:rgba(7,12,27,.5)} #espaces .pr-txt[hidden]{display:none} #espaces .pr-eti{display:inline-block;margin-bottom:.6rem;font-family:var(--appareil); font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase; color:var(--or)} #espaces .pr-txt q{display:block;font-size:.98rem;color:var(--blanc);font-style:italic; text-wrap:pretty} #espaces .pr-txt cite{display:block;margin:.6rem 0 .5rem;font-family:var(--appareil); font-size:.68rem;font-style:normal;color:var(--sourd-2)} #espaces .pr-txt a{font-family:var(--appareil);font-size:.64rem;font-weight:600; letter-spacing:.12em;text-transform:uppercase;color:var(--or)} #espaces .pr-txt a:hover{color:var(--or-clair)} #espaces .pr-vide{margin:1rem 0 0;color:var(--sourd-2);font-size:.9rem} #espaces .pr-vide[hidden]{display:none} #espaces .pr-struct{margin:0;padding-left:1.2rem;color:var(--sourd);font-size:.92rem} #espaces .pr-struct li{margin-bottom:.5rem;text-wrap:pretty} #espaces .pr-struct b{color:var(--or-clair);font-weight:400} #espaces .pr-carte{position:relative;max-width:26rem;margin:0 auto} #espaces .pr-carte svg{width:100%;height:auto} #espaces .pr-c-c{fill:var(--or-clair);font-family:var(--appareil);font-size:13px; font-weight:600;letter-spacing:.14em} #espaces .pr-n{position:absolute;transform:translate(-50%,-50%);padding:.32rem .7rem; border-radius:1rem;font-family:var(--appareil);font-size:.6rem;font-weight:600; letter-spacing:.08em;text-transform:uppercase;color:var(--sourd); border:1px solid rgba(201,161,90,.35);background:var(--nuit-2);white-space:nowrap; transition:color .2s,border-color .2s} #espaces .pr-n:hover{color:var(--or-clair);border-color:var(--or)} #espaces .n1{left:50%;top:18.6%} #espaces .n2{left:72%;top:27.9%} #espaces .n3{left:81.4%;top:50%} #espaces .n4{left:72%;top:72.1%} #espaces .n5{left:50%;top:81.4%} #espaces .n6{left:28%;top:72.1%} #espaces .n7{left:18.6%;top:50%} #espaces .n8{left:28%;top:27.9%} #espaces .pr-commencer{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr); text-align:center} #espaces .pr-commencer a{padding:1.4rem .6rem;border-radius:.4rem; border:1px solid rgba(201,161,90,.3);background:rgba(7,12,27,.55); transition:border-color .2s,transform .2s} #espaces .pr-commencer a:hover{border-color:var(--or);transform:translateY(-2px)} #espaces .pr-commencer b{font-family:var(--appareil);font-size:.66rem;font-weight:600; letter-spacing:.12em;text-transform:uppercase;color:var(--or-clair);line-height:1.7} #espaces .pr-passerelle{display:block;margin-top:1.4rem;padding:1.2rem 1.4rem; border-radius:.4rem;border:1px solid rgba(201,161,90,.3); background:linear-gradient(105deg,rgba(74,56,26,.35),rgba(16,26,51,.6)); transition:border-color .2s} #espaces .pr-passerelle:hover{border-color:var(--or)} #espaces .pr-passerelle span{display:block;font-size:.88rem;color:var(--sourd); margin-bottom:.35rem} #espaces .pr-passerelle b{display:block;font-family:var(--appareil);font-size:.7rem; font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--or-clair)} @media (max-width:60rem){ #espaces .pr-hero{grid-template-columns:1fr;gap:1.4rem} #espaces .pr-hero-im{max-width:16rem;margin:0 auto} #espaces .pr-barre{grid-template-columns:1fr} #espaces .pr-duo{grid-template-columns:1fr} #espaces .pr-commencer{grid-template-columns:1fr} } #espaces .ex{position:relative;isolation:isolate} #espaces .ex::before{ content:"";position:absolute;inset:-4.5rem 0 0;z-index:-2; background:var(--explorer) center top/cover no-repeat; opacity:.9} #espaces .ex::after{ content:"";position:absolute;inset:-4.5rem 0 0;z-index:-1; background: linear-gradient(to bottom,rgba(7,12,27,.55) 0%,rgba(7,12,27,.3) 26%, rgba(7,12,27,.72) 68%,var(--nuit) 97%), radial-gradient(58% 42% at 50% 44%,rgba(7,12,27,.62),transparent 72%)} #espaces .ex>.e-large{position:relative;z-index:1} #espaces .ex .ex-toile{display:none} #espaces .ex-cercle{ background:radial-gradient(circle at 50% 34%,rgba(18,30,62,.72),rgba(7,12,27,.86) 74%); backdrop-filter:blur(3px)} #espaces .ex-arche{ background:linear-gradient(180deg,rgba(201,161,90,.1),rgba(7,12,27,.5) 46%); backdrop-filter:blur(2px)} #espaces .ex-arche-in{ background:radial-gradient(120% 70% at 50% 100%,rgba(201,161,90,.22),rgba(7,12,27,.72) 64%)} #espaces .ex-titre{text-shadow:0 2px 34px rgba(7,12,27,.9),0 0 60px rgba(201,161,90,.3)} #espaces .ex-chapo{text-shadow:0 1px 18px rgba(7,12,27,.95)} #espaces .ex-compte{background:rgba(7,12,27,.72);backdrop-filter:blur(4px)} #espaces .ex .ex-chercher{background:rgba(7,12,27,.7);backdrop-filter:blur(4px)} #espaces .ex-cercle{justify-content:flex-end;padding:2.6rem 1.7rem 2.2rem;overflow:visible} #espaces .ex-cercle::before{ content:"";position:absolute;inset:0;border-radius:50%;z-index:0; pointer-events:none;background:var(--sc) center top/100% 56% no-repeat; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 32%,transparent 56%); mask-image:linear-gradient(to bottom,#000 0,#000 32%,transparent 56%)} #espaces .ex-cercle b, #espaces .ex-cercle .ex-de, #espaces .ex-cercle .ex-fl{position:relative;z-index:1} #espaces .ex-med{z-index:2} #espaces .c-haut{--sc:var(--sc-propheties)} #espaces .c-gauche{--sc:var(--sc-personnages)} #espaces .c-droite{--sc:var(--sc-traditions)} #espaces .c-bg{--sc:var(--sc-symboles)} #espaces .c-bd{--sc:var(--sc-chronologie)} @media (min-width:60rem){ #espaces .ex-ciel{display:block;position:relative;container-type:inline-size; aspect-ratio:940/877;max-width:60rem;margin:1.5rem auto 0;padding:0;gap:0} #espaces .ex-cercle,#espaces .ex-arche{position:absolute;width:auto} #espaces .ex-cercle{width:31.1cqw;padding:0 3.4cqw 3cqw; transform:translate(-50%,-50%)} #espaces .ex-cercle:hover{transform:translate(-50%,calc(-50% - 4px))} #espaces .c-haut {left:50%; top:16.8%} #espaces .c-gauche{left:16.6%; top:41.8%} #espaces .c-droite{left:83.2%; top:41.8%} #espaces .c-bg {left:18.3%; top:82.9%} #espaces .c-bd {left:80.9%; top:82.9%} #espaces .ex-arche{left:35.6%;top:34.4%;width:28.7cqw;height:63.9%; transform:none;padding:.5cqw;display:flex} #espaces .ex-arche-in{flex:1;display:flex;flex-direction:column; align-items:center;justify-content:flex-start;padding:5.5cqw 2cqw 2cqw} #espaces .ex-cercle b{font-size:2.55cqw;margin-bottom:.9cqw} #espaces .ex-de{font-size:1.72cqw;line-height:1.45} #espaces .ex-fl{margin-top:1.4cqw;font-size:2.2cqw} #espaces .ex-med{top:-1.7cqw;width:4.4cqw;height:4.4cqw} #espaces .ex-med svg{width:2.1cqw;height:2.1cqw} #espaces .ex-arche h2{font-size:4.2cqw;margin-bottom:1.4cqw} #espaces .ex-arche p{font-size:1.8cqw;margin-bottom:2cqw} #espaces .ex-entrer{padding:1cqw 3cqw;font-size:1.45cqw} } #espaces .ex-arche-in{position:relative;overflow:hidden} #espaces .ex-arche-in::after{ content:"";position:absolute;inset:auto 0 0;height:42%;z-index:0; pointer-events:none;background:var(--arche) center bottom/cover no-repeat; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 46%,#000 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 46%,#000 100%)} #espaces .ex-arche h2,#espaces .ex-arche p,#espaces .ex-entrer{position:relative;z-index:1} @media (min-width:60rem){ #espaces .ex .ex-toile{display:block;position:absolute;inset:0; width:100%;height:100%;z-index:0;pointer-events:none} #espaces .ex-cercle,#espaces .ex-arche{z-index:2} } #espaces .ex::before{opacity:.55} #espaces .ex::after{ background: linear-gradient(to bottom,rgba(7,12,27,.62) 0%,rgba(7,12,27,.42) 26%, rgba(7,12,27,.78) 68%,var(--nuit) 97%), radial-gradient(56% 40% at 50% 46%,rgba(7,12,27,.55),transparent 74%)} #espaces .e-marque .rosace{width:3.3rem;height:3.3rem} #espaces .e-marque b{font-size:.82rem;letter-spacing:.3em;line-height:1.25} #espaces .e-marque .inscription b+b{margin-top:.22rem} #espaces .e-menu{font-size:.84rem;gap:2.2rem;letter-spacing:.16em} #espaces .e-outils svg{width:1.5rem;height:1.5rem} #espaces .ex-autrement{font-size:.95rem;letter-spacing:.28em;margin:3.2rem 0 1.3rem} #espaces .e-fil{font-size:.86rem;letter-spacing:.28em;margin-bottom:1.4rem} #espaces .e-eti{font-size:.8rem;letter-spacing:.24em} #espaces .pr-t{font-size:.95rem;letter-spacing:.26em} #espaces .pr-fil{font-size:.78rem} #espaces .pr-t2{font-size:1.7rem} #espaces .e-rang h2{font-size:.8rem;letter-spacing:.22em} #espaces .ex-compte b{font-size:2.5rem} #espaces .ex-compte i{font-size:.74rem;letter-spacing:.22em} #espaces .ex-compte span{font-size:.9rem} #espaces .ex-chercher{font-size:1.06rem;padding:1.05rem 1.5rem} #espaces .ex-chercher svg{width:1.35rem;height:1.35rem} @media (max-width:56rem){ #espaces .e-marque .rosace{width:2.7rem;height:2.7rem} #espaces .e-marque b{font-size:.7rem} #espaces .e-menu{font-size:.74rem;gap:1.2rem} } #espaces .pr-hero-im{min-height:19rem;border-radius:.6rem; background:var(--pr-livre) center/cover no-repeat; -webkit-mask-image:linear-gradient(100deg,transparent 0,#000 22%,#000 100%); mask-image:linear-gradient(100deg,transparent 0,#000 22%,#000 100%)} #espaces .pr-th{overflow:hidden;isolation:isolate} #espaces .pr-th::before{content:"";position:absolute;inset:0;z-index:-2; background:var(--vig) center/cover no-repeat;opacity:.62} #espaces .pr-th::after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(115deg,rgba(7,12,27,.94) 0,rgba(7,12,27,.82) 46%, rgba(7,12,27,.52) 100%)} #espaces .pr-th:hover::before{opacity:.8} #espaces .pr-th b,#espaces .pr-de,#espaces .pr-th .pr-fl{position:relative} #espaces .pr-th .pr-med{background:rgba(7,12,27,.9)} #espaces .pr-themes>a:nth-child(1){--vig:var(--pr-trouble)} #espaces .pr-themes>a:nth-child(2){--vig:var(--pr-societe)} #espaces .pr-themes>a:nth-child(3){--vig:var(--pr-tromperie)} #espaces .pr-themes>a:nth-child(4){--vig:var(--pr-ciel)} #espaces .pr-themes>a:nth-child(5){--vig:var(--pr-gog)} #espaces .pr-themes>a:nth-child(6){--vig:var(--pr-personnages)} #espaces .pr-themes>a:nth-child(7){--vig:var(--pr-mahdi)} #espaces .pr-themes>a:nth-child(8){--vig:var(--pr-restauration)} @media (max-width:60rem){#espaces .pr-hero-im{min-height:11rem}} #espaces .pr-med,#espaces .ex-med,#espaces .pr-rond{ border:0;background:var(--p) center/cover no-repeat;box-shadow:0 3px 12px rgba(0,0,0,.5)} #espaces .pr-med svg,#espaces .ex-med svg,#espaces .pr-rond svg{display:none} #espaces .pr-med{width:3rem;height:3rem;top:-1.5rem} #espaces .pr-rond{width:3.6rem;height:3.6rem} #espaces .ex-med{border-radius:50%} #espaces .pr-th{overflow:visible;min-height:15.5rem;padding:2.6rem 1.6rem 1.5rem} #espaces .pr-th::before,#espaces .pr-th::after{border-radius:inherit} #espaces .pr-th::before{opacity:.92} #espaces .pr-th::after{ background: linear-gradient(102deg,rgba(7,12,27,.93) 0,rgba(7,12,27,.86) 34%, rgba(7,12,27,.5) 68%,rgba(7,12,27,.24) 100%), linear-gradient(to top,rgba(7,12,27,.8) 0,transparent 46%)} #espaces .pr-th:hover::after{ background: linear-gradient(102deg,rgba(7,12,27,.88) 0,rgba(7,12,27,.74) 34%, rgba(7,12,27,.34) 68%,rgba(7,12,27,.1) 100%), linear-gradient(to top,rgba(7,12,27,.72) 0,transparent 46%)} #espaces .pr-th b{text-shadow:0 2px 14px rgba(7,12,27,.95)} #espaces .pr-de{text-shadow:0 1px 10px rgba(7,12,27,.95)} #espaces .pr-themes>a:nth-child(1) .pr-med{--p:var(--p-trouble)} #espaces .pr-themes>a:nth-child(2) .pr-med{--p:var(--p-societe)} #espaces .pr-themes>a:nth-child(3) .pr-med{--p:var(--p-tromperie)} #espaces .pr-themes>a:nth-child(4) .pr-med{--p:var(--p-ciel)} #espaces .pr-themes>a:nth-child(5) .pr-med{--p:var(--p-gog)} #espaces .pr-themes>a:nth-child(6) .pr-med{--p:var(--p-personnages)} #espaces .pr-themes>a:nth-child(7) .pr-med{--p:var(--p-mahdi)} #espaces .pr-themes>a:nth-child(8) .pr-med{--p:var(--p-restauration)} #espaces .pr-signes>a:nth-child(1) .pr-rond{--p:var(--p-s-dajjal)} #espaces .pr-signes>a:nth-child(2) .pr-rond{--p:var(--p-s-isa)} #espaces .pr-signes>a:nth-child(3) .pr-rond{--p:var(--p-s-yajuj)} #espaces .pr-signes>a:nth-child(4) .pr-rond{--p:var(--p-s-fumee)} #espaces .pr-signes>a:nth-child(5) .pr-rond{--p:var(--p-s-bete)} #espaces .pr-signes>a:nth-child(6) .pr-rond{--p:var(--p-s-soleil)} #espaces .pr-signes>a:nth-child(7) .pr-rond{--p:var(--p-s-terre)} #espaces .pr-signes>a:nth-child(8) .pr-rond{--p:var(--p-s-feu)} #espaces .c-haut .ex-med{--p:var(--p-r-parchemin)} #espaces .c-gauche .ex-med{--p:var(--p-r-capuche)} #espaces .c-droite .ex-med{--p:var(--p-r-etoile)} #espaces .c-bg .ex-med{--p:var(--p-r-arbre)} #espaces .c-bd .ex-med{--p:var(--p-r-sablier)} #espaces .pr-th .pr-med,#espaces .pr-signes a .pr-rond{ background:var(--p) center/cover no-repeat;border:0} #espaces .pr-th .pr-med{width:3.4rem;height:3.4rem;top:-1.7rem;left:1.5rem} #espaces .pr-signes a .pr-rond{width:4rem;height:4rem} #espaces .pr-th{min-height:17rem;padding:3rem 1.7rem 1.6rem} #espaces .pr-th b{font-size:1.44rem;margin-bottom:.7rem} #espaces .pr-de{font-size:1.04rem;line-height:1.55;margin-bottom:1.1rem} #espaces .pr-th .pr-fl{font-size:.78rem;letter-spacing:.13em} #espaces .pr-signes i{font-size:.72rem} #espaces .pr-txt q{font-size:1.06rem} #espaces .pr-struct{font-size:1.02rem} #espaces .pr-tab{font-size:.95rem} #espaces .pr-tab th{font-size:.68rem} #espaces .pr-note{font-size:.92rem} #espaces .pr-st2{font-size:1.02rem} #espaces .pr-st{font-size:1.12rem} #espaces .pr-plein{grid-column:1/-1;margin-top:1.2rem;text-align:center} #espaces .pr-plein .pr-t2,#espaces .pr-plein .pr-st2{text-align:center} #espaces .pr-plein .pr-t2{letter-spacing:.1em;text-transform:uppercase;font-size:1.4rem} #espaces .pr-signes{display:flex;justify-content:space-between;align-items:flex-start; gap:.4rem;position:relative;max-width:56rem;margin:2rem auto 0;grid-template-columns:none} #espaces .pr-signes::before{content:"";position:absolute;left:6%;right:6%;top:2rem; height:1px;background:linear-gradient(to right,transparent,var(--or-sourd) 8%, var(--or-sourd) 92%,transparent);z-index:0} #espaces .pr-signes a{position:relative;z-index:1;flex:1 1 0;min-width:0} #espaces .pr-signes .pr-rond{margin:0 auto .7rem} #espaces .pr-signes i{font-size:.68rem;letter-spacing:.05em;line-height:1.3; text-transform:uppercase;color:var(--or-clair);opacity:.85} #espaces .pr-signes a:hover i{opacity:1} #espaces .pr-plein .pr-note{max-width:44rem;margin:1.8rem auto 0;text-align:left} #espaces .pr-plein .pr-plus{margin-top:1.8rem;padding:.85rem 2.4rem;border:1px solid rgba(201,161,90,.4);border-radius:.3rem;border-bottom-width:1px} #espaces .pr-plein .pr-plus:hover{background:rgba(201,161,90,.12)} #espaces .pr-plein .pr-commencer{max-width:44rem;margin:0 auto} #espaces .pr-plein .pr-passerelle{max-width:44rem;margin:1.4rem auto 0;text-align:left} @media (max-width:60rem){ #espaces .pr-signes{flex-wrap:wrap;gap:1.2rem} #espaces .pr-signes::before{display:none} #espaces .pr-signes a{flex:0 0 28%} } #espaces{background:var(--nuit)} #espaces::before{content:"";position:fixed;inset:0;z-index:-2; background:var(--etoiles) center/cover no-repeat fixed} #espaces::after{content:"";position:fixed;inset:0;z-index:-1; background:linear-gradient(to bottom,rgba(7,12,27,.86),rgba(7,12,27,.93))} #espaces .e-large{position:relative;z-index:1} #espaces .pr-bloc,#espaces .e-avert,#espaces .ex-compte,#espaces .pr-txt, #espaces .pr-commencer a,#espaces .e-tuile,#espaces .pr-passerelle{ background-color:rgba(11,18,36,.62);backdrop-filter:blur(6px)} #espaces .pr-bloc{border-color:rgba(201,161,90,.26)} #espaces .ex::before{z-index:-1} #espaces .ex::after{z-index:0} #espaces .ex>.e-large{z-index:1} #espaces .am{text-align:left} #espaces .am-tete{text-align:center;margin-bottom:3rem} #espaces .am-tete .pr-sur{margin:0} #espaces .am h1{margin:.1rem 0 1.2rem;font-size:clamp(2.8rem,7vw,4.8rem); letter-spacing:.08em;text-transform:uppercase;color:var(--or-clair); text-shadow:0 2px 30px rgba(201,161,90,.24)} #espaces .am-sous{margin:0;font-size:1.3rem;font-style:italic;color:var(--blanc); opacity:.9;text-wrap:balance} #espaces .am-texte{max-width:42rem;margin:0 auto;font-size:1.08rem;line-height:1.75} #espaces .am-texte p{margin:0 0 1.1rem;color:var(--sourd);text-wrap:pretty} #espaces .am-texte b{color:var(--blanc);font-weight:400} #espaces .am-ouverture{font-size:1.2rem;color:var(--blanc)!important;opacity:.92} #espaces .am-avert{margin:2rem 0 3.4rem;padding:1.1rem 1.4rem;border-radius:.4rem; border:1px solid rgba(201,161,90,.28);background:rgba(74,56,26,.18); font-size:.95rem;color:var(--sourd)} #espaces .am-avert b{color:var(--or-clair)} #espaces .am-part{position:relative;padding:2.6rem 0 2rem; border-top:1px solid rgba(201,161,90,.18)} #espaces .am-n{position:absolute;top:2.5rem;left:-3.6rem;font-family:var(--appareil); font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--or-sourd)} #espaces .am-part h2{margin:0 0 .35rem;font-size:1.86rem;font-weight:400; letter-spacing:.02em;color:var(--or-clair)} #espaces .am-st{margin:0 0 1.4rem!important;font-style:italic;color:var(--or)!important; font-size:1.02rem} #espaces .am-cit{margin:1.6rem 0;padding:1.2rem 0 1.2rem 1.6rem; border-left:2px solid var(--or-sourd);font-size:1.18rem;font-style:italic; color:var(--blanc);line-height:1.6} #espaces .am-cit b{font-style:normal;color:var(--or-clair)} #espaces .am-quatre{color:var(--blanc)!important;font-style:italic;line-height:2} #espaces .am-fin{margin:1.4rem 0 0;padding-left:1.3rem;color:var(--sourd)} #espaces .am-fin li{margin-bottom:.55rem} #espaces .am-vers{display:inline-block;margin:.5rem 1.4rem 0 0;font-family:var(--appareil); font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase; color:var(--or);border-bottom:1px solid rgba(201,161,90,.35);padding-bottom:.2rem} #espaces .am-vers:hover{color:var(--or-clair)} #espaces .am .pr-passerelle{margin-top:3.4rem} @media (max-width:60rem){ #espaces .am-n{position:static;display:block;margin-bottom:.5rem} #espaces .am-texte{font-size:1.02rem} } #espaces .ex-lectures{display:grid;gap:1.4rem;margin:3.4rem auto 0;max-width:66rem; grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:52rem){#espaces .ex-lectures{grid-template-columns:1fr}} #espaces .ex-lecture{display:block;margin:0;padding:1.9rem 2rem; border-radius:.5rem;border:1px solid rgba(201,161,90,.32); background:rgba(11,18,36,.66);backdrop-filter:blur(6px);text-align:left; transition:border-color .2s,transform .2s} #espaces .ex-lecture:hover{border-color:var(--or);transform:translateY(-3px)} #espaces .ex-lecture b{display:block;margin:.5rem 0 .6rem;font-size:1.9rem;font-weight:400; color:var(--or-clair)} #espaces .ex-lecture>span:not(.ex-eti):not(.e-fleche){display:block;color:var(--sourd); font-size:.98rem;margin-bottom:1.1rem} #espaces .am-trouve{margin:1.8rem 0;padding:1.3rem 1.5rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.3);background:rgba(74,56,26,.16)} #espaces .am-trouve p{margin:0 0 .8rem;font-size:.98rem} #espaces .am-eti{display:block;margin-bottom:.7rem;font-family:var(--appareil); font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase; color:var(--or)} #espaces .am-h3{margin:2rem 0 .8rem;font-family:var(--appareil);font-size:.7rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or)} #espaces .am-niveaux{counter-reset:niv;list-style:none;margin:1.4rem 0;padding:0} #espaces .am-niveaux li{counter-increment:niv;position:relative;padding:.9rem 0 .9rem 3.2rem; border-top:1px solid rgba(201,161,90,.18)} #espaces .am-niveaux li::before{content:counter(niv);position:absolute;left:0;top:.75rem; width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center; border:1px solid rgba(201,161,90,.45);color:var(--or-clair); font-family:var(--appareil);font-size:.8rem} #espaces .am-niveaux b{display:block;font-size:1.14rem;color:var(--blanc);font-weight:400} #espaces .am-niveaux span{display:block;margin-top:.2rem;font-size:.92rem;color:var(--sourd)} #espaces .am-cle{border-left-width:3px;border-left-color:var(--or); background:linear-gradient(90deg,rgba(201,161,90,.1),transparent 70%); padding-right:1.2rem;font-size:1.24rem} #espaces .ex-lecture{position:relative;padding:2.6rem 2.2rem 2rem; border-color:rgba(201,161,90,.5); background:linear-gradient(150deg,rgba(74,56,26,.4),rgba(11,18,36,.8))} #espaces .ex-lecture:hover{box-shadow:0 12px 34px rgba(0,0,0,.45)} #espaces .ex-past{position:absolute;top:-1.6rem;left:2.2rem;width:3.2rem;height:3.2rem; border-radius:50%;background:var(--p-r-parchemin) center/cover no-repeat; box-shadow:0 3px 12px rgba(0,0,0,.5)} #espaces .ex-lecture b{font-size:2.1rem} #espaces .ex-lecture .e-fleche{border-bottom-color:var(--or)} #espaces .el h1{margin:0 0 1.2rem;font-size:clamp(2.4rem,5.4vw,4rem);font-weight:400; line-height:1.06;letter-spacing:.04em;text-transform:uppercase;color:var(--or-clair); text-shadow:0 2px 30px rgba(201,161,90,.22)} #espaces .el-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:2.4rem; align-items:center;margin:0 0 2rem} #espaces .el-chapo{margin:0 0 1.2rem;font-size:1.22rem;font-style:italic; color:var(--or);text-wrap:pretty} #espaces .el-intro{margin:0;color:var(--sourd);font-size:1.04rem;text-wrap:pretty} #espaces .el-intro b{color:var(--blanc);font-weight:400} #espaces .el-hero-im{min-height:22rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.3); background:var(--im,var(--el-hero)) center/cover no-repeat} #espaces .el-grille{display:grid;grid-template-columns:1fr 21rem;gap:2.4rem; align-items:start} #espaces .el-sec{position:relative;padding:1.9rem 0; border-top:1px solid rgba(201,161,90,.16)} #espaces .el-sec:first-child{border-top:0} #espaces .el-num{position:absolute;left:0;top:1.9rem;width:2.6rem;height:2.6rem; border-radius:50%;display:grid;place-items:center;border:1px solid rgba(201,161,90,.5); color:var(--or-clair);font-family:var(--appareil);font-size:.9rem} #espaces .el-tete{padding-left:3.6rem;margin-bottom:1.1rem} #espaces .el-sec h2{margin:.15rem 0 .2rem;font-size:1.44rem;font-weight:400; letter-spacing:.05em;text-transform:uppercase;color:var(--or-clair);text-wrap:balance} #espaces .el-sous{margin:0;font-style:italic;color:var(--or);font-size:.98rem} #espaces .el-corps{display:grid;grid-template-columns:15rem 1fr;gap:1.6rem; padding-left:3.6rem;align-items:start} #espaces .el-vign{display:block;aspect-ratio:440/302;border-radius:.35rem; border:1px solid rgba(201,161,90,.3);background:var(--v) center/cover no-repeat} #espaces .el-svg{width:100%;height:auto;border-radius:.35rem; border:1px solid rgba(201,161,90,.25);background:rgba(7,12,27,.55); font-family:var(--appareil)} #espaces .el-txt p{margin:0 0 .7rem;color:var(--sourd);font-size:1rem;line-height:1.65; text-wrap:pretty} #espaces .el-txt b{color:var(--blanc);font-weight:400} #espaces .el-txt i{color:var(--or-clair);font-style:italic} #espaces .el-txt p:last-child{margin-bottom:0} #espaces .el-final{margin:2.6rem 0 0;padding:2rem 2.2rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.4); background:linear-gradient(105deg,rgba(74,56,26,.42),rgba(11,18,36,.7)); font-size:1.24rem;font-style:italic;color:var(--blanc);line-height:1.6} #espaces .el-final b{font-style:normal;color:var(--or-clair);font-weight:400} #espaces .el-cote{display:grid;gap:1.1rem;position:sticky;top:5.5rem} #espaces .el-bloc{padding:1.4rem 1.5rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.25);background:rgba(11,18,36,.66); backdrop-filter:blur(6px)} #espaces .el-bloc h3{margin:0 0 .9rem;font-family:var(--appareil);font-size:.64rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or)} #espaces .el-resume{margin:0;padding:0;list-style:none;display:grid;gap:.7rem} #espaces .el-resume li{position:relative;padding-left:1.2rem;font-size:.92rem; line-height:1.5;color:var(--sourd);text-wrap:pretty} #espaces .el-resume li::before{content:"✦";position:absolute;left:0;top:0; color:var(--or);font-size:.72rem} #espaces .el-resume b{color:var(--blanc);font-weight:400} #espaces .el-cit{background:linear-gradient(150deg,rgba(74,56,26,.34),rgba(11,18,36,.7))} #espaces .el-cit p{margin:0 0 .6rem;font-style:italic;font-size:1.02rem; color:var(--or-clair);line-height:1.55} #espaces .el-cit b{font-style:normal;color:var(--blanc);font-weight:400} #espaces .el-cit span{font-family:var(--appareil);font-size:.62rem;letter-spacing:.14em; text-transform:uppercase;color:var(--sourd-2)} #espaces .el-liens{display:grid;gap:.1rem} #espaces .el-liens a{display:flex;justify-content:space-between;align-items:center; gap:.8rem;padding:.5rem 0;font-size:.92rem;color:var(--sourd); border-bottom:1px solid rgba(201,161,90,.1)} #espaces .el-liens a:last-child{border-bottom:0} #espaces .el-liens a:hover{color:var(--or-clair)} #espaces .el-liens i{font-style:normal;color:var(--or-sourd)} #espaces .el-liens a:hover i{color:var(--or)} #espaces .el-mots{display:flex;flex-wrap:wrap;gap:.4rem} #espaces .el-mots span{padding:.3rem .7rem;border-radius:1rem;font-family:var(--appareil); font-size:.66rem;letter-spacing:.04em;color:var(--sourd); border:1px solid rgba(201,161,90,.28);background:rgba(7,12,27,.5)} #espaces .el-note p{margin:0 0 .7rem;font-size:.88rem;line-height:1.55;color:var(--sourd)} #espaces .el-note p:last-child{margin-bottom:0} #espaces .el-note b{color:var(--or-clair);font-weight:400} #espaces .el-nav{margin-top:2.4rem;padding:1.6rem 1.8rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.25);background:rgba(11,18,36,.6)} #espaces .el-nav>p{margin:0 0 1.1rem;font-family:var(--appareil);font-size:.64rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or)} #espaces .el-nav>div{display:grid;gap:.9rem; grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))} #espaces .el-nav a{text-align:center;padding:.9rem .5rem;border-radius:.35rem; border:1px solid rgba(201,161,90,.2);transition:border-color .2s,transform .2s} #espaces .el-nav a:hover{border-color:var(--or);transform:translateY(-2px)} #espaces .el-nav b{display:block;font-size:.98rem;font-weight:400;color:var(--or-clair)} #espaces .el-nav span{display:block;margin-top:.2rem;font-size:.8rem;color:var(--sourd)} @media (max-width:68rem){ #espaces .el-hero{grid-template-columns:1fr} #espaces .el-hero-im{min-height:14rem;order:-1} #espaces .el-grille{grid-template-columns:1fr} #espaces .el-cote{position:static} #espaces .el-corps{grid-template-columns:1fr;padding-left:0} #espaces .el-tete{padding-left:3.4rem} #espaces .el-media{max-width:22rem} } #espaces .el-corps{grid-template-columns:17rem 1fr} #espaces .el-media{align-self:start} #espaces .el-col{min-width:0} #espaces .el-txt{--h:8.9rem;max-height:var(--h);overflow:hidden; transition:max-height .5s ease; -webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 98%); mask-image:linear-gradient(to bottom,#000 62%,transparent 98%)} #espaces .el-sec.ouvert .el-txt{max-height:120rem; -webkit-mask-image:none;mask-image:none} #espaces .el-plus{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem; padding:.4rem 0;background:none;border:0;cursor:pointer;color:var(--or); font-family:var(--appareil);font-size:.66rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase;border-bottom:1px solid rgba(201,161,90,.35)} #espaces .el-plus:hover{color:var(--or-clair);border-bottom-color:var(--or)} #espaces .el-plus svg{width:1.05rem;height:1.05rem;transition:transform .35s ease} #espaces .el-sec.ouvert .el-plus svg{transform:rotate(180deg)} @media (max-width:68rem){ #espaces .el-corps{grid-template-columns:1fr} #espaces .el-txt{--h:none;max-height:none;-webkit-mask-image:none;mask-image:none} #espaces .el-plus{display:none} #espaces .el-col{display:contents} } #espaces .pr-med,#espaces .ex-med,#espaces .pr-rond{ border:2px solid var(--or); box-shadow:inset 0 0 0 1.5px rgba(7,12,27,.92),0 3px 14px rgba(0,0,0,.55)} #espaces .pr-th .pr-med,#espaces .pr-signes a .pr-rond{ border:2px solid var(--or)} #espaces .pr-signes a:hover .pr-rond,#espaces .ex-cercle:hover .ex-med{ border-color:var(--or-clair)} #espaces .ap h1{margin:0 0 1rem;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:400; letter-spacing:.03em;color:var(--or-clair)} #espaces .ap-chapo{margin:0 0 3rem;max-width:40rem;font-size:1.24rem;font-style:italic; color:var(--blanc);opacity:.92;text-wrap:pretty} #espaces .ap-texte{max-width:42rem;font-size:1.06rem;line-height:1.75} #espaces .ap-texte p{margin:0 0 1.05rem;color:var(--sourd);text-wrap:pretty} #espaces .ap-texte b{color:var(--blanc);font-weight:400} #espaces .ap-texte i{color:var(--or-clair)} #espaces .ap-intro{font-size:1.2rem;color:var(--or-clair)!important;font-style:italic} #espaces .ap-texte h2{margin:2.8rem 0 1rem;font-size:1.5rem;font-weight:400; letter-spacing:.02em;color:var(--or-clair)} #espaces .ap-cit{margin:2rem 0;padding:1.3rem 1.6rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.3);background:rgba(74,56,26,.18); font-size:1.04rem;color:var(--sourd)} #espaces .ap-cit b{color:var(--or-clair);font-weight:400} #espaces .ap-liste{margin:0;padding-left:1.2rem;color:var(--sourd)} #espaces .ap-liste li{margin-bottom:.85rem;text-wrap:pretty} #espaces .ap-liste b{color:var(--blanc);font-weight:400} #espaces .ap-fin{margin:3rem 0 0;padding:1.8rem 2rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.35); background:linear-gradient(105deg,rgba(74,56,26,.34),rgba(11,18,36,.7))} #espaces .ap-fin p{margin:0 0 .6rem;font-size:1.18rem;font-style:italic; color:var(--or-clair)} #espaces .ap-fin span{font-family:var(--appareil);font-size:.7rem;font-weight:600; letter-spacing:.16em;text-transform:uppercase;color:var(--sourd)} #espaces .co{text-align:center} #espaces .co-titre{margin:0;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:400; letter-spacing:.13em;text-transform:uppercase;color:var(--or-clair); text-shadow:0 2px 30px rgba(201,161,90,.26)} #espaces .co .ex-orn{margin:1rem 0 1.2rem} #espaces .co-sous{margin:0 0 1.3rem;font-size:1.24rem;font-style:italic; color:var(--or-clair)} #espaces .co-chapo{margin:0 auto 2.4rem;max-width:44rem;color:var(--sourd); text-wrap:pretty} #espaces .co-chapo b{color:var(--blanc);font-weight:400} #espaces .co-chercher{flex-direction:row;align-items:center;text-align:left; padding:1rem 1.6rem} #espaces .co-chercher span{display:block} #espaces .co-chercher b{display:block;font-family:var(--appareil);font-size:.78rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or-clair)} #espaces .co-chercher i{display:block;margin-top:.2rem;font-style:normal; font-size:.92rem;color:var(--sourd-2)} #espaces .co-bas{margin-top:3rem} #espaces .co-centre{display:grid;grid-template-columns:auto 1fr;gap:2rem; align-items:center;text-align:left;margin:2.6rem 0 1.2rem;padding:2rem 2.2rem; border-radius:.5rem;border:1px solid rgba(201,161,90,.4); background:linear-gradient(150deg,rgba(74,56,26,.34),rgba(11,18,36,.78)); backdrop-filter:blur(6px);transition:border-color .2s,transform .2s} #espaces .co-centre:hover{border-color:var(--or);transform:translateY(-3px)} #espaces .co-centre-med{width:8.5rem;height:8.5rem;border-radius:50%; border:2px solid var(--or);background:var(--p) center/cover no-repeat; box-shadow:inset 0 0 0 1.5px rgba(7,12,27,.92),0 4px 18px rgba(0,0,0,.55)} #espaces .co-centre b{display:block;font-size:2rem;font-weight:400;letter-spacing:.08em; text-transform:uppercase;color:var(--or-clair)} #espaces .co-centre i{display:block;margin:.2rem 0 .8rem;font-size:1.06rem; color:var(--or)} #espaces .co-centre p{margin:0 0 1rem;color:var(--sourd);font-size:.98rem; text-wrap:pretty} #espaces .co-centre p b{display:inline;font-size:inherit;letter-spacing:0; text-transform:none;color:var(--blanc)} #espaces .co-fl{display:block;font-family:var(--appareil);font-size:.7rem;font-weight:600; letter-spacing:.16em;text-transform:uppercase;color:var(--or)} #espaces .co-fl em{font-style:normal;display:inline-block;transition:transform .2s} #espaces .co-centre:hover .co-fl em,#espaces .co-rub:hover .co-fl em{transform:translateX(4px)} #espaces .co-rubs{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr)); text-align:left} #espaces .co-rub{position:relative;padding:1.6rem 1.6rem 1.4rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.28);background:rgba(11,18,36,.62); backdrop-filter:blur(6px);display:flex;flex-direction:column; transition:border-color .2s,transform .2s,background .2s} #espaces .co-rub:hover{border-color:var(--or);transform:translateY(-3px); background:rgba(16,26,51,.8)} #espaces .co-n{font-family:var(--appareil);font-size:1.5rem;font-weight:300; letter-spacing:.06em;color:var(--or-sourd)} #espaces .co-rub b{display:block;margin:.1rem 0 .25rem;font-size:1.24rem;font-weight:400; letter-spacing:.09em;text-transform:uppercase;color:var(--or-clair)} #espaces .co-rub i{display:block;font-size:.94rem;color:var(--or);line-height:1.4} #espaces .co-med{display:block;width:3rem;height:3rem;margin:1.1rem 0 .9rem; border-radius:50%;border:2px solid var(--or);background:var(--p) center/cover no-repeat; box-shadow:inset 0 0 0 1.5px rgba(7,12,27,.92),0 3px 12px rgba(0,0,0,.5)} #espaces .co-de{display:block;flex:1;font-size:.92rem;line-height:1.55;color:var(--sourd); margin-bottom:1.1rem;text-wrap:pretty} #espaces .co-de b{color:var(--blanc);font-weight:400} #espaces .co-part{margin-top:3.4rem;text-align:left} #espaces .co-part h2{display:flex;align-items:center;gap:1.2rem;margin:0 0 .5rem; font-family:var(--appareil);font-size:.78rem;font-weight:600;letter-spacing:.22em; text-transform:uppercase;color:var(--or)} #espaces .co-part h2::before,#espaces .co-part h2::after{content:"";flex:1;height:1px; background:rgba(201,161,90,.3)} #espaces .co-part h2 span{flex:0 0 auto} #espaces .co-st{margin:0 0 1.6rem;text-align:center;color:var(--sourd);font-size:.98rem} #espaces .co-aff{margin:0 auto 1.4rem;max-width:40rem;text-align:center; font-size:1.6rem;font-style:italic;color:var(--or-clair);line-height:1.45} #espaces .co-champ{max-width:40rem;margin:0 auto 1.2rem;padding:.8rem 1.2rem; border-radius:.4rem;border:1px solid rgba(201,161,90,.25);background:rgba(74,56,26,.16)} #espaces .co-champ i{display:block;font-family:var(--appareil);font-size:.58rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or); font-style:normal;margin-bottom:.15rem} #espaces .co-champ b{font-weight:400;color:var(--blanc)} #espaces .co-details{max-width:40rem;margin:0 auto;display:grid;gap:.4rem} #espaces .co-details details{border:1px solid rgba(201,161,90,.2);border-radius:.4rem; background:rgba(7,12,27,.5)} #espaces .co-details summary{padding:.7rem 1.1rem;cursor:pointer;list-style:none; font-family:var(--appareil);font-size:.68rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase;color:var(--or-clair)} #espaces .co-details summary::-webkit-details-marker{display:none} #espaces .co-details summary::after{content:"+";float:right;color:var(--or)} #espaces .co-details details[open] summary::after{content:"−"} #espaces .co-details p{margin:0;padding:0 1.1rem 1rem;font-size:.95rem;color:var(--sourd); line-height:1.6} #espaces .co-details b{color:var(--blanc);font-weight:400} #espaces .co-details a{color:var(--or);border-bottom:1px solid rgba(201,161,90,.4)} #espaces .co-niv{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); margin-top:1.4rem} #espaces .co-niv>div{padding-left:.2rem} #espaces .co-niv b{display:block;margin:.9rem 0 .2rem;font-size:1.16rem;font-weight:400; letter-spacing:.1em;text-transform:uppercase;color:var(--or-clair)} #espaces .co-niv i{display:block;margin-bottom:.5rem;color:var(--or);font-size:.94rem} #espaces .co-cle{margin:2rem 0 0;text-align:center;font-size:1.2rem;font-style:italic; color:var(--or-clair)} #espaces .co-chemins{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); margin-top:1.4rem} #espaces .co-chemins a{padding:1.4rem 1.3rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.25);background:rgba(11,18,36,.6); transition:border-color .2s,transform .2s} #espaces .co-chemins a:hover{border-color:var(--or);transform:translateY(-2px)} #espaces .co-chemins .co-med{width:2.4rem;height:2.4rem;margin:0 0 .8rem} #espaces .co-chemins i{display:block;font-style:normal;font-size:.92rem;color:var(--sourd)} #espaces .co-chemins b{display:block;margin-bottom:.9rem;font-size:1rem;font-weight:400; color:var(--blanc)} @media (max-width:56rem){ #espaces .co-centre{grid-template-columns:1fr;text-align:center;justify-items:center} #espaces .co-centre-med{width:6rem;height:6rem} } #espaces .co-rubs{grid-template-columns:repeat(3,minmax(0,1fr))} #espaces .co-rub>b{display:block;margin:.1rem 0 .25rem;font-size:1.24rem;font-weight:400; letter-spacing:.09em;text-transform:uppercase;color:var(--or-clair)} #espaces .co-rub .co-de b{display:inline;margin:0;font-size:inherit;letter-spacing:0; text-transform:none;color:var(--blanc);font-weight:400} #espaces .co-rub>i{display:block;font-size:.94rem;color:var(--or);line-height:1.4; min-height:2.6rem} #espaces .co-bas-rub{display:grid;grid-template-columns:auto 1fr;gap:1rem; align-items:start;margin:1.1rem 0 1.1rem;flex:1} #espaces .co-bas-rub .co-med{margin:0} #espaces .co-bas-rub .co-de{margin:0} @media (max-width:76rem){#espaces .co-rubs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:52rem){ #espaces .co-rubs{grid-template-columns:1fr} #espaces .co-rub>i{min-height:0} } #espaces .co-haut,#espaces .co-bas-rub{display:grid;grid-template-columns:3.2rem 1fr; gap:.9rem;align-items:start} #espaces .co-haut{align-items:baseline;margin-bottom:.2rem} #espaces .co-n{font-size:1.6rem;text-align:center;line-height:1} #espaces .co-ti{display:block} #espaces .co-rub .co-ti b{display:block;margin:0 0 .3rem;font-size:1.16rem;font-weight:400; letter-spacing:.1em;text-transform:uppercase;color:var(--or-clair);line-height:1.2} #espaces .co-rub .co-ti i{display:block;font-size:.92rem;color:var(--or);line-height:1.45; min-height:2.7rem} #espaces .co-bas-rub{margin:.9rem 0 1.2rem} #espaces .co-bas-rub .co-med{width:3rem;height:3rem;margin:0 auto} #espaces .co-rub>b,#espaces .co-rub>i{display:none} #espaces .co-fl{padding-left:.2rem} #espaces .co-niv>div{padding:0 1.6rem;border-left:1px solid rgba(201,161,90,.2)} #espaces .co-niv>div:first-child{border-left:0;padding-left:.2rem} #espaces .co-niv .co-med{width:3.4rem;height:3.4rem;margin:0 0 .9rem} #espaces .co-ch-haut{display:grid;grid-template-columns:auto 1fr;gap:.9rem; align-items:center;margin-bottom:1rem} #espaces .co-ch-haut .co-med{margin:0} #espaces .co-chemins i{display:block;font-style:normal;font-size:.9rem;color:var(--sourd); line-height:1.35} #espaces .co-chemins b{display:block;margin:0;font-size:.96rem;font-weight:400; color:var(--blanc);line-height:1.35} @media (max-width:52rem){#espaces .co-rub .co-ti i{min-height:0}} .mb-voile{position:fixed;inset:0;z-index:9500;display:grid;place-items:center; padding:1.5rem;background:rgba(4,7,16,.86);backdrop-filter:blur(8px); font-family:var(--display);color:var(--blanc)} .mb-voile[hidden]{display:none} .mb-boite{position:relative;width:min(34rem,100%);max-height:86vh;overflow-y:auto; padding:2.4rem 2.4rem 2rem;border-radius:.6rem; border:1px solid rgba(201,161,90,.45); background:linear-gradient(160deg,rgba(20,32,72,.96),rgba(9,14,30,.98)); box-shadow:0 24px 70px rgba(0,0,0,.6)} .mb-large{width:min(52rem,100%)} .mb-fermer{position:absolute;top:.7rem;right:1rem;background:none;border:0;cursor:pointer; color:var(--sourd);font-size:1.9rem;line-height:1;padding:.2rem .4rem} .mb-fermer:hover{color:var(--or-clair)} .mb-eti{display:block;font-family:var(--appareil);font-size:.62rem;font-weight:600; letter-spacing:.24em;text-transform:uppercase;color:var(--or)} .mb-boite h2{margin:.5rem 0 1.1rem;font-size:1.9rem;font-weight:400;color:var(--or-clair)} .mb-boite p{margin:0 0 .9rem;color:var(--sourd);line-height:1.65} .mb-boite b{color:var(--blanc);font-weight:400} .mb-note{font-size:.94rem;padding-left:.9rem;border-left:2px solid rgba(201,161,90,.35)} .mb-actes{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0 1.2rem} .mb-plein,.mb-creux{padding:.75rem 1.5rem;border-radius:.3rem;cursor:pointer; font-family:var(--appareil);font-size:.72rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase} .mb-plein{border:0;background:linear-gradient(to bottom,#E0BC77,#C39A50);color:#1B1408} .mb-creux{border:1px solid rgba(201,161,90,.45);background:none;color:var(--or-clair)} .mb-plein:hover{box-shadow:0 8px 24px rgba(201,161,90,.35)} .mb-creux:hover{background:rgba(201,161,90,.12)} .mb-libre{margin:0;padding-top:1rem;border-top:1px solid rgba(201,161,90,.2); font-size:.92rem} .rc-champ{display:flex;align-items:center;gap:.9rem;padding:.85rem 1.2rem;margin-bottom:1rem; border-radius:.35rem;border:1px solid rgba(201,161,90,.4);background:rgba(7,12,27,.7)} .rc-champ svg{width:1.2rem;height:1.2rem;flex:none;color:var(--or)} .rc-champ input{flex:1;background:none;border:0;outline:none;color:var(--blanc); font-family:var(--display);font-size:1.06rem} .rc-champ input::placeholder{color:var(--sourd-2)} .rc-compte{margin:0 0 1rem!important;font-family:var(--appareil);font-size:.68rem; letter-spacing:.12em;text-transform:uppercase;color:var(--or)} .rc-liste{display:grid;gap:.7rem} .rc-item{padding:1rem 1.2rem;border-radius:.4rem;border:1px solid rgba(201,161,90,.2); background:rgba(7,12,27,.55)} .rc-item h3{margin:0 0 .45rem;font-size:1.1rem;font-weight:400;color:var(--or-clair)} .rc-item p{margin:0 0 .6rem!important;font-size:.95rem;line-height:1.6} .rc-item mark{background:rgba(201,161,90,.28);color:var(--blanc);border-radius:2px; padding:0 .12em} .rc-verrou{font-family:var(--appareil);font-size:.6rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase;color:var(--sourd-2)} .rc-plus{margin:.6rem 0 0!important;font-size:.9rem;color:var(--sourd-2)} @media (max-width:40rem){.mb-boite{padding:2rem 1.4rem 1.6rem}} #espaces .mh{text-align:center} #espaces .mh-etoile{display:grid;grid-template-columns:1fr minmax(0,20rem) 1fr; gap:2rem;align-items:center;margin:2.6rem 0 1rem;text-align:left} #espaces .mh-col{display:grid;gap:1rem} #espaces .mh-centre{position:relative;aspect-ratio:520/734;border-radius:.6rem; border:1px solid rgba(201,161,90,.4);overflow:hidden; background:var(--mh-centre) center/cover no-repeat} #espaces .mh-centre span{position:absolute;inset:0; background:linear-gradient(to top,rgba(7,12,27,.9),transparent 46%), radial-gradient(70% 50% at 50% 30%,transparent,rgba(7,12,27,.4))} #espaces .mh-axe{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start; padding:1.3rem 1.4rem;border-radius:.5rem;border:1px solid rgba(201,161,90,.26); background:rgba(11,18,36,.66);backdrop-filter:blur(6px); transition:border-color .2s,transform .2s,background .2s} #espaces .mh-axe:hover{border-color:var(--or);transform:translateY(-2px); background:rgba(16,26,51,.82)} #espaces .mh-axe .co-med{margin:0;width:2.8rem;height:2.8rem} #espaces .mh-tx b{display:block;margin-bottom:.4rem;font-size:1.16rem;font-weight:400; letter-spacing:.1em;text-transform:uppercase;color:var(--or-clair)} #espaces .mh-de{display:block;margin-bottom:.8rem;font-size:.94rem;line-height:1.55; color:var(--sourd);text-wrap:pretty} #espaces .mh-de b{display:inline;margin:0;font-size:inherit;letter-spacing:0; text-transform:none;color:var(--blanc)} #espaces .mh-de i{color:var(--or-clair);font-style:italic} #espaces .mh-axe:hover .co-fl em{transform:translateX(4px)} #espaces .mh-frise-bloc{margin-top:3rem} #espaces .mh-frise{display:flex;list-style:none;margin:1.6rem 0 0;padding:0; gap:.3rem;position:relative;justify-content:space-between;flex-wrap:wrap} #espaces .mh-frise::before{content:"";position:absolute;left:3%;right:3%;top:.55rem; height:1px;background:linear-gradient(to right,transparent,var(--or-sourd) 6%, var(--or-sourd) 94%,transparent)} #espaces .mh-frise li{flex:1 1 0;min-width:5.4rem;position:relative;z-index:1} #espaces .mh-frise a{display:block;text-align:center;font-family:var(--appareil); font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--sourd); line-height:1.35} #espaces .mh-frise a span{display:block;width:.85rem;height:.85rem;margin:0 auto .7rem; border-radius:50%;border:1px solid var(--or);background:var(--nuit); transition:background .2s,transform .2s} #espaces .mh-frise a:hover{color:var(--or-clair)} #espaces .mh-frise a:hover span{background:var(--or);transform:scale(1.25)} #espaces .mh-phrase{margin:3rem 0 0;padding:2rem 2.2rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.4);text-align:left; background:linear-gradient(105deg,rgba(74,56,26,.4),rgba(11,18,36,.72))} #espaces .mh-phrase p{margin:.7rem 0 0;font-size:1.2rem;font-style:italic; color:var(--blanc);line-height:1.65} #espaces .mh-phrase b{font-style:normal;color:var(--or-clair);font-weight:400} #espaces .mh-actes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap; margin-top:2.2rem} #espaces .mh-plein,#espaces .mh-creux{padding:.9rem 2rem;border-radius:.3rem; cursor:pointer;font-family:var(--appareil);font-size:.74rem;font-weight:600; letter-spacing:.16em;text-transform:uppercase;transition:transform .2s,box-shadow .2s} #espaces .mh-plein{background:linear-gradient(to bottom,#E0BC77,#C39A50);color:#1B1408} #espaces .mh-creux{border:1px solid rgba(201,161,90,.5);color:var(--or-clair)} #espaces .mh-plein:hover,#espaces .mh-creux:hover{transform:translateY(-2px)} #espaces .mh-plein:hover{box-shadow:0 10px 28px rgba(201,161,90,.35)} #espaces .mh-creux:hover{background:rgba(201,161,90,.12)} #espaces .mh-actes em{font-style:normal} @media (max-width:70rem){ #espaces .mh-etoile{grid-template-columns:1fr} #espaces .mh-centre{max-width:20rem;margin:0 auto;order:-1} } #espaces .co-rub .co-ti i{font-size:1.12rem;line-height:1.4;min-height:3.2rem} #espaces .co-rub .co-ti b{font-size:1.2rem} #espaces .co-niv i{font-size:1.08rem;line-height:1.4} #espaces .mh-tx b+.mh-de{font-size:.98rem} @media (max-width:52rem){#espaces .co-rub .co-ti i{min-height:0}} #espaces .mh-sous{display:block;margin:-.1rem 0 .7rem;font-size:1.08rem;font-style:italic; color:var(--or);line-height:1.4} #espaces .so-titre{margin:0 0 2.4rem;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:400; line-height:1.1;letter-spacing:.02em;color:var(--or-clair)} #espaces .so-texte{max-width:42rem;font-size:1.06rem;line-height:1.75} #espaces .so-texte p{margin:0 0 1.1rem;color:var(--sourd);text-wrap:pretty} #espaces .so-texte b{color:var(--blanc);font-weight:400} #espaces .so-intro{font-size:1.18rem;color:var(--or-clair)!important} #espaces .so-intro b{color:var(--or-clair)} #espaces .so-bouton{display:inline-flex;align-items:center;gap:.7rem;margin:1.4rem 0 .8rem; padding:1rem 2.2rem;border-radius:.3rem; background:linear-gradient(to bottom,#E0BC77,#C39A50);color:#1B1408; font-family:var(--appareil);font-size:.78rem;font-weight:600;letter-spacing:.16em; text-transform:uppercase;transition:transform .2s,box-shadow .2s} #espaces .so-bouton:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(201,161,90,.4)} #espaces .so-bouton em{font-style:normal} #espaces .so-adresse{font-size:.88rem;color:var(--sourd-2)!important} #espaces .so-adresse span{color:var(--or-clair);word-break:break-all; border-bottom:1px solid rgba(201,161,90,.3)} #espaces .so-fin{margin-top:1.4rem!important;font-style:italic; color:var(--or-clair)!important} #espaces .men-sout{color:var(--or-clair)!important} #espaces .so-grille{display:grid;grid-template-columns:1fr .82fr;gap:2rem; align-items:stretch} #espaces .so-texte{max-width:none;padding:2.2rem 2.4rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.35);background:rgba(11,18,36,.66); backdrop-filter:blur(6px)} #espaces .so-im{position:relative;min-height:26rem;border-radius:.5rem;overflow:hidden; border:1px solid rgba(201,161,90,.35); background:var(--el-hero) center/cover no-repeat} #espaces .so-im span{position:absolute;inset:0; background:linear-gradient(to top,rgba(7,12,27,.7),transparent 52%), linear-gradient(to right,rgba(7,12,27,.5),transparent 34%)} @media (max-width:64rem){ #espaces .so-grille{grid-template-columns:1fr} #espaces .so-im{min-height:15rem;order:-1} } #espaces .ap-hero-im{background-image:var(--ap-hero)} #espaces .ap-med{display:block;width:100%;aspect-ratio:1;max-width:9rem;margin:0 auto; border-radius:50%;border:2px solid var(--or);background:var(--p) center/cover no-repeat; box-shadow:inset 0 0 0 1.5px rgba(7,12,27,.92),0 4px 16px rgba(0,0,0,.55)} #espaces .ap .el-corps{grid-template-columns:11rem 1fr} #espaces .ap .el-txt{--h:none;max-height:none;-webkit-mask-image:none;mask-image:none} #espaces .ap h1{letter-spacing:.02em} #espaces .ap .el-final{font-style:italic} @media (max-width:68rem){#espaces .ap .el-corps{grid-template-columns:1fr} #espaces .ap .el-media{max-width:9rem}} #espaces .qi-hero-im{background-image:var(--qi-hero)} #espaces .qi-tete{margin:0 0 2.4rem;text-align:center;font-size:1.28rem} #espaces .qi-tableau{margin:3rem 0 2rem} #espaces .qi-tableau h2{margin:0 0 1.2rem;font-family:var(--appareil);font-size:.7rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or)} #espaces .qi-tableau table{width:100%;border-collapse:collapse;font-size:.95rem} #espaces .qi-tableau th{padding:.7rem .9rem;text-align:left;font-family:var(--appareil); font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase; border-bottom:1px solid rgba(201,161,90,.4);width:50%} #espaces .qi-tableau th:first-child{color:var(--or-clair)} #espaces .qi-tableau th:last-child{color:var(--sourd-2)} #espaces .qi-tableau td{padding:.7rem .9rem;color:var(--sourd);vertical-align:top; border-bottom:1px solid rgba(201,161,90,.12)} #espaces .qi-tableau td:first-child{color:var(--blanc)} #espaces .el-cle{margin-top:2rem;text-align:center;font-size:1.3rem; border-color:var(--or)} #espaces .qi-actes{justify-content:flex-start;margin-top:2.4rem} #espaces .qi-suite{margin-top:1.2rem;font-size:.92rem;color:var(--sourd-2);font-style:italic} #espaces .qi .el-txt{--h:none;max-height:none;-webkit-mask-image:none;mask-image:none} #espaces .qi .el-corps{grid-template-columns:13rem 1fr} @media (max-width:68rem){#espaces .qi .el-corps{grid-template-columns:1fr} #espaces .qi .el-media{max-width:13rem}} #espaces .qi{padding-top:2.4rem} #espaces .qi-bande{position:relative;margin:1rem 0 2.4rem;min-height:24rem; display:grid;place-items:center;text-align:center; background:var(--qi-bande) center/cover no-repeat; border-top:1px solid rgba(201,161,90,.25);border-bottom:1px solid rgba(201,161,90,.25)} #espaces .qi-bande::before{content:"";position:absolute;inset:0; background:linear-gradient(to bottom,rgba(7,12,27,.72),rgba(7,12,27,.5) 40%, rgba(7,12,27,.86))} #espaces .qi-bande-tx{position:relative;padding:3rem 1.5rem} #espaces .qi-bande h1{margin:0;font-size:clamp(2.4rem,6.4vw,4.2rem);font-weight:400; letter-spacing:.1em;text-transform:uppercase;color:var(--or-clair); text-shadow:0 2px 30px rgba(7,12,27,.95)} #espaces .qi-bande p{margin:0;font-size:1.1rem;color:var(--blanc); text-shadow:0 1px 18px rgba(7,12,27,.95)} #espaces .qi-intro{max-width:44rem;margin:0 0 2.4rem;color:var(--sourd); text-wrap:pretty} #espaces .qi-intro b{color:var(--blanc);font-weight:400} #espaces .qi-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem} #espaces .qi-panneau{padding:1.8rem 1.9rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.3);background:rgba(11,18,36,.66); backdrop-filter:blur(6px)} #espaces .qi-panneau h2{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem; font-size:1.02rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase; color:var(--or-clair);line-height:1.3} #espaces .qi-marque{flex:none;width:2.2rem;height:2.2rem;border-radius:50%; display:grid;place-items:center;border:1px solid var(--or);color:var(--or); font-size:1rem} #espaces .qi-non h2{color:var(--sourd)} #espaces .qi-non .qi-marque{border-color:var(--sourd-2);color:var(--sourd-2)} #espaces .qi-panneau ul{margin:0;padding:0;list-style:none;display:grid;gap:1.1rem} #espaces .qi-panneau li{display:grid;grid-template-columns:auto 1fr;gap:.9rem; align-items:start} #espaces .qi-ico{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--or); background:var(--p) center/cover no-repeat; box-shadow:inset 0 0 0 1.5px rgba(7,12,27,.92)} #espaces .qi-q{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center; border:1px solid rgba(201,161,90,.35);color:var(--sourd-2);font-size:1.05rem} #espaces .qi-oui li b{display:block;margin-bottom:.2rem;font-size:1rem;font-weight:400; letter-spacing:.06em;text-transform:uppercase;color:var(--or-clair)} #espaces .qi-panneau li span:last-child{font-size:.94rem;line-height:1.55; color:var(--sourd);text-wrap:pretty} #espaces .qi-oui li span:last-child b{color:var(--or-clair)} #espaces .qi-panneau li i{color:var(--sourd-2)} #espaces .qi-non li{align-items:center} #espaces .qi-titre-dep{margin:3.4rem 0 .2rem;text-align:center;font-family:var(--appareil); font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase; color:var(--or)} #espaces .qi-st-dep{margin:0 0 1.6rem;text-align:center;font-size:.95rem; color:var(--sourd-2);font-style:italic} #espaces .qi-depliants{display:grid;gap:.6rem} #espaces .qi-bloc{border-radius:.5rem;border:1px solid rgba(201,161,90,.26); background:rgba(11,18,36,.6);backdrop-filter:blur(6px);overflow:hidden; transition:border-color .2s} #espaces .qi-bloc[open]{border-color:rgba(201,161,90,.55)} #espaces .qi-bloc summary{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem; align-items:center;padding:1.1rem 1.5rem;cursor:pointer;list-style:none} #espaces .qi-bloc summary::-webkit-details-marker{display:none} #espaces .qi-bloc summary:hover .qi-ti b{color:var(--blanc)} #espaces .qi-num{font-family:var(--appareil);font-size:1.15rem;color:var(--or-sourd); text-align:center} #espaces .qi-ti b{display:block;font-size:1.14rem;font-weight:400;letter-spacing:.06em; text-transform:uppercase;color:var(--or-clair);transition:color .2s} #espaces .qi-ti i{display:block;margin-top:.15rem;font-size:.98rem;color:var(--or)} #espaces .qi-chev{font-size:1.5rem;color:var(--or);line-height:1} #espaces .qi-bloc[open] .qi-chev{transform:rotate(45deg);display:inline-block} #espaces .qi-corps{padding:0 1.5rem 1.4rem 5.5rem;max-height:22rem;overflow-y:auto; scrollbar-width:thin;scrollbar-color:rgba(201,161,90,.4) transparent} #espaces .qi-corps::-webkit-scrollbar{width:6px} #espaces .qi-corps::-webkit-scrollbar-thumb{background:rgba(201,161,90,.4); border-radius:3px} #espaces .qi-corps p{margin:0 0 .8rem;font-size:1rem;line-height:1.7;color:var(--sourd); text-wrap:pretty} #espaces .qi-corps b{color:var(--blanc);font-weight:400} #espaces .qi-corps i{color:var(--or-clair)} #espaces .qi-corps p:last-child{margin-bottom:0} #espaces .qi-retenir{display:grid;grid-template-columns:auto 1fr;gap:1.4rem; align-items:center;margin-top:2.6rem;padding:1.8rem 2rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.4); background:linear-gradient(105deg,rgba(74,56,26,.36),rgba(11,18,36,.72))} #espaces .qi-i{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center; border:1px solid var(--or);color:var(--or-clair);font-size:1.4rem;font-style:italic} #espaces .qi-retenir h3{margin:0 0 .5rem;font-family:var(--appareil);font-size:.68rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or)} #espaces .qi-retenir p{margin:0;color:var(--sourd);text-wrap:pretty} #espaces .qi-retenir b{color:var(--blanc);font-weight:400} #espaces .qi-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:1.4rem; align-items:center;margin-top:2.4rem} #espaces .qi-nav a{display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem; border-radius:.45rem;border:1px solid rgba(201,161,90,.3); background:rgba(11,18,36,.6);transition:border-color .2s,transform .2s} #espaces .qi-nav a:hover{border-color:var(--or);transform:translateY(-2px)} #espaces .qi-suiv{justify-content:flex-end;text-align:right} #espaces .qi-nav em{font-style:normal;font-size:1.2rem;color:var(--or)} #espaces .qi-nav i{display:block;font-family:var(--appareil);font-size:.6rem; font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sourd-2); font-style:normal} #espaces .qi-nav b{display:block;font-size:1.06rem;font-weight:400;color:var(--or-clair)} #espaces .qi-rosace svg{width:3rem;height:3rem;color:var(--or-sourd)} #espaces .qi-suite{margin-top:1.2rem;text-align:center;font-size:.92rem; color:var(--sourd-2);font-style:italic} @media (max-width:60rem){ #espaces .qi-duo{grid-template-columns:1fr} #espaces .qi-corps{padding-left:1.5rem;max-height:none} #espaces .qi-bloc summary{grid-template-columns:2.2rem 1fr auto;gap:.7rem; padding:1rem 1.1rem} #espaces .qi-nav{grid-template-columns:1fr} #espaces .qi-rosace{display:none} } #espaces .qi-arche{margin:0 0 2rem} #espaces .qi-arche h2{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.4rem; font-family:var(--appareil);font-size:.72rem;font-weight:600;letter-spacing:.22em; text-transform:uppercase;color:var(--or)} #espaces .qi-arche h2::before,#espaces .qi-arche h2::after{content:"";flex:1;height:1px; background:rgba(201,161,90,.3)} #espaces .qi-tr{display:grid;gap:.8rem; grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))} #espaces .qi-tr>div{padding:1.1rem 1.2rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.24);background:rgba(11,18,36,.6); backdrop-filter:blur(6px)} #espaces .qi-tr-t{display:block;font-family:var(--appareil);font-size:.58rem; font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or-sourd); margin-bottom:.45rem} #espaces .qi-tr b{display:block;font-size:1.24rem;font-weight:400;color:var(--or-clair)} #espaces .qi-tr i{display:block;margin:.1rem 0 .55rem;font-size:.92rem;color:var(--or)} #espaces .qi-tr>div>span:last-child{display:block;font-size:.9rem;line-height:1.5; color:var(--sourd);text-wrap:pretty} #espaces .qi-tr-note{margin:1.2rem 0 0;padding-left:1rem; border-left:2px solid rgba(201,161,90,.35);font-size:.95rem;color:var(--sourd); text-wrap:pretty} #espaces .qi-tr-note b{color:var(--blanc);font-weight:400} #espaces .qi-statut{display:inline-block!important;margin-top:.7rem;padding:.2rem .6rem; border-radius:1rem;font-family:var(--appareil);font-size:.55rem;font-weight:600; letter-spacing:.14em;text-transform:uppercase} #espaces .qi-corpus .qi-statut{border:1px solid rgba(201,161,90,.5);color:var(--or-clair)} #espaces .qi-hors .qi-statut{border:1px solid rgba(155,163,184,.4);color:var(--sourd)} #espaces .qi-douteux .qi-statut{border:1px solid rgba(155,163,184,.3); color:var(--sourd-2);font-style:italic} #espaces .qi-hors,#espaces .qi-douteux{background:rgba(7,12,27,.5); border-color:rgba(201,161,90,.14)} #espaces .qi-hors b,#espaces .qi-douteux b{color:var(--sourd)} #espaces .qi-corps sup{font-size:.7em} #espaces .ho-bande{background-image:var(--ho-bande);min-height:19rem} #espaces .ho-traits{display:grid;gap:.8rem;margin:2.2rem 0 1rem; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))} #espaces .ho-traits>div{display:grid;grid-template-columns:auto 1fr;gap:.9rem; align-items:center;padding:1rem 1.1rem;border-radius:.45rem; border:1px solid rgba(201,161,90,.24);background:rgba(11,18,36,.62); backdrop-filter:blur(6px)} #espaces .ho-traits .qi-ico{grid-row:span 2;width:2.6rem;height:2.6rem} #espaces .ho-traits b{display:block;font-size:1.02rem;font-weight:400; letter-spacing:.04em;color:var(--or-clair);line-height:1.25} #espaces .ho-traits i{display:block;margin-top:.15rem;font-size:.85rem;color:var(--sourd); line-height:1.35} #espaces .ho-page{display:grid;grid-template-columns:1fr 15.5rem;gap:2.2rem; align-items:start} #espaces .ho-cote{position:sticky;top:5.5rem;display:grid;gap:.9rem} #espaces .ho-cote-t{margin:0 0 .3rem;font-family:var(--appareil);font-size:.66rem; font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--or)} #espaces .ho-chapitres{display:grid} #espaces .ho-ch{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start; padding:.85rem .9rem;border-left:2px solid transparent;transition:background .2s} #espaces .ho-ch:hover{background:rgba(16,26,51,.7)} #espaces .ho-ici{border-left-color:var(--or);background:rgba(16,26,51,.8)} #espaces .ho-pt{width:1.7rem;height:1.7rem;border-radius:50%; border:1px solid rgba(201,161,90,.5);margin-top:.15rem;position:relative} #espaces .ho-ici .ho-pt{background:rgba(201,161,90,.25);border-color:var(--or)} #espaces .ho-ch b{display:block;font-size:.94rem;font-weight:400;letter-spacing:.06em; text-transform:uppercase;color:var(--or-clair);line-height:1.25} #espaces .ho-ch i{display:block;margin-top:.2rem;font-size:.8rem;font-style:normal; color:var(--sourd-2);line-height:1.35} #espaces .ho-tout{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center; padding:1rem;border-radius:.45rem;border:1px solid rgba(201,161,90,.35); background:rgba(11,18,36,.6);transition:border-color .2s} #espaces .ho-tout:hover{border-color:var(--or)} #espaces .ho-tout svg{width:1.5rem;height:1.5rem;color:var(--or)} #espaces .ho-tout span{font-family:var(--appareil);font-size:.68rem;font-weight:600; letter-spacing:.12em;text-transform:uppercase;color:var(--or-clair);line-height:1.4} #espaces .ho-tete{display:grid;grid-template-columns:1fr .82fr;gap:2rem; align-items:center;margin-bottom:2.6rem} #espaces .ho-tete h1{margin:0;font-size:clamp(2.4rem,5.6vw,4rem);font-weight:400; letter-spacing:.09em;text-transform:uppercase;color:var(--or-clair)} #espaces .ho-tete .ex-orn{margin:.8rem 0 1rem;justify-content:flex-start} #espaces .ho-tete .ex-orn i{width:4rem} #espaces .ho-sous{margin:0 0 1rem;font-size:1.24rem;font-style:italic;color:var(--or)} #espaces .ho-intro{margin:0;color:var(--sourd);line-height:1.7;text-wrap:pretty} #espaces .ho-intro b{color:var(--blanc);font-weight:400} #espaces .ho-tete-im{position:relative;min-height:19rem;border-radius:.5rem; overflow:hidden;border:1px solid rgba(201,161,90,.3); background:var(--ho-hero) center/cover no-repeat} #espaces .ho-tete-im span{position:absolute;inset:0; background:linear-gradient(to right,rgba(7,12,27,.75),transparent 46%)} #espaces .ho-t2{display:flex;align-items:center;gap:1.2rem;margin:0 0 .3rem; font-family:var(--appareil);font-size:.78rem;font-weight:600;letter-spacing:.22em; text-transform:uppercase;color:var(--or-clair)} #espaces .ho-t2::before,#espaces .ho-t2::after{content:"";flex:1;height:1px; background:rgba(201,161,90,.3)} #espaces .ho-st2{margin:0 0 1.4rem;text-align:center;font-size:.92rem; color:var(--sourd-2);font-style:italic} #espaces .ho-cartes{display:grid;gap:.9rem;grid-template-columns:repeat(4,minmax(0,1fr))} #espaces .ho-carte{border-radius:.5rem;border:1px solid rgba(201,161,90,.3); background:linear-gradient(170deg,rgba(16,26,51,.72),rgba(9,14,30,.78)); transition:border-color .2s,transform .2s} #espaces .ho-carte:hover{border-color:var(--or);transform:translateY(-3px)} #espaces .ho-carte[open]{border-color:var(--or)} #espaces .ho-carte summary{padding:1.6rem 1.2rem 1.2rem;cursor:pointer;list-style:none; text-align:center} #espaces .ho-carte summary::-webkit-details-marker{display:none} #espaces .ho-ic{width:3rem;height:3rem;margin:0 auto .9rem;color:var(--or)} #espaces .ho-carte b{display:block;margin-bottom:.7rem;font-size:1.02rem;font-weight:400; letter-spacing:.07em;text-transform:uppercase;color:var(--or-clair);line-height:1.3} #espaces .ho-court{display:block;font-size:.86rem;line-height:1.55;color:var(--sourd); text-wrap:pretty} #espaces .ho-orn{display:block;margin-top:.9rem;font-size:.7rem;color:var(--or-sourd)} #espaces .ho-carte[open] .ho-orn{color:var(--or)} #espaces .ho-long{padding:0 1.2rem 1.3rem;max-height:20rem;overflow-y:auto; scrollbar-width:thin;scrollbar-color:rgba(201,161,90,.4) transparent; border-top:1px solid rgba(201,161,90,.2);margin:0 1.2rem;padding-top:1rem} #espaces .ho-long::-webkit-scrollbar{width:5px} #espaces .ho-long::-webkit-scrollbar-thumb{background:rgba(201,161,90,.4);border-radius:3px} #espaces .ho-long p{margin:0 0 .7rem;font-size:.92rem;line-height:1.65;color:var(--sourd); text-wrap:pretty} #espaces .ho-long b{color:var(--blanc);font-weight:400} #espaces .ho-long i{color:var(--or-clair)} #espaces .ho-long p:last-child{margin-bottom:0} #espaces .ho-long h4{margin:1.1rem 0 .6rem;font-size:.74rem;font-weight:400;letter-spacing:.16em; text-transform:uppercase;color:var(--or);border-top:1px solid rgba(201,161,90,.22);padding-top:.9rem} #espaces .ho-liste{margin:0;padding:0;list-style:none} #espaces .ho-liste li{position:relative;margin:0 0 .6rem;padding-left:1.05rem; font-size:.92rem;line-height:1.65;color:var(--sourd);text-align:justify;hyphens:auto} #espaces .ho-liste li::before{content:'\2726';position:absolute;left:0;top:.05rem; font-size:.62rem;color:rgba(201,161,90,.72)} #espaces .ho-liste li:last-child{margin-bottom:0} #espaces .ho-contrastes{display:grid;grid-template-columns:auto 1fr;gap:2rem; align-items:center;margin-top:2.2rem;padding:2rem 2.2rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.4); background:linear-gradient(105deg,rgba(74,56,26,.34),rgba(11,18,36,.74))} #espaces .ho-astro svg{width:9rem;height:9rem;color:var(--or)} #espaces .ho-contrastes h3{margin:0 0 .8rem;font-size:1.5rem;font-weight:400; letter-spacing:.06em;text-transform:uppercase;color:var(--or-clair)} #espaces .ho-contrastes p{margin:0;color:var(--sourd);line-height:1.7;text-wrap:pretty} #espaces .ho-contrastes b{color:var(--blanc);font-weight:400} #espaces .ho-vers{margin-top:1.1rem!important;font-size:1.14rem;font-style:italic; color:var(--or-clair)!important;line-height:1.6} @media (max-width:76rem){ #espaces .ho-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:64rem){ #espaces .ho-page{grid-template-columns:1fr} #espaces .ho-cote{position:static;grid-template-columns:1fr;order:2} #espaces .ho-tete{grid-template-columns:1fr} #espaces .ho-tete-im{min-height:13rem;order:-1} #espaces .ho-contrastes{grid-template-columns:1fr;text-align:center} #espaces .ho-astro{margin:0 auto}} @media (max-width:44rem){#espaces .ho-cartes{grid-template-columns:1fr}} #espaces .ho-page{grid-template-columns:15rem minmax(0,1fr)} #espaces .ho-cote{order:0} #espaces .ho-corps{order:1;min-width:0} #espaces .qi>.e-large,#espaces .ho>.e-large,#espaces .am>.e-large{max-width:84rem} #espaces .am .el-grille{grid-template-columns:minmax(0,1fr) 18rem;gap:1.8rem} @media (max-width:80rem){ #espaces .am .el-grille{grid-template-columns:1fr} #espaces .am .el-cote{position:static} } @media (max-width:64rem){ #espaces .ho-page{grid-template-columns:1fr} #espaces .ho-cote{order:2;position:static} #espaces .ho-corps{order:1} } #espaces .mi-im{background-image:var(--mi-hero)} #espaces .gh-im{background-image:var(--gh-hero)} #espaces .ho-clos{margin-top:1.2rem;padding-top:1rem; border-top:1px solid rgba(201,161,90,.28)} #espaces .mi-fin .ho-astro svg{width:10rem;height:10rem} #voyage{position:fixed;inset:0;z-index:9500;overflow-y:auto;overscroll-behavior:contain; background:var(--nuit);color:var(--blanc);font-family:var(--serif);line-height:1.62} #voyage[hidden]{display:none} #voyage [hidden]{display:none !important} body.en-voyage{overflow:hidden} #voyage *{box-sizing:border-box} #voyage a{color:inherit;text-decoration:none} #voyage .large{max-width:52rem;margin:0 auto;padding:0 1.5rem} #voyage .label{font-family:var(--sans);font-size:.64rem;font-weight:600;letter-spacing:.26em; text-transform:uppercase;color:var(--or)} #voyage .ecran{display:none;min-height:100svh;flex-direction:column;padding-top:4.2rem; animation:v-parait .7s ease both} #voyage .ecran.on{display:flex} @keyframes v-parait{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} #voyage .haut{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center; justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;height:4.2rem; background:rgba(4,7,18,.96);border-bottom:1px solid var(--trait-fin); backdrop-filter:blur(8px)} #voyage .haut .sigle{display:flex;flex-direction:column;align-items:center;gap:.4rem; color:var(--or-sourd)} #voyage .inscription{display:flex;flex-direction:column;align-items:center;gap:.12rem} #voyage .inscription b{font-family:var(--serif);font-size:.78rem;font-weight:400; letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--or-clair); line-height:1.15;white-space:nowrap} #voyage .haut-droite{display:flex;align-items:center;gap:1.4rem} #voyage .quitter{display:inline-flex;align-items:center;gap:.5rem} #voyage .quitter.cadre{border:1px solid rgba(201,161,90,.5);border-radius:2rem; padding:.55rem 1.2rem;color:var(--or-clair)} #voyage .quitter.cadre:hover{background:rgba(201,161,90,.12)} #voyage .quitter{font-family:var(--sans);font-size:.64rem;font-weight:600;letter-spacing:.16em; text-transform:uppercase;color:var(--encre-douce);background:none;border:0;cursor:pointer; padding:.45rem .2rem;transition:color .2s} #voyage .quitter:hover{color:var(--or-clair)} #voyage .hero{flex:1;display:grid;place-items:center;text-align:center;position:relative; padding:2rem 1.5rem 4rem;isolation:isolate} #voyage .hero::before{ content:"";position:absolute;inset:0;z-index:-2; background-image:var(--hero);background-size:cover;background-position:center 45%; } #voyage .hero::after{ content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(to bottom,rgba(7,12,27,.62) 0%,rgba(7,12,27,.3) 30%, rgba(7,12,27,.72) 70%,var(--nuit) 100%); } #voyage .hero .dedans{max-width:38rem} #voyage h1{margin:0;font-size:clamp(2.6rem,8vw,4.2rem);font-weight:400;line-height:1; letter-spacing:-.02em;text-shadow:0 2px 40px rgba(7,12,27,.9)} #voyage .sous{margin:1.1rem 0 0;font-size:clamp(1.05rem,2.6vw,1.4rem);color:var(--or-clair); font-style:italic;text-wrap:balance;text-shadow:0 1px 22px rgba(7,12,27,.9)} #voyage .menu-texte{margin:1.8rem 0 0;font-size:1rem;color:var(--encre-douce); text-wrap:pretty;text-shadow:0 1px 16px rgba(7,12,27,.9)} #voyage .menu-texte b{color:var(--blanc);font-weight:400} #voyage .bt{display:inline-flex;align-items:center;justify-content:center;gap:.7rem; padding:.9rem 2rem;border-radius:.3rem;cursor:pointer;border:0; font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.18em; text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease} #voyage .bt.or{background:linear-gradient(to bottom,#E0BC77,#C39A50);color:#1B1408; box-shadow:0 6px 24px rgba(201,161,90,.28)} #voyage .bt.creux{background:rgba(11,20,44,.7);color:var(--or-clair); border:1px solid rgba(201,161,90,.45)} #voyage .bt:hover{transform:translateY(-2px)} #voyage .bt.or:hover{box-shadow:0 10px 30px rgba(201,161,90,.42)} #voyage .apres-bt{margin:.95rem 0 0;font-family:var(--sans);font-size:.7rem; letter-spacing:.1em;color:var(--encre-pale)} #voyage .noir{background:#03050D;justify-content:center;align-items:center;text-align:center; padding:3rem 1.5rem} #voyage .noir p{margin:0 0 2.2rem;font-size:clamp(1.4rem,4vw,2.1rem);font-weight:400; line-height:1.35;text-wrap:balance;max-width:26ch;opacity:0; animation:v-souffle 1.4s ease forwards} #voyage .noir p:nth-of-type(2){animation-delay:1.5s} #voyage .noir .bt{opacity:0;animation:v-souffle 1.2s ease 3s forwards} @keyframes v-souffle{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}} #voyage .salle{padding:4.2rem 0 0;justify-content:space-between;overflow:hidden; background:#03050D} #voyage .voile-haut{position:relative;z-index:3;text-align:center;padding:.6rem 1.5rem 1.2rem; background:linear-gradient(to bottom,rgba(3,5,13,.94) 30%,rgba(3,5,13,.55) 75%,transparent)} #voyage .grand{font-size:clamp(2rem,5.6vw,4rem);font-weight:400;letter-spacing:.14em; text-transform:uppercase;margin:0;line-height:1; text-shadow:0 0 60px rgba(232,206,147,.3)} #voyage .orn{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:.7rem 0 .9rem; color:var(--or-sourd)} #voyage .orn i{height:1px;width:3.2rem;background:linear-gradient(to right,transparent,var(--or-sourd))} #voyage .orn i+i{background:linear-gradient(to left,transparent,var(--or-sourd))} #voyage .question{margin:0 auto;max-width:34rem;font-size:clamp(.98rem,2vw,1.2rem); color:var(--or-clair);text-wrap:balance;line-height:1.45} #voyage .rien{margin:.55rem 0 0;font-size:.94rem;color:var(--encre-douce)} #voyage .scene{position:relative;width:100%;aspect-ratio:1672/941;margin:-4.5rem 0 0; flex:none} #voyage .salle-fond{position:absolute;inset:0;background-image:var(--salle); background-size:contain;background-position:center;background-repeat:no-repeat} #voyage .zones{position:absolute;inset:0} #voyage .zone{position:absolute;left:var(--x);width:var(--w);top:11%;height:60%; transform:translateX(-50%);background:none;border:0;padding:0;cursor:pointer; color:inherit;font:inherit} #voyage .halo{position:absolute;inset:0;border-radius:44% 44% 6% 6% / 26% 26% 2% 2%; background:radial-gradient(60% 50% at 50% 45%,rgba(232,206,147,.2),transparent 70%); box-shadow:inset 0 0 0 1px rgba(232,206,147,0); opacity:0;transition:opacity .35s ease,box-shadow .35s ease} #voyage .zone:hover .halo,#voyage .zone:focus-visible .halo{opacity:1; box-shadow:inset 0 0 0 1px rgba(232,206,147,.4)} #voyage .ecriteau{position:absolute;left:50%;top:var(--y);transform:translateX(-50%); width:max(9.6rem,118%);padding:.42rem .5rem .48rem;border-radius:.26rem; text-align:center;pointer-events:none; background:rgba(4,7,18,.88);border:1px solid rgba(201,161,90,.42); box-shadow:0 4px 20px rgba(3,5,13,.75); transition:background .3s ease,border-color .3s ease,box-shadow .3s ease, transform .3s ease} #voyage .ecriteau b{display:block;font-family:var(--sans); font-size:clamp(.56rem,.9vw,.8rem);font-weight:600;letter-spacing:.13em; text-transform:uppercase;color:#F6F1E4;line-height:1.25} #voyage .ecriteau i{display:block;font-style:normal; font-size:clamp(.48rem,.78vw,.68rem);color:#AAB3C6;margin-top:.22rem;line-height:1.3; text-wrap:balance} #voyage .zone:hover .ecriteau,#voyage .zone:focus-visible .ecriteau{ background:rgba(14,24,52,.96);border-color:var(--or); box-shadow:0 6px 28px rgba(3,5,13,.85),0 0 34px rgba(201,161,90,.34); transform:translateX(-50%) translateY(-2px)} #voyage .zone:hover .ecriteau i,#voyage .zone:focus-visible .ecriteau i{color:var(--or-clair)} #voyage .grand-bt{position:absolute;left:50%;bottom:11.5%;transform:translateX(-50%); padding:1.05rem 3rem;font-size:clamp(.68rem,1.15vw,.86rem);letter-spacing:.2em; border-radius:2.6rem;white-space:nowrap; background:linear-gradient(to bottom,#F0DCA8,#D9B569 52%,#C09A4E); color:#231A08;box-shadow:0 10px 40px rgba(3,5,13,.7),0 0 60px rgba(201,161,90,.3)} #voyage .grand-bt:hover{transform:translateX(-50%) translateY(-2px); box-shadow:0 14px 48px rgba(3,5,13,.75),0 0 80px rgba(201,161,90,.45)} #voyage .voile-bas{position:relative;z-index:3;padding:0 1rem 1rem;text-align:center; margin-top:-1rem; background:linear-gradient(to top,rgba(3,5,13,.97) 55%,rgba(3,5,13,.5) 85%,transparent)} #voyage .grand-bt{padding:1rem 2.6rem;font-size:.8rem;letter-spacing:.2em; border-radius:2.4rem;box-shadow:0 8px 34px rgba(201,161,90,.34);margin-bottom:1rem} #voyage .socle{display:grid;grid-template-columns:1fr auto 1fr;gap:1.6rem;align-items:center; padding:.9rem 1.4rem;border-radius:.6rem; background:rgba(8,13,30,.82);border:1px solid var(--trait-fin);text-align:left} #voyage .v-mot{display:flex;gap:.85rem;align-items:flex-start;color:var(--encre-pale); font-size:.74rem;line-height:1.45} #voyage .v-mot svg{flex:none;color:var(--or-sourd);margin-top:.1rem} #voyage .v-mot b{display:block;color:var(--or-clair);font-weight:400;font-size:.84rem; margin-bottom:.15rem} #voyage .v-mot:last-child{justify-content:flex-end;text-align:right;flex-direction:row-reverse} #voyage .jalons{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0} #voyage .jalons li{display:flex;flex-direction:column;align-items:center;gap:.3rem; position:relative;padding:0 .85rem} #voyage .jalons li::before{content:"";position:absolute;top:.5rem;left:-50%;right:50%;height:1px; background:var(--trait)} #voyage .jalons li:first-child::before{display:none} #voyage .jalons i{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--trait); background:var(--nuit);position:relative;z-index:2} #voyage .jalons li.on i{background:#7FB2E8;border-color:#AECBEE; box-shadow:0 0 14px rgba(127,178,232,.8)} #voyage .jalons span{font-family:var(--sans);font-size:.58rem;letter-spacing:.1em; color:var(--encre-pale)} #voyage .jalons li.on span{color:var(--blanc)} #voyage .statuts{display:grid;gap:.9rem;margin:1.8rem 0 2rem} #voyage .statut{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start; padding:1.1rem 1.2rem;border-left:2px solid;background:rgba(255,255,255,.025); border-radius:0 .3rem .3rem 0} #voyage .statut .v-ic{width:2rem;height:2rem;display:grid;place-items:center} #voyage .statut b{display:block;font-family:var(--sans);font-size:.66rem;font-weight:600; letter-spacing:.2em;text-transform:uppercase;margin-bottom:.3rem} #voyage .statut p{margin:0;font-size:.94rem;color:var(--encre-douce)} #voyage .s-source{border-color:#6E9C5E} #voyage .s-source b,#voyage .s-source .v-ic{color:#9CC48C} #voyage .s-rappro{border-color:var(--or)} #voyage .s-rappro b,#voyage .s-rappro .v-ic{color:var(--or-clair)} #voyage .s-lecture{border-color:#8E7FC4} #voyage .s-lecture b,#voyage .s-lecture .v-ic{color:#B3A6E0} #voyage .pacte{justify-content:center;align-items:center;text-align:center;padding:4rem 1.5rem} #voyage .pacte .lignes{max-width:32rem;margin:0 0 2.5rem;color:var(--encre-douce); font-size:1.06rem;line-height:2} #voyage .pacte .garde{margin:0 0 .5rem;font-size:clamp(1.7rem,4.6vw,2.5rem);font-weight:400; line-height:1.15;text-wrap:balance} #voyage .pacte .laisse{margin:0 0 2.4rem;font-family:var(--sans);font-size:.74rem; font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--or)} #voyage .pacte .bt small{display:block;font-size:.62rem;letter-spacing:.12em;opacity:.75; text-transform:none;margin-top:.15rem} #voyage .chap1{flex-direction:row;align-items:stretch;padding:4.2rem 0 0;overflow:hidden} #voyage .colonne{flex:none;width:17rem;display:flex;flex-direction:column; background:#050810;border-right:1px solid var(--trait-fin);overflow-y:auto; padding:1.2rem 0 1rem} #voyage .colonne-tete{display:flex;align-items:center;gap:.7rem;padding:0 1.1rem 1.1rem; color:var(--or)} #voyage .colonne-tete b{display:block;font-family:var(--serif);font-size:1.2rem; font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--blanc);line-height:1} #voyage .colonne-tete i{display:block;font-style:normal;font-family:var(--sans); font-size:.74rem;letter-spacing:.16em;color:var(--or-sourd);margin-top:.3rem} #voyage .passages{list-style:none;margin:0;padding:0;flex:1} #voyage .passages li{position:relative} #voyage .passages button{display:grid;grid-template-columns:2.4rem 1fr;gap:.85rem; width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit; cursor:pointer;padding:.8rem 1.1rem;transition:background .2s ease} #voyage .passages button:hover .rom{border-color:rgba(201,161,90,.6);color:var(--or-clair)} #voyage .passages button:hover b{color:var(--blanc)} #voyage .rom{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--trait); display:grid;place-items:center;font-family:var(--serif);font-size:.94rem; color:var(--encre-douce);flex:none} #voyage .passages b{display:block;font-family:var(--sans);font-size:.8rem;font-weight:600; letter-spacing:.06em;text-transform:uppercase;color:var(--encre-douce);line-height:1.35} #voyage .passages i{display:block;font-style:normal;font-size:.84rem; color:#B9C1D2;margin-top:.3rem;line-height:1.45} #voyage .passages li.ici::before{content:"";position:absolute;left:0;top:.35rem;bottom:.35rem; width:2px;background:var(--or)} #voyage .passages li.ici .rom{border-color:var(--or);color:var(--or-clair)} #voyage .passages li.ici b{color:var(--or-clair)} #voyage .passages li.ici i{color:#9AA4B8} #voyage .passages li.a-venir button{opacity:.5;cursor:default} #voyage .passages li.a-venir button:hover{background:none} #voyage .v-page{flex:1;position:relative;display:flex;flex-direction:column; overflow-y:auto;isolation:isolate} #voyage .page-fond{position:absolute;inset:0;z-index:-2;background-image:var(--ville); background-size:cover;background-position:center 38%} #voyage .v-page::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(to bottom,rgba(4,7,18,.9) 0%,rgba(4,7,18,.55) 20%, rgba(4,7,18,.5) 60%,rgba(4,7,18,.92) 100%)} #voyage .page-corps{flex:1;display:grid; grid-template-columns:minmax(0,38rem) minmax(0,27rem); justify-content:center;align-items:start; gap:1.4rem;padding:1.8rem 1.6rem 1.2rem;margin:0 auto;width:100%} #voyage .col-a,#voyage .col-b{display:flex;flex-direction:column;gap:1.1rem;min-width:0} #voyage .texte{max-width:none;padding:1.4rem 1.5rem;border-radius:.6rem; background:rgba(6,10,24,.78);border:1px solid var(--trait-fin); backdrop-filter:blur(7px);box-shadow:0 18px 60px rgba(3,5,13,.55)} #voyage .texte h2{margin:.5rem 0 0;font-family:var(--serif);font-weight:400; font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.06;letter-spacing:.04em; text-transform:uppercase;text-wrap:balance} #voyage .texte .orn{justify-content:flex-start;margin:1rem 0 1.3rem} #voyage .texte .q{font-size:1.12rem;color:var(--or-clair);margin:0 0 1.4rem; text-wrap:pretty} #voyage .texte p{margin:0 0 .95rem;font-size:1.02rem;color:#D6DAE4;text-wrap:pretty} #voyage .texte .fort{color:var(--blanc);font-size:1.08rem} #voyage .note-croyance{display:flex;align-items:center;gap:.7rem;margin-top:1.6rem; padding-top:1.1rem;border-top:1px solid var(--trait-fin); font-size:.86rem;color:var(--encre-pale)} #voyage .note-croyance svg{flex:none;color:var(--or-sourd)} #voyage .quartiers{background:rgba(6,10,24,.8);border:1px solid var(--trait-fin); border-radius:.6rem;padding:1.2rem;backdrop-filter:blur(6px); box-shadow:0 18px 60px rgba(3,5,13,.7)} #voyage .quartiers-tete{margin-bottom:1.1rem;padding-bottom:1rem; border-bottom:1px solid var(--trait-fin)} #voyage .quartiers .v-exergue{margin:.5rem 0 0;font-size:.96rem;color:#D6DAE4; font-style:italic;line-height:1.45} #voyage .liste-q{list-style:none;margin:0;padding:0;display:grid;gap:.3rem} #voyage .liste-q button{display:grid;grid-template-columns:1fr auto;gap:.8rem; align-items:center;width:100%;text-align:left;padding:.85rem .95rem;border-radius:.35rem; background:rgba(10,17,38,.6);border:1px solid var(--trait-fin);color:inherit; font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease} #voyage .liste-q button:hover{border-color:var(--or);background:rgba(20,32,72,.75)} #voyage .liste-q b{display:block;font-family:var(--sans);font-size:.98rem;font-weight:600; letter-spacing:.02em;color:var(--blanc);line-height:1.35} #voyage .liste-q i{display:block;font-style:italic;font-size:.94rem;color:#B9C1D2; margin-top:.3rem;line-height:1.45} #voyage .liste-q em{font-style:normal;color:var(--or-sourd);font-size:1.3rem} #voyage .liste-q li.vu button{border-color:rgba(201,161,90,.32)} #voyage .liste-q li.vu em{color:var(--or-clair)} #voyage .fiche-q{animation:v-parait .45s ease both} #voyage .fiche-q[hidden]{display:none} #voyage .retour-q{background:none;border:0;padding:0 0 1.1rem;cursor:pointer; color:var(--or-sourd);font-family:var(--sans);font-size:.8rem;font-weight:600; letter-spacing:.14em;text-transform:uppercase} #voyage .retour-q:hover{color:var(--or-clair)} #voyage .fiche-q h3{margin:0 0 1.2rem;font-family:var(--serif);font-size:1.78rem; font-weight:400;color:var(--blanc)} #voyage .dit{display:block;font-family:var(--sans);font-size:.72rem;font-weight:600; letter-spacing:.2em;text-transform:uppercase;color:var(--or-sourd);margin-bottom:.45rem} #voyage .promesse{margin:0 0 .8rem} #voyage .promesse q{quotes:none;font-family:var(--serif);font-size:1.34rem; color:var(--or-clair);font-style:italic;line-height:1.45} #voyage .retour-p{margin:0 0 1.3rem;padding-left:1.1rem;font-size:1.18rem;line-height:1.5; color:var(--blanc);border-left:2px solid rgba(201,161,90,.45);text-wrap:pretty} #voyage .deux-faces{display:grid;gap:.7rem;margin-bottom:1.1rem} #voyage .face{padding:1rem 1.1rem;border-radius:.35rem;border-left:2px solid} #voyage .face p{margin:0;font-size:1.08rem;line-height:1.55;color:#D6DAE4;text-wrap:pretty} #voyage .face.clair{border-color:#6E9C5E;background:rgba(110,156,94,.07)} #voyage .face.clair .dit{color:#9CC48C} #voyage .face.ombre{border-color:#7B6BA8;background:rgba(123,107,168,.08)} #voyage .face.ombre .dit{color:#B3A6E0} #voyage .garde-q{margin:0 0 1.1rem;padding:.9rem 1rem;border-radius:.35rem; font-size:1.04rem;line-height:1.55;color:#E8D6C4; background:rgba(163,44,34,.1);border:1px solid rgba(163,44,34,.35)} #voyage .garde-q[hidden]{display:none} #voyage .q-voyage{padding:1.15rem 1.2rem;border-radius:.35rem; background:rgba(201,161,90,.08);border:1px solid rgba(201,161,90,.28)} #voyage .q-voyage p{margin:0;font-family:var(--serif);font-size:1.3rem;line-height:1.5; color:var(--blanc);text-wrap:pretty} #voyage .finale{margin-top:0;background:rgba(6,10,24,.8); border:1px solid var(--trait-fin);border-radius:.6rem;padding:1.3rem; backdrop-filter:blur(6px)} #voyage .finale-intro{margin:.7rem 0 .55rem;font-family:var(--serif);font-size:1.28rem; color:var(--or-clair)} #voyage .finale-q{margin:0 0 1.2rem;font-family:var(--serif);font-size:1.28rem; line-height:1.5;color:var(--blanc);text-wrap:pretty} #voyage textarea{width:100%;padding:.9rem 1rem;border-radius:.35rem;resize:vertical; background:rgba(3,5,13,.7);border:1px solid var(--trait-fin);color:var(--blanc); font-family:var(--serif);font-size:1.06rem;line-height:1.55;margin-bottom:.9rem} #voyage textarea:focus{outline:none;border-color:var(--or)} #voyage textarea::placeholder{color:var(--encre-pale);opacity:.7} #voyage .bt.large{width:100%} #voyage .finale-note{margin:.9rem 0 0;font-size:.82rem;color:var(--or-clair);line-height:1.5} #voyage .sr-seul{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #voyage .texte .ta{color:var(--blanc);font-weight:400} #voyage .themes{padding:.6rem 1.6rem 1.4rem;text-align:center;max-width:66rem;margin:0 auto} #voyage .themes .label{display:block;margin-bottom:1rem;position:relative} #voyage .themes ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem; list-style:none;margin:0;padding:0} #voyage .themes li{display:block} #voyage .themes button{display:block;padding:.5rem 1.15rem;border-radius:1.4rem; background:rgba(6,10,24,.6);border:1px solid var(--trait-fin);cursor:pointer; font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase;color:var(--encre-douce); transition:border-color .2s ease,color .2s ease,background .2s ease} #voyage .themes button:hover{border-color:var(--or);color:var(--or-clair); background:rgba(16,26,51,.8)} #voyage .themes button[aria-pressed="true"]{border-color:var(--or);color:#1B1408; background:linear-gradient(to bottom,#E0BC77,#C39A50)} #voyage .fiche-t{position:relative;max-width:44rem;margin:1.4rem auto 0;text-align:left; padding:1.3rem 1.5rem;border-radius:.5rem;background:rgba(6,10,24,.94); border:1px solid rgba(201,161,90,.3);backdrop-filter:blur(6px); animation:v-parait .4s ease both} #voyage .fermer-t{position:absolute;top:.5rem;right:.7rem;background:none;border:0; color:var(--encre-pale);font-size:1.4rem;line-height:1;cursor:pointer;padding:.2rem .4rem} #voyage .fermer-t:hover{color:var(--or-clair)} #voyage .mot-t{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap; margin-bottom:.9rem;padding-bottom:.8rem;border-bottom:1px solid var(--trait-fin)} #voyage .mot-t b{font-family:var(--serif);font-size:1.45rem;font-weight:400;color:var(--blanc)} #voyage .mot-t .ar{font-size:1.6rem;color:var(--or-clair); font-family:'Geeza Pro','Noto Naskh Arabic','Al Bayan',serif;direction:rtl} #voyage .mot-t i{font-style:italic;font-size:1rem;color:var(--encre-pale)} #voyage .sens-t{margin:0 0 1rem;font-size:1.06rem;line-height:1.55;color:#D6DAE4} #voyage .ici-t{margin:0 0 1.1rem;padding:.9rem 1rem;border-radius:.35rem; background:rgba(201,161,90,.07);border-left:2px solid rgba(201,161,90,.4); font-size:1.02rem;line-height:1.55;color:#D6DAE4} #voyage .bas{position:sticky;bottom:0;z-index:20;display:flex;align-items:center; justify-content:space-between;gap:1rem;padding:.9rem 1.5rem; background:linear-gradient(to top,rgba(7,12,27,.96),rgba(7,12,27,.75) 70%,transparent); border-top:1px solid var(--trait-fin)} #voyage .bas{background:rgba(4,7,18,.94);border-top:1px solid var(--trait-fin)} #voyage .bas button{background:none;border:0;cursor:pointer;color:var(--encre-douce); font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase;padding:.4rem .2rem;transition:color .2s,border-color .2s} #voyage .pas{display:inline-flex;align-items:center;gap:.6rem} #voyage .pas em{font-style:normal;font-size:1rem} #voyage .pas.cadre{border:1px solid rgba(201,161,90,.45);border-radius:2rem; padding:.55rem 1.3rem;color:var(--or-clair)} #voyage .pas.cadre:hover:not(:disabled){background:rgba(201,161,90,.12)} #voyage .bas-droite{display:flex;align-items:center;gap:1.6rem} #voyage .duree{display:flex;align-items:center;gap:.6rem;color:var(--encre-pale); font-family:var(--sans);font-size:.68rem;line-height:1.4;background:none;border:0; text-align:left} #voyage .duree svg{color:var(--or-sourd);flex:none} #voyage .duree b{display:block;font-size:.6rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase;color:var(--or-sourd)} #voyage .duree.lien{cursor:pointer;text-transform:none;letter-spacing:.02em} #voyage .duree.lien:hover{color:var(--or-clair)} #voyage .bas button:hover:not(:disabled){color:var(--or-clair)} #voyage .bas button:disabled{opacity:.28;cursor:default} #voyage .ou{text-align:center;font-family:var(--sans);font-size:.62rem;letter-spacing:.15em; text-transform:uppercase;color:var(--encre-pale)} #voyage .points{display:flex;gap:.32rem;justify-content:center;margin-top:.35rem} #voyage .points i{width:.42rem;height:.42rem;border-radius:50%;background:var(--trait); transition:background .3s} #voyage .points i.on{background:var(--or)} #voyage .bas.cache{display:none} #voyage :focus-visible{outline:2px solid var(--or);outline-offset:3px} @media (prefers-reduced-motion:reduce){ #voyage .ecran,#voyage .noir p,#voyage .noir .bt{animation:none;opacity:1;filter:none} } @media (max-width:40rem){ #voyage .etape{grid-template-columns:3.6rem 1fr;gap:.9rem} #voyage .route::before{left:1.8rem} #voyage .sceau{width:2.7rem;height:2.7rem} #voyage .ou{font-size:.56rem} } @media (max-width:70rem){ #voyage .page-corps{grid-template-columns:1fr;padding:3rem 1.4rem 1rem} #voyage .colonne{display:none} #voyage .bas-droite .duree{display:none} } @media (max-width:64rem){ #voyage .scene{margin:-1.5rem 0 -1rem} #voyage .socle{grid-template-columns:1fr;gap:1rem;text-align:center} #voyage .v-mot,#voyage .v-mot:last-child{justify-content:center;text-align:center;flex-direction:row} #voyage .jalons{justify-content:center} } @media (max-width:40rem){ #voyage .scene{margin:0} #voyage .ecriteau{padding:.3rem .3rem .34rem;width:max(4.6rem,124%)} #voyage .ecriteau b{font-size:.48rem;letter-spacing:.05em} #voyage .ecriteau i{font-size:.42rem;margin-top:.12rem} #voyage .grand-bt{padding:.75rem 1.4rem;letter-spacing:.12em;bottom:5%} #voyage .inscription b{font-size:.66rem;letter-spacing:.3em;text-indent:.3em} #voyage .jalons li{padding:0 .55rem} } #voyage .reprise{position:absolute;left:50%;bottom:4%;transform:translateX(-50%); display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1rem; background:rgba(6,10,24,.85);border:1px solid var(--trait-fin);border-radius:2rem; color:var(--encre-douce);font-family:var(--sans);font-size:.64rem;font-weight:600; letter-spacing:.14em;text-transform:uppercase;cursor:pointer; transition:border-color .25s ease,color .25s ease} #voyage .reprise:hover{border-color:var(--or);color:var(--or-clair)} #voyage .reprise[hidden]{display:none} #voyage .pacte-bloc{margin:2rem 0 1.6rem;padding:1.6rem 1.4rem;text-align:center; border:1px solid var(--trait-fin);border-radius:.5rem; background:linear-gradient(to bottom,rgba(16,26,51,.5),rgba(16,26,51,0))} #voyage .pacte-bloc .lignes{margin:0 0 1.6rem;color:var(--encre-douce); font-size:1rem;line-height:1.95} #voyage .pacte-bloc .garde{margin:0 0 .5rem;font-family:var(--serif); font-size:clamp(1.4rem,3.4vw,1.9rem);font-weight:400;line-height:1.2; color:var(--blanc);text-wrap:balance} #voyage .pacte-bloc .laisse{margin:0;font-family:var(--sans);font-size:.7rem; font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--or)} #voyage .zone[disabled]{cursor:default} #voyage .zone[disabled] .halo{display:none} #voyage .zone[disabled] .ecriteau{opacity:.55;border-color:var(--trait-fin)} #voyage .zone[disabled] .ecriteau::after{content:"à venir";display:block; margin-top:.3rem;font-family:var(--sans);font-size:.46rem;font-weight:600; letter-spacing:.18em;text-transform:uppercase;color:var(--or-sourd)} #voyage ::selection{background:rgba(201,161,90,.32);color:#FFF7E6} #seuil ::selection{background:rgba(201,161,90,.32);color:#FFF7E6} #voyage .de-son-cote{margin:0 0 1.1rem;padding:1.1rem 1.2rem;border-radius:.4rem; background:rgba(16,26,51,.6);border:1px solid var(--trait-fin)} #voyage .de-son-cote .avert{margin:0 0 .9rem;font-family:var(--sans);font-size:.72rem; line-height:1.5;color:var(--encre-pale);font-style:italic} #voyage .de-son-cote blockquote{margin:0 0 .9rem;padding-left:1rem; border-left:2px solid rgba(201,161,90,.5);font-family:var(--serif);font-size:1.14rem; line-height:1.5;color:var(--or-clair);font-style:italic;text-wrap:pretty} #voyage .de-son-cote>p:last-child{margin:0;font-size:1.04rem;line-height:1.6; color:#D6DAE4;text-wrap:pretty} #voyage .num-z{display:block;font-family:var(--sans);font-size:.72rem;font-weight:600; letter-spacing:.24em;color:var(--or-sourd);margin-bottom:.35rem} #voyage .tenu p,#voyage .coute p{margin:0 0 .9rem;font-size:1.06rem;line-height:1.6; color:#D6DAE4;text-wrap:pretty} #voyage .tenu{margin-bottom:1.1rem} #voyage .compte{display:flex;flex-wrap:wrap;gap:.4rem .55rem;list-style:none;margin:0 0 1.2rem; padding:0;align-items:center} #voyage .compte li{font-family:var(--sans);font-size:.86rem;letter-spacing:.04em; color:var(--or-clair);padding:.28rem .75rem;border-radius:1rem; border:1px solid rgba(201,161,90,.28);background:rgba(201,161,90,.05)} #voyage .coute{margin:0 0 1.1rem;padding:1.1rem 1.2rem;border-radius:.4rem; background:rgba(123,107,168,.09);border-left:2px solid #7B6BA8} #voyage .coute .dit{color:#B3A6E0} #voyage .coute p:last-child{margin-bottom:0} #voyage .chute{margin:0 0 1.2rem;padding-left:1.1rem;border-left:2px solid rgba(201,161,90,.5); font-family:var(--serif);font-size:1.2rem;line-height:1.5;color:var(--blanc); font-style:italic;text-wrap:pretty} #voyage .chute[hidden],#voyage .piege[hidden],#voyage .encore[hidden], #voyage .note-z[hidden]{display:none} #voyage .piege{margin:0 0 1.2rem;padding:1.15rem 1.25rem;border-radius:.4rem; background:rgba(163,44,34,.1);border:1px solid rgba(163,44,34,.4)} #voyage .piege .dit{color:#D4776B} #voyage .piege p{margin:0 0 .9rem;font-size:1.02rem;line-height:1.6;color:#E8D6C4} #voyage .piege-q{margin:0 !important;font-family:var(--serif);font-size:1.16rem; line-height:1.5;color:#F0D9CE;font-style:italic} #voyage .encore{margin:0 0 1.2rem;padding:1.15rem 1.25rem;border-radius:.4rem; background:rgba(201,161,90,.09);border:1px solid rgba(201,161,90,.32)} #voyage .encore p{margin:0;font-family:var(--serif);font-size:1.22rem;line-height:1.5; color:var(--blanc);text-wrap:pretty} #voyage .note-z{margin:0 0 1.1rem;font-size:.9rem;line-height:1.55;color:var(--encre-pale); font-style:italic} #voyage .explorer ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0} #voyage .explorer li{font-family:var(--sans);font-size:.72rem;letter-spacing:.08em; color:var(--encre-pale);padding:.24rem .7rem;border-radius:1rem; border:1px solid var(--trait-fin)} #voyage .fiche-q.noire{background:#03050D;margin:-1.3rem;padding:1.3rem;border-radius:.55rem} #voyage .fiche-q.noire .compte li{color:var(--encre-pale);border-color:var(--trait-fin); background:none} #voyage .fiche-q.noire .chute{border-color:var(--trait-fin);color:var(--encre-pale)} #voyage .fiche-q.noire .encore{background:none;border-color:rgba(201,161,90,.25)} #voyage .sortie{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.8);border:1px solid var(--trait-fin);backdrop-filter:blur(6px)} #voyage .sortie p{margin:.9rem 0 0;font-size:1.06rem;line-height:1.6;color:#D6DAE4; text-wrap:pretty} #voyage .sortie-fort{color:var(--blanc) !important} #voyage .sortie-q{margin-top:1.4rem !important;padding-top:1.2rem; border-top:1px solid var(--trait-fin);font-family:var(--serif);font-size:1.26rem; line-height:1.5;color:var(--or-clair) !important;font-style:italic} #voyage .franchir{margin-top:1.2rem} #voyage .page-fond.ciel{background-image: radial-gradient(1px 1px at 12% 22%, rgba(255,247,230,.9), transparent), radial-gradient(1px 1px at 28% 65%, rgba(255,247,230,.7), transparent), radial-gradient(2px 2px at 44% 18%, rgba(232,206,147,.85), transparent), radial-gradient(1px 1px at 61% 47%, rgba(255,247,230,.75), transparent), radial-gradient(1px 1px at 74% 12%, rgba(255,247,230,.6), transparent), radial-gradient(2px 2px at 86% 58%, rgba(232,206,147,.8), transparent), radial-gradient(1px 1px at 36% 82%, rgba(255,247,230,.55), transparent), radial-gradient(1px 1px at 92% 30%, rgba(255,247,230,.7), transparent), radial-gradient(1px 1px at 8% 74%, rgba(255,247,230,.5), transparent), radial-gradient(120% 90% at 50% 0%, #131E44 0%, #05080F 72%)} #voyage .de-son-cote>div p{margin:0 0 .9rem;font-size:1.04rem;line-height:1.6; color:#D6DAE4;text-wrap:pretty} #voyage .de-son-cote>div p:last-child{margin-bottom:0} #voyage .vu-q{margin:1.1rem 0 0 !important;padding-top:1rem; border-top:1px solid var(--trait-fin);font-family:var(--serif);font-size:1.18rem; line-height:1.5;color:var(--or-clair) !important;font-style:italic;text-wrap:pretty} #voyage .vu-q[hidden]{display:none} #voyage .carte-id{margin:0 0 1rem;font-family:var(--sans);font-size:.74rem; letter-spacing:.1em;color:var(--or-sourd);text-transform:uppercase} #voyage .carte-id[hidden]{display:none} #voyage .faces-2{margin:0 0 1.1rem;padding:1.1rem 1.2rem;border-radius:.4rem; background:rgba(110,156,94,.07);border-left:2px solid #6E9C5E} #voyage .faces-2 .dit{color:#9CC48C} #voyage .faces-2.ecart{background:rgba(123,107,168,.09);border-color:#7B6BA8} #voyage .faces-2.ecart .dit{color:#B3A6E0} #voyage .faces-2 p{margin:0 0 .85rem;font-size:1.02rem;line-height:1.6;color:#D6DAE4} #voyage .faces-2 p:last-child{margin-bottom:0} #voyage .faces-2[hidden]{display:none} @media (max-width:74rem){ #voyage .page-corps{grid-template-columns:minmax(0,40rem);padding:1.4rem 1.1rem 1rem} } #voyage .cequi{margin:0 0 1.1rem;padding:1.1rem 1.2rem;border-radius:.4rem; background:rgba(201,161,90,.07);border-left:2px solid rgba(201,161,90,.45)} #voyage .cequi p{margin:0;font-size:1.08rem;line-height:1.6;color:#E4E7EE;text-wrap:pretty} #voyage .cequi[hidden]{display:none} #voyage .carte-noms{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.82);border:1px solid var(--trait-fin);backdrop-filter:blur(7px)} #voyage .carte-noms .exergue{margin:.5rem 0 1.4rem;font-size:1rem;line-height:1.5; color:#D6DAE4;font-style:italic} #voyage .constellation{position:relative;aspect-ratio:1.35;max-width:30rem;margin:0 auto 1.2rem} #voyage .astres{list-style:none;margin:0;padding:0;position:absolute;inset:0} #voyage .astres li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)} #voyage .astres button{background:rgba(8,13,30,.9);border:1px solid var(--trait); border-radius:1.6rem;padding:.5rem 1rem;cursor:pointer;color:var(--encre-douce); font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.08em; white-space:nowrap;transition:border-color .25s ease,color .25s ease,box-shadow .25s ease} #voyage .astres button:hover{border-color:var(--or);color:var(--or-clair)} #voyage .astres button[aria-pressed="true"]{border-color:var(--or);color:#1B1408; background:linear-gradient(to bottom,#E0BC77,#C39A50); box-shadow:0 0 24px rgba(232,206,147,.45)} #voyage .centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); font-family:var(--serif);font-size:2.6rem;color:var(--or-sourd); width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:50%; border:1px dashed rgba(201,161,90,.35)} #voyage .consigne{margin:0;text-align:center;font-family:var(--sans);font-size:.76rem; letter-spacing:.08em;color:var(--encre-pale)} #voyage .croisement[hidden]{display:none} #voyage .paire{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap; margin:0 0 1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--trait-fin)} #voyage .paire b{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--blanc)} #voyage .paire span{color:var(--or-sourd);font-size:1.1rem} #voyage .paire .retour-q{margin-left:auto;padding:0} #voyage .deux-col{display:grid;gap:.8rem;grid-template-columns:1fr 1fr} #voyage .col{padding:1rem 1.1rem;border-radius:.4rem;border-left:2px solid} #voyage .col.clair{border-color:#6E9C5E;background:rgba(110,156,94,.07)} #voyage .col.clair .dit{color:#9CC48C} #voyage .col.ombre{border-color:#7B6BA8;background:rgba(123,107,168,.09)} #voyage .col.ombre .dit{color:#B3A6E0} #voyage .col p{margin:0 0 .8rem;font-size:.98rem;line-height:1.55;color:#D6DAE4; text-wrap:pretty} #voyage .col p:last-child{margin-bottom:0} #voyage .sans-conclusion{margin:1.1rem 0 0;text-align:center;font-size:.86rem; color:var(--encre-pale);font-style:italic} #voyage .noircir-bloc{margin:1.4rem 0;padding:1.6rem 1.4rem;border-radius:.45rem; background:#03050D;border:1px solid var(--trait-fin);text-align:center} #voyage .noircir-bloc p{margin:0 0 .7rem !important;font-family:var(--serif); font-size:1.06rem;color:var(--encre-douce)} #voyage .noircir-bloc .et{color:var(--encre-pale) !important;margin-top:1.1rem !important} #voyage .noircir-bloc .lui{font-size:1.34rem;color:var(--or-clair) !important; margin-bottom:0 !important} #voyage .franchir small{display:block;font-size:.62rem;letter-spacing:.1em;opacity:.75; text-transform:none;margin-top:.2rem} @media (max-width:44rem){ #voyage .deux-col{grid-template-columns:1fr} #voyage .constellation{aspect-ratio:1;max-width:22rem} #voyage .astres button{font-size:.66rem;padding:.4rem .7rem} } #voyage .sigle{background:none;border:0;padding:0;cursor:pointer;font:inherit; transition:color .2s ease} #voyage .sigle:hover{color:var(--or-clair)} #voyage .sigle:hover .inscription b{color:#FFF7E6} #voyage .souffle{line-height:2 !important;color:#E4E7EE !important} #voyage .grand-souffle{font-size:1.14rem !important;color:var(--blanc) !important} #voyage .ta-p{color:var(--blanc) !important;font-size:1.1rem !important} #voyage .filet-souffle{height:1px;border:0;margin:1.8rem 0; background:linear-gradient(to right,transparent,rgba(201,161,90,.4),transparent)} #voyage .texte .peur{color:#B3A6E0 !important} #voyage .texte .orn{justify-content:center;margin:1.8rem 0} #voyage .sous-q{margin:0 0 1.2rem;font-family:var(--serif);font-size:1.32rem; font-weight:400;line-height:1.35;color:var(--or-clair);text-wrap:balance} #voyage .espoir{margin:0;padding:1.4rem 1.5rem;border-radius:.5rem; background:rgba(201,161,90,.07);border:1px solid rgba(201,161,90,.28)} #voyage .espoir .q{margin:0 0 1rem;font-family:var(--serif);font-size:1.3rem; line-height:1.45;color:var(--blanc);font-style:normal} #voyage .espoir p:last-child{margin:0;font-size:1.06rem;line-height:1.6;color:#D6DAE4} #voyage .carte-signes{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.82);border:1px solid var(--trait-fin);backdrop-filter:blur(7px)} #voyage .familles{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.4rem; counter-reset:fam} #voyage .familles button{display:grid;grid-template-columns:2rem 1fr auto;gap:.9rem; align-items:center;width:100%;text-align:left;padding:.8rem .9rem;border-radius:.35rem; background:rgba(10,17,38,.6);border:1px solid var(--trait-fin);color:inherit; font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease} #voyage .familles button:hover{border-color:var(--or);background:rgba(20,32,72,.75)} #voyage .familles button::before{counter-increment:fam;content:counter(fam,decimal-leading-zero); font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.1em; color:var(--or-sourd)} #voyage .familles b{display:block;font-family:var(--sans);font-size:.94rem;font-weight:600; color:var(--blanc);line-height:1.3} #voyage .familles i{display:block;font-style:normal;font-size:.86rem;color:var(--encre-pale); margin-top:.24rem;line-height:1.4} #voyage .familles em{font-style:normal;color:var(--or-sourd);font-size:1.15rem} #voyage .familles li:nth-last-child(-n+3) button{border-color:rgba(201,161,90,.3)} #voyage .familles li:nth-last-child(-n+3) b{color:var(--or-clair)} #voyage .familles li.ouvert button[data-fam]{border-color:var(--or); background:rgba(20,32,72,.8);border-bottom-left-radius:0;border-bottom-right-radius:0} #voyage .familles li.ouvert em{transform:rotate(90deg)} #voyage .familles em{display:inline-block;transition:transform .25s ease} #voyage .depli{padding:1.2rem 1.1rem 1.1rem;border:1px solid var(--or);border-top:0; border-radius:0 0 .35rem .35rem;background:rgba(8,13,30,.75); animation:v-parait .4s ease both} #voyage .depli[hidden]{display:none} #voyage .depli>p{margin:0 0 .9rem;font-size:1rem;line-height:1.6;color:#D6DAE4; text-wrap:pretty} #voyage .depli>.dit{display:block;margin:1.2rem 0 .8rem;padding-top:.9rem; border-top:1px solid var(--trait-fin)} #voyage .cit{margin:0 0 .8rem;padding:.85rem 1rem;border-radius:.3rem; background:rgba(255,255,255,.022);border-left:2px solid rgba(201,161,90,.4)} #voyage .cit blockquote{margin:0 0 .5rem;font-family:var(--serif);font-size:1.02rem; line-height:1.5;color:#E4E7EE;font-style:italic;text-wrap:pretty} #voyage .cit figcaption{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:baseline} #voyage .cit figcaption b{font-family:var(--sans);font-size:.6rem;font-weight:600; letter-spacing:.16em;text-transform:uppercase;color:var(--or-clair)} #voyage .cit figcaption span{font-family:var(--sans);font-size:.72rem;color:var(--encre-pale)} #voyage .cit.du-corpus{border-left-color:#7B6BA8;background:rgba(123,107,168,.07)} #voyage .cit.du-corpus figcaption b{color:#B3A6E0} #voyage .cit:last-of-type{margin-bottom:0} #voyage .vers-corpus{margin-top:1rem;width:100%} #voyage .planche{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.82);border:1px solid var(--trait-fin);backdrop-filter:blur(7px)} #voyage .bande{position:relative;margin-top:1.1rem} #voyage .grille-s{display:flex;gap:.7rem;overflow-x:auto;scroll-behavior:smooth; scroll-snap-type:x proximity;padding:.2rem .2rem 1rem; scrollbar-width:thin;scrollbar-color:rgba(201,161,90,.45) transparent} #voyage .grille-s::-webkit-scrollbar{height:7px} #voyage .grille-s::-webkit-scrollbar-thumb{background:rgba(201,161,90,.4);border-radius:4px} #voyage .grille-s::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:4px} #voyage .carte-s{flex:0 0 12.5rem;scroll-snap-align:start} #voyage .fleche{position:absolute;top:38%;transform:translateY(-50%);z-index:3; width:2.2rem;height:2.2rem;border-radius:50%;cursor:pointer;display:grid;place-items:center; background:rgba(4,7,18,.92);border:1px solid rgba(201,161,90,.45);color:var(--or-clair); font-size:1.1rem;line-height:1;transition:background .2s ease,opacity .2s ease} #voyage .fleche:hover{background:rgba(20,32,72,.95)} #voyage .fleche.gauche{left:-.6rem} #voyage .fleche.droite{right:-.6rem} #voyage .fleche[disabled]{opacity:.25;cursor:default} #voyage .carte-s{border:1px solid var(--trait-fin);border-radius:.4rem;overflow:hidden; background:rgba(8,13,30,.7);display:flex;flex-direction:column; transition:border-color .25s ease} #voyage .carte-s:hover{border-color:rgba(201,161,90,.5)} #voyage .carte-s img{width:100%;aspect-ratio:246/158;object-fit:cover;display:block; border-bottom:1px solid var(--trait-fin)} #voyage .carte-s .dedans{padding:.8rem .85rem;display:flex;flex-direction:column;flex:1} #voyage .carte-s h4{margin:0 0 .35rem;font-family:var(--sans);font-size:.78rem; font-weight:600;letter-spacing:.04em;color:var(--blanc);line-height:1.3} #voyage .carte-s h4 span{color:var(--or-sourd);margin-right:.35rem} #voyage .carte-s .dit-s{margin:0 0 .7rem;font-size:.8rem;line-height:1.45; color:var(--encre-pale)} #voyage .refs{display:grid;gap:.3rem;margin-top:auto} #voyage .ref{display:grid;grid-template-columns:1.1rem 1fr;gap:.5rem;align-items:start; font-size:.74rem;line-height:1.4} #voyage .ref b{font-family:var(--sans);font-size:.68rem;color:var(--or-sourd); text-align:center} #voyage .ref span{color:#C3CAD8} #voyage .ref.bible b{color:#9CC48C} #voyage .ref.coran b{color:#8FB2E0} #voyage .ref.trad b{color:var(--or-sourd)} #voyage .verifs{margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid var(--trait-fin)} #voyage .verifs summary{cursor:pointer;font-family:var(--sans);font-size:.72rem; font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--or-sourd); list-style:none} #voyage .verifs summary::-webkit-details-marker{display:none} #voyage .verifs summary::before{content:"▸ ";color:var(--or-sourd)} #voyage .verifs[open] summary::before{content:"▾ "} #voyage .verifs summary:hover{color:var(--or-clair)} #voyage .verifs>div{margin-top:1rem;display:grid;gap:.6rem} #voyage .une-verif{padding:.7rem .85rem;border-radius:.3rem;font-size:.82rem; line-height:1.5;background:rgba(255,255,255,.022);border-left:2px solid var(--trait)} #voyage .une-verif b{display:block;font-family:var(--sans);font-size:.7rem; font-weight:600;letter-spacing:.08em;color:var(--blanc);margin-bottom:.3rem} #voyage .une-verif span{color:#C3CAD8} #voyage .une-verif.corrige{border-left-color:rgba(163,44,34,.55); background:rgba(163,44,34,.07)} #voyage .une-verif.corrige b{color:#D4776B} #voyage .pied-planche{margin:1.3rem 0 0;padding-top:1rem; border-top:1px solid var(--trait-fin);text-align:center;font-family:var(--serif); font-size:1rem;line-height:1.6;color:var(--or-clair);font-style:italic} #voyage .pied-planche span{display:block;margin-top:.5rem;font-family:var(--sans); font-size:.72rem;font-style:normal;color:var(--encre-pale)} #voyage .page-fond.foule{background-image: radial-gradient(1.5px 2.5px at 9% 74%, rgba(232,206,147,.55), transparent), radial-gradient(1.5px 2.5px at 14% 81%, rgba(255,236,190,.4), transparent), radial-gradient(1.5px 2.5px at 21% 69%, rgba(232,206,147,.5), transparent), radial-gradient(1.5px 2.5px at 27% 86%, rgba(255,236,190,.35), transparent), radial-gradient(1.5px 2.5px at 33% 72%, rgba(232,206,147,.6), transparent), radial-gradient(1.5px 2.5px at 39% 79%, rgba(255,236,190,.3), transparent), radial-gradient(1.5px 2.5px at 46% 88%, rgba(232,206,147,.45), transparent), radial-gradient(2px 3px at 52% 71%, rgba(255,236,190,.7), transparent), radial-gradient(1.5px 2.5px at 58% 83%, rgba(232,206,147,.4), transparent), radial-gradient(1.5px 2.5px at 64% 76%, rgba(255,236,190,.5), transparent), radial-gradient(1.5px 2.5px at 71% 68%, rgba(232,206,147,.35), transparent), radial-gradient(1.5px 2.5px at 77% 85%, rgba(255,236,190,.45), transparent), radial-gradient(1.5px 2.5px at 84% 73%, rgba(232,206,147,.5), transparent), radial-gradient(1.5px 2.5px at 91% 80%, rgba(255,236,190,.3), transparent), radial-gradient(1.5px 2.5px at 96% 70%, rgba(232,206,147,.4), transparent), radial-gradient(ellipse 120% 55% at 50% 118%, rgba(28,22,44,.9), transparent), linear-gradient(to bottom,#050813 0%,#0A0F22 42%,#141026 72%,#1C1420 100%)} #voyage .paradoxe{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.8);border:1px solid var(--trait-fin); backdrop-filter:blur(7px);box-shadow:0 18px 60px rgba(3,5,13,.55)} #voyage .deux-cotes{display:grid;grid-template-columns:1fr auto 1fr; align-items:center;gap:1rem;margin:1.2rem 0 0} #voyage .cote{padding:1rem 1.1rem;border-radius:.45rem; border:1px solid var(--trait-fin);background:rgba(14,22,52,.55)} #voyage .cote b{display:block;font-family:var(--sans);font-size:.66rem;font-weight:600; letter-spacing:.11em;text-transform:uppercase;color:var(--or-clair); margin-bottom:.7rem} #voyage .cote p{margin:0;font-size:.96rem;line-height:1.6;color:#D6DAE4; text-wrap:pretty} #voyage .entre-deux{color:var(--or-sourd);display:flex;align-items:center} #voyage .paradoxe .entre{margin:1.3rem 0 1.4rem;padding:1rem;border-radius:.45rem; text-align:center;font-family:var(--serif);font-size:1.2rem;line-height:1.5; color:var(--or-clair);border:1px solid rgba(201,161,90,.32); background:rgba(201,161,90,.06);text-wrap:balance} #voyage .paradoxe .apres-cit{margin:.9rem 0 0;font-size:.98rem;line-height:1.65; color:#D6DAE4;text-wrap:pretty} #voyage .rencontre{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.78);border:1px solid var(--trait-fin); backdrop-filter:blur(7px)} #voyage .rencontre p{margin:.9rem 0 0;font-size:1rem;line-height:1.65;color:#D6DAE4; text-wrap:pretty} #voyage .rencontre .mais{margin-top:1.2rem;color:var(--blanc);font-size:1.04rem} #voyage .rencontre .immense{margin-top:1.2rem;padding-top:1.1rem; border-top:1px solid var(--trait-fin);font-family:var(--serif);font-size:1.2rem; line-height:1.5;color:var(--or-clair);font-style:italic} #voyage .nuit{margin-top:0;padding:2rem 1.5rem;border-radius:.6rem; background:rgba(2,3,9,.92);border:1px solid rgba(201,161,90,.14); box-shadow:inset 0 0 90px rgba(0,0,0,.7)} #voyage .nuit p{margin:1rem 0 0;font-size:1rem;line-height:1.7;color:#B9BFCE; text-wrap:pretty} #voyage .nuit .formule{margin-top:1.2rem;font-family:var(--serif);font-size:1.14rem; line-height:1.6;color:#D6DAE4} #voyage .nuit .formule b{font-weight:400;color:var(--or-clair)} #voyage .avant-apres{margin:1.8rem 0;display:flex;flex-direction:column; align-items:center;gap:.55rem;text-align:center} #voyage .avant-apres span{font-family:var(--serif);font-size:1.06rem;color:#8E95A8} #voyage .avant-apres em{margin-top:.9rem;padding-top:1rem;font-style:normal; font-family:var(--serif);font-size:1.34rem;letter-spacing:.03em; color:var(--or-clair);border-top:1px solid rgba(201,161,90,.22); width:min(22rem,100%)} #voyage .nuit .question-nuit{margin-top:1.6rem;font-family:var(--serif); font-size:1.18rem;line-height:1.55;color:var(--blanc);font-style:italic; text-wrap:pretty} #voyage .nuit .bascule{margin-top:1.6rem;padding-top:1.2rem; border-top:1px solid rgba(201,161,90,.14);font-size:1rem;color:var(--or-clair)} @media (max-width:860px){ #voyage .deux-cotes{grid-template-columns:1fr;gap:.7rem} #voyage .entre-deux{justify-content:center;transform:rotate(90deg)} } #voyage .ici-t .dit{display:block;margin-bottom:.55rem} #voyage .ici-t p{margin:0 0 .7rem;line-height:1.6} #voyage .ici-t p:last-child{margin-bottom:0} #voyage .chap1[data-ec="c4"] .texte h2{font-size:clamp(1.7rem,3.1vw,2.5rem)} #voyage .page-fond.aube{background-image: radial-gradient(1px 1px at 18% 26%, rgba(255,247,230,.55), transparent), radial-gradient(1px 1px at 41% 14%, rgba(232,206,147,.5), transparent), radial-gradient(1px 1px at 67% 21%, rgba(255,247,230,.45), transparent), radial-gradient(1px 1px at 86% 11%, rgba(232,206,147,.4), transparent), linear-gradient(to bottom,#0A0F24 0%,#0B1226 18%,rgba(74,56,26,.28) 30%, #080C1C 46%,#04060F 74%,#020309 100%)} #voyage .eveil .bascules{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.5rem} #voyage .eveil .bascules li{position:relative;padding:.55rem .8rem .55rem 1.9rem; border-radius:.35rem;background:rgba(16,26,51,.5);border:1px solid var(--trait-fin); font-size:.98rem;line-height:1.5;color:#D6DAE4} #voyage .eveil .bascules li::before{content:"→";position:absolute;left:.75rem; color:var(--or-sourd)} #voyage .aligne{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,10,24,.82);border:1px solid var(--trait-fin); backdrop-filter:blur(7px);box-shadow:0 18px 60px rgba(3,5,13,.55)} #voyage .balance{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem; align-items:start;margin:1.2rem 0 0} #voyage .balance>div{min-width:0} #voyage .cote-a,#voyage .cote-b{padding:1rem .9rem;border-radius:.45rem; border:1px solid var(--trait-fin);background:rgba(14,22,52,.5)} #voyage .cote-b{border-color:rgba(201,161,90,.32);background:rgba(201,161,90,.07)} #voyage .balance b{display:block;font-family:var(--sans);font-size:.64rem;font-weight:600; letter-spacing:.16em;text-transform:uppercase;color:var(--or-clair); margin-bottom:.8rem;text-align:center} #voyage .balance ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem} #voyage .balance li{display:flex;flex-direction:column;gap:.1rem;padding-bottom:.5rem; border-bottom:1px solid var(--trait-fin)} #voyage .balance li:last-child{border-bottom:0;padding-bottom:0} #voyage .balance i{font-style:normal;font-family:var(--sans);font-size:.66rem; font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--encre-pale)} #voyage .cote-b i{color:var(--or-sourd)} #voyage .balance span{font-size:.95rem;line-height:1.45;color:#D6DAE4} #voyage .cote-b span{color:var(--blanc)} #voyage .pivot{align-self:center;display:flex;flex-direction:column;align-items:center; gap:.45rem;color:var(--or);padding:0 .2rem} #voyage .pivot-t{font-family:var(--serif);font-size:1.02rem;color:var(--or-clair); letter-spacing:.06em} #voyage .pivot-s{font-family:var(--sans);font-size:.54rem;font-weight:600; letter-spacing:.13em;text-transform:uppercase;color:var(--or-sourd);text-align:center; max-width:6rem;line-height:1.5} #voyage .pied-aligne{margin:1.4rem 0 0;padding-top:1.1rem; border-top:1px solid var(--trait-fin);font-size:1rem;line-height:1.6;color:#D6DAE4} #voyage .pied-aligne b{font-weight:400;color:var(--or-clair);font-family:var(--serif); font-size:1.12rem} #voyage .elu .deux-cotes{margin:1.2rem 0 0} #voyage .nuit.matin{background:rgba(2,3,9,.94); border-color:rgba(201,161,90,.2); box-shadow:inset 0 0 90px rgba(0,0,0,.7),inset 0 90px 120px -80px rgba(232,206,147,.16)} #voyage .matin .avant-apres span{color:#7F8699} #voyage .matin .avant-apres em{border-top-color:rgba(201,161,90,.3);width:min(28rem,100%)} @media (max-width:860px){ #voyage .balance{grid-template-columns:1fr;gap:.8rem} #voyage .pivot{flex-direction:row;gap:.8rem} #voyage .pivot-s{max-width:none} } #voyage .page-fond.reverdi{background-image: radial-gradient(1px 1px at 22% 12%, rgba(255,247,230,.5), transparent), radial-gradient(1px 1px at 58% 8%, rgba(232,206,147,.45), transparent), radial-gradient(1px 1px at 81% 15%, rgba(255,247,230,.4), transparent), radial-gradient(ellipse 130% 60% at 50% 112%, rgba(58,132,110,.5), transparent), radial-gradient(ellipse 90% 40% at 22% 104%, rgba(84,158,124,.34), transparent), radial-gradient(ellipse 90% 40% at 80% 106%, rgba(48,126,132,.32), transparent), linear-gradient(to bottom,#050813 0%,#08101F 32%,#0A1A22 58%,#0C2622 78%,#0E3028 100%)} #voyage .balance-svg{margin:1.3rem auto .3rem;max-width:15rem;color:var(--or-clair)} #voyage .balance-svg svg{width:100%;height:auto; filter:drop-shadow(0 0 22px rgba(201,161,90,.3))} #voyage .mizan .bascules{margin:1rem 0 1.2rem} #voyage .mizan .cit{margin:1.3rem 0 0} #voyage .micro .deux-cotes,#voyage .passeur .deux-cotes{margin:1.2rem 0} #voyage .nuit.epee{background:rgba(4,12,10,.9); border-color:rgba(120,180,140,.24); box-shadow:inset 0 0 90px rgba(0,0,0,.6), inset 0 -80px 120px -80px rgba(84,158,124,.34)} #voyage .epee .formule b{color:#BFE3C8} #voyage .epee .avant-apres em{border-top-color:rgba(120,180,140,.34);color:#BFE3C8} #voyage .epee .bascule{border-top-color:rgba(120,180,140,.2);color:#BFE3C8} #voyage [data-carte-signes="c6"] .familles li:nth-last-child(-n+3) button{ border-color:var(--trait-fin)} #voyage [data-carte-signes="c6"] .familles li:nth-last-child(-n+3) b{color:var(--blanc)} #voyage .page-fond.jardin{background-image: radial-gradient(ellipse 120% 70% at 50% -10%, rgba(232,206,147,.26), transparent), radial-gradient(ellipse 110% 60% at 50% 112%, rgba(72,150,116,.55), transparent), radial-gradient(ellipse 80% 40% at 18% 100%, rgba(98,172,138,.34), transparent), radial-gradient(ellipse 80% 40% at 84% 102%, rgba(52,140,146,.34), transparent), linear-gradient(to bottom,#0A1220 0%,#0C1B22 30%,#0E2A26 60%,#10362B 82%,#123E2F 100%)} #voyage .spectre{display:flex;align-items:center;gap:.5rem;margin:1.3rem 0 .2rem; height:3.2rem} #voyage .rai{flex:0 0 4.5rem;height:2px;border-radius:2px; background:linear-gradient(to right,transparent,#FFF8EA)} #voyage .cristal{flex:none;width:0;height:0; border-left:.9rem solid transparent;border-right:.9rem solid transparent; border-bottom:1.7rem solid rgba(232,206,147,.5); filter:drop-shadow(0 0 10px rgba(232,206,147,.4))} #voyage .arc{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0} #voyage .arc i{display:block;height:3px;border-radius:2px;opacity:.85} #voyage .arc i:nth-child(1){background:linear-gradient(to right,transparent,#E0736B)} #voyage .arc i:nth-child(2){background:linear-gradient(to right,transparent,#E0A26B)} #voyage .arc i:nth-child(3){background:linear-gradient(to right,transparent,#E8CE93)} #voyage .arc i:nth-child(4){background:linear-gradient(to right,transparent,#8DC79A)} #voyage .arc i:nth-child(5){background:linear-gradient(to right,transparent,#6FBCC0)} #voyage .arc i:nth-child(6){background:linear-gradient(to right,transparent,#7C9BD6)} #voyage .arc i:nth-child(7){background:linear-gradient(to right,transparent,#A98CCB)} #voyage .graines{margin-top:0;padding:1.4rem;border-radius:.6rem; background:rgba(6,18,16,.82);border:1px solid rgba(120,180,140,.26); backdrop-filter:blur(7px);box-shadow:0 18px 60px rgba(3,10,8,.5)} #voyage .rang-g{list-style:none;margin:1.2rem 0 0;padding:0; display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem} #voyage .rang-g button{width:100%;display:flex;flex-direction:column;gap:.2rem; padding:.7rem .8rem;border-radius:.4rem;text-align:left;cursor:pointer; background:rgba(14,40,34,.6);border:1px solid rgba(120,180,140,.2); color:inherit;font:inherit;transition:border-color .25s ease,background .25s ease} #voyage .rang-g button:hover{border-color:#8DC79A;background:rgba(20,56,46,.75)} #voyage .rang-g b{font-family:var(--sans);font-size:.7rem;font-weight:600; letter-spacing:.11em;text-transform:uppercase;color:#BFE3C8} #voyage .rang-g i{font-style:normal;font-size:.82rem;color:var(--encre-pale); line-height:1.35} #voyage .rang-g li.semee button{border-color:rgba(141,199,154,.55); background:rgba(24,64,52,.7)} #voyage .rang-g li.semee b::after{content:" ·";color:#8DC79A} #voyage .fiche-g{position:relative;margin:1.1rem 0 0;padding:1.2rem 1.1rem; border-radius:.45rem;border:1px solid rgba(141,199,154,.45); background:rgba(16,48,40,.7)} #voyage .fiche-g[hidden]{display:none} #voyage .fiche-g>b{display:block;font-family:var(--serif);font-size:1.3rem; font-weight:400;color:#DCF0E1;letter-spacing:.04em} #voyage .dit-g{margin:.35rem 0 1rem;font-size:.9rem;color:var(--encre-pale)} #voyage .geste-g{margin:0 0 1.2rem;font-family:var(--serif);font-size:1.1rem; line-height:1.6;color:#EAF3EC;text-wrap:pretty} #voyage .fermer-g{position:absolute;top:.6rem;right:.7rem;width:1.9rem;height:1.9rem; border-radius:50%;border:1px solid rgba(141,199,154,.35);background:none; color:#BFE3C8;cursor:pointer;font-size:1rem;line-height:1} #voyage .mon-jardin{margin:1.2rem 0 0;padding-top:1.1rem; border-top:1px solid rgba(120,180,140,.22)} #voyage .mon-jardin[hidden]{display:none} #voyage .mon-jardin ul{list-style:none;margin:.7rem 0 0;padding:0; display:flex;flex-wrap:wrap;gap:.4rem} #voyage .mon-jardin li{padding:.3rem .8rem;border-radius:2rem; border:1px solid rgba(141,199,154,.45);background:rgba(24,64,52,.6); font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.1em; text-transform:uppercase;color:#BFE3C8} #voyage .note-g{margin:.9rem 0 0;font-size:.82rem;line-height:1.55; color:var(--encre-pale)} #voyage .nuit.derniere{background:rgba(6,22,18,.88); border-color:rgba(141,199,154,.3); box-shadow:inset 0 0 90px rgba(0,0,0,.45), inset 0 -90px 130px -80px rgba(98,172,138,.4)} #voyage .derniere .formule b{color:#BFE3C8} #voyage .derniere .avant-apres em{border-top-color:rgba(141,199,154,.4);color:#DCF0E1; width:min(30rem,100%)} #voyage .derniere .bascule{border-top-color:rgba(141,199,154,.24);color:#BFE3C8; font-family:var(--serif);font-size:1.2rem;font-style:italic} #voyage .fin-boutons{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem} #voyage .fin-boutons .bt{flex:1 1 12rem} *,*::before,*::after{box-sizing:border-box} body{margin:0;background:var(--nuit,#070c1b);color:var(--blanc,#eee)} .sp-menu{position:sticky;top:0;z-index:50;transition:background .35s,border-color .35s,backdrop-filter .35s; background:linear-gradient(to bottom,rgba(7,12,27,.72),rgba(7,12,27,.28) 62%,transparent); border-bottom:1px solid transparent} .sp-menu.pose{background:rgba(7,12,27,.9);backdrop-filter:blur(14px) saturate(1.2); border-bottom-color:rgba(201,161,90,.2)} .sp-menu::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;opacity:0; transition:opacity .35s; background:linear-gradient(to right,transparent,rgba(201,161,90,.5) 22%, rgba(201,161,90,.5) 78%,transparent)} .sp-menu.pose::after{opacity:1} .sp-barre{display:grid;grid-template-columns:auto 1fr;align-items:center; gap:1.2rem;max-width:78rem;margin:0 auto;padding:.85rem 1.6rem} .sp-marque{display:flex;align-items:center;gap:.95rem;justify-self:start;text-decoration:none; transition:opacity .2s} .sp-marque:hover{opacity:.82} .sp-marque .rosace{width:3.05rem;height:3.05rem;flex:none; transition:transform .6s cubic-bezier(.2,.8,.2,1)} .sp-marque:hover .rosace{transform:rotate(45deg)} .sp-marque span{display:block;line-height:1} .sp-marque span b{display:block;font-family:var(--appareil,system-ui);font-weight:600; text-transform:uppercase;color:var(--or,#c9a15a)} .sp-marque span b:first-child{font-family:var(--serif,Georgia,serif);font-size:1.24rem; font-weight:400;letter-spacing:.06em;text-transform:none;color:var(--blanc,#f4f0e6)} .sp-marque span b:last-child{font-size:.6rem;letter-spacing:.34em; color:var(--or,#c9a15a);margin-top:.34em} .sp-barre nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem} .sp-menu a,.sp-pied a{position:relative;padding:.5rem .85rem;color:var(--sourd,#9aa3b8); text-decoration:none;font-family:var(--appareil,system-ui);font-size:.7rem; font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:color .25s} .sp-menu nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:.24rem; height:1px;background:var(--or,#c9a15a);transition:left .3s,right .3s} .sp-menu nav a:hover{color:var(--blanc,#f4f0e6)} .sp-menu nav a:hover::after{left:.85rem;right:.85rem;background:rgba(201,161,90,.45)} .sp-menu nav a.ici{color:var(--or-clair,#e8ce93)} .sp-menu nav a.ici::after{left:.85rem;right:.85rem} .sp-pied{margin-top:4rem;padding:2.6rem 1rem 3.2rem;text-align:center; border-top:1px solid rgba(201,161,90,.18)} .sp-pied p{margin:0 0 .8rem;color:var(--sourd,#9aa3b8);font-size:.92rem} .sp-pied nav{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center; max-width:84rem;margin:0 auto;padding:.4rem 1rem} .sp-pied a:hover{color:var(--or,#c9a15a)} #espaces .cp .e-large{max-width:64rem} #espaces .cp-tete{padding:3.5rem 0 2.6rem;text-align:center} #espaces .cp-tete h1{margin:0;font-family:var(--serif);font-size:clamp(2.4rem,5vw,3.6rem); font-weight:400;letter-spacing:.02em;color:var(--blanc)} #espaces .cp-sous{max-width:38rem;margin:1rem auto 0;color:var(--sourd);line-height:1.7} #espaces .cp-note{margin:.9rem auto 0;font-family:var(--appareil);font-size:.72rem; letter-spacing:.12em;text-transform:uppercase;color:var(--or-sourd)} #espaces .cp-arc-bloc{margin:2.6rem 0} #espaces .cp-arc-bloc h2{display:flex;align-items:baseline;gap:.9rem;margin:0 0 1rem; padding-bottom:.6rem;border-bottom:1px solid rgba(201,161,90,.22); font-family:var(--appareil);font-size:.76rem;font-weight:600;letter-spacing:.2em; text-transform:uppercase;color:var(--or)} #espaces .cp-arc-bloc h2 em{margin-left:auto;font-style:normal;font-size:.72rem;color:var(--sourd-2)} #espaces .cp-liste{list-style:none;margin:0;padding:0;display:grid;gap:.15rem} #espaces .cp-liste a{display:block;padding:.6rem .8rem;border-radius:.35rem; text-decoration:none;transition:background .2s} #espaces .cp-liste a:hover{background:rgba(201,161,90,.08)} #espaces .cp-liste b{display:block;font-family:var(--serif);font-size:1.02rem; font-weight:400;color:var(--blanc)} #espaces .cp-liste span{display:block;margin-top:.15rem;font-size:.86rem; line-height:1.5;color:var(--sourd-2)} #espaces .cp-fiche{max-width:44rem;padding-top:2.4rem} #espaces .cp-fiche h1{margin:.4rem 0 0;font-family:var(--serif); font-size:clamp(1.9rem,4vw,2.7rem);font-weight:400;color:var(--blanc)} #espaces .cp-arc{margin:.5rem 0 2rem;font-family:var(--appareil);font-size:.7rem; letter-spacing:.18em;text-transform:uppercase;color:var(--or-sourd)} #espaces .cp-txt p{margin:0;font-size:1.06rem;line-height:1.8;color:var(--sourd); text-align:justify;hyphens:auto} #espaces .cp-porte{margin:2.4rem 0 0;padding:1.7rem 1.8rem;border-radius:.5rem; border:1px solid rgba(201,161,90,.28);background:rgba(11,18,36,.6)} #espaces .cp-porte p{margin:0 0 .6rem;color:var(--sourd);line-height:1.65} #espaces .cp-porte b{color:var(--blanc);font-weight:400} #espaces .cp-bouton{display:inline-block;margin-top:.7rem;padding:.7rem 1.5rem; border-radius:.3rem;background:var(--or);color:#0B1224;text-decoration:none; font-family:var(--appareil);font-size:.72rem;font-weight:600;letter-spacing:.14em; text-transform:uppercase} #espaces .cp-bouton:hover{background:var(--or-clair)} #espaces .cp-retour{margin:2rem 0 0} #espaces .cp-retour a{color:var(--sourd-2);text-decoration:none;font-size:.9rem} #espaces .cp-retour a:hover{color:var(--or)} #seuil .entete{display:none} #seuil .hero{padding-top:0} body:not(.p-accueil) .sp-menu{background:rgba(7,12,27,.9);backdrop-filter:blur(14px)} body:not(.p-accueil) .sp-menu::after{opacity:1} @media (max-width:78rem){ .sp-barre{gap:.7rem;padding:.7rem 1rem} .sp-barre nav{gap:.1rem} .sp-menu a{padding:.45rem .55rem;font-size:.64rem;letter-spacing:.1em} .sp-marque .rosace{width:2.4rem;height:2.4rem} .sp-marque span b:first-child{font-size:1rem} .sp-marque span b:last-child{font-size:.54rem;letter-spacing:.26em}} @media (max-width:44rem){.sp-marque span{display:none} .sp-barre nav{justify-content:center}} #espaces .espace,#seuil{display:block} #espaces{position:static;inset:auto;z-index:auto;overflow:visible} #seuil{position:static;inset:auto;z-index:auto;overflow:visible;min-height:auto}