@font-face { font-family: "Plus Jakarta Sans"; src: url(//www.reinventersontravail.com/wp-content/themes/rst/assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
:root {
--fond: #FFFFFF;
--surface: #F7F8FA;
--encre: #1E2A3B;
--texte: #3A4556;
--gris: #6B7585;
--filet: #E9ECF1;
--corail: #F4A08C; --corail-survol: #F7B4A3;
--corail-texte: #B9472F; --peche: #FDF0EB;  --menthe: #2F7A62;  --menthe-fond: #E8F5F0;
--miel: #9A6510;    --miel-fond: #FDF4E3;
--lilas: #5E54B5;   --lilas-fond: #F0EDFB;
--ciel: #2F6AA8;    --ciel-fond: #EAF2FB;
--police: "Plus Jakarta Sans", system-ui, sans-serif;
--large: 1160px;
--rayon: 22px;
--ombre: 0 1px 2px rgba(30,42,59,.05), 0 10px 30px -12px rgba(30,42,59,.16);
} :root[data-theme="dark"] {
color-scheme: dark;
--fond: #141A23; --surface: #1A222D; --encre: #EEF1F5; --texte: #C9D0DA; --gris: #98A2B1; --filet: #2A3442;
--corail-texte: #F6A893; --peche: #3A2621;
--menthe: #8ED3BB; --menthe-fond: #1A2E29;
--miel: #E8C27A;   --miel-fond: #33291A;
--lilas: #B4ADF2;  --lilas-fond: #262344;
--ciel: #93BDEA;   --ciel-fond: #1A2A3D;
--ombre: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px -12px rgba(0,0,0,.6);
}
:root[data-theme="dark"] .pied { background: #0E131A; }
:root[data-theme="dark"] h1 mark { background: var(--peche); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; color-scheme: light; }
body { margin: 0; background: var(--fond); color: var(--texte); font: 400 1.0625rem/1.7 var(--police); }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { color: var(--encre); font-weight: 800; line-height: 1.15; letter-spacing: -0.025em; margin: 0; }
img { max-width: 100%; display: block; }
.conteneur { width: min(var(--large), 100% - 40px); margin-inline: auto; }
.visuellement-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 2px solid var(--corail-texte); outline-offset: 3px; border-radius: 6px; } mark { background: linear-gradient(transparent 12%, var(--peche) 12%, var(--peche) 92%, transparent 92%); color: inherit; padding: 0 .12em; border-radius: .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
h1 mark { background: #FCE1D7; padding: 0 .14em; margin: 0 -.04em; border-radius: .25em; white-space: nowrap; } .bouton { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; border-radius: 999px; background: var(--corail); color: #1E2A3B; font: 700 .97rem/1 var(--police); border: 0; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.bouton:hover { background: var(--corail-survol); transform: translateY(-1px); }
.bouton--contour { background: transparent; color: var(--encre); box-shadow: inset 0 0 0 1.5px var(--filet); }
.bouton--contour:hover { background: var(--surface); }
.lien { color: var(--corail-texte); font-weight: 700; border-bottom: 1.5px solid currentColor; padding-bottom: 1px; }
.lien::after { content: " →"; }
.surtitre { font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--corail-texte); margin: 0 0 14px; }
.pastille { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; font-size: .8rem; font-weight: 700; }
.p-menthe { color: var(--menthe); background: var(--menthe-fond); }
.p-miel { color: var(--miel); background: var(--miel-fond); }
.p-lilas { color: var(--lilas); background: var(--lilas-fond); }
.p-ciel { color: var(--ciel); background: var(--ciel-fond); } .entete { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--fond) 90%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--filet); }
.entete__barre { display: flex; align-items: center; gap: 28px; height: 72px; }
.marque { font-weight: 800; font-size: 1.12rem; letter-spacing: -0.02em; color: var(--encre); white-space: nowrap; }
.marque i { font-style: normal; color: var(--corail-texte); }
.nav { margin-left: auto; display: flex; gap: 4px; }
.nav a { font-size: .94rem; font-weight: 600; color: var(--texte); padding: 8px 14px; border-radius: 999px; }
.nav a:hover, .nav a[aria-current] { background: var(--peche); color: var(--encre); }
.icone { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--surface); color: var(--encre); cursor: pointer; }
.icone svg { width: 18px; height: 18px; }
.burger { display: none; }
.entete__barre > .icone + .icone { margin-left: -18px; }
.theme-bascule .lune { display: none; }
.theme-bascule:hover .soleil, .theme-bascule:focus-visible .soleil { display: none; }
.theme-bascule:hover .lune, .theme-bascule:focus-visible .lune { display: block; } :root[data-theme="dark"] .theme-bascule .soleil { display: none; }
:root[data-theme="dark"] .theme-bascule .lune { display: block; }
:root[data-theme="dark"] .theme-bascule:hover .soleil, :root[data-theme="dark"] .theme-bascule:focus-visible .soleil { display: block; }
:root[data-theme="dark"] .theme-bascule:hover .lune, :root[data-theme="dark"] .theme-bascule:focus-visible .lune { display: none; } .ouverture { padding: 72px 0 80px; }
.ouverture__grille { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.ouverture__grille > *, .une > * { min-width: 0; }
.ouverture h1 { font-size: clamp(2.5rem, 5.6vw, 4.1rem); line-height: 1.08; letter-spacing: -0.035em; }
.ouverture__intro { font-size: 1.18rem; margin: 22px 0 28px; max-width: 32em; }
.recherche { display: flex; align-items: center; gap: 10px; max-width: 520px; background: var(--fond); border: 1.5px solid var(--filet); border-radius: 999px; padding: 6px 6px 6px 20px; box-shadow: var(--ombre); }
.recherche svg { width: 18px; height: 18px; color: var(--gris); flex: none; }
.recherche input { flex: 1; width: 100%; min-width: 0; border: 0; background: none; font: inherit; color: var(--encre); outline: none; }
.recherche:focus-within { border-color: var(--corail); }
.ouverture__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.reperes { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 26px; font-size: .92rem; color: var(--gris); }
.reperes strong { color: var(--encre); } .depart { background: var(--fond); border-radius: 28px; box-shadow: var(--ombre); border: 1px solid var(--filet); padding: 26px; }
.depart h2 { font-size: 1.2rem; margin-bottom: 4px; }
.depart > p { margin: 0 0 16px; color: var(--gris); font-size: .93rem; }
.depart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.depart a { display: grid; grid-template-columns: 46px 1fr auto; gap: 14px; align-items: center; padding: 12px 14px; border-radius: 18px; background: var(--cf); transition: transform .2s ease; }
.depart a:hover { transform: translateX(4px); }
.depart .ico { width: 46px; height: 46px; border-radius: 14px; background: var(--fond); color: var(--c); display: grid; place-items: center; }
.depart .ico svg { width: 24px; height: 24px; }
.depart strong { display: block; color: var(--encre); font-size: 1rem; line-height: 1.3; }
.depart small { color: var(--c); font-weight: 600; font-size: .82rem; }
.depart .fleche { color: var(--c); font-weight: 700; }
.c-menthe { --c: var(--menthe); --cf: var(--menthe-fond); }
.c-miel { --c: var(--miel); --cf: var(--miel-fond); }
.c-lilas { --c: var(--lilas); --cf: var(--lilas-fond); }
.c-ciel { --c: var(--ciel); --cf: var(--ciel-fond); } .section { padding: 80px 0; }
.section--surface { background: var(--surface); }
.section__tete { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 36px; }
.section__tete h2 { font-size: clamp(1.8rem, 3.4vw, 2.5rem); }
.section__tete p { margin: 8px 0 0; color: var(--gris); } .une { display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center; background: var(--peche); border-radius: 32px; padding: 48px; }
.une h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin: 14px 0 0; }
.une h2 a:hover { color: var(--corail-texte); }
.une p { margin: 0 0 24px; font-size: 1.08rem; } .chiffres { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 40px 0; border-bottom: 1px solid var(--filet); }
.chiffres strong { display: block; font-size: 2.4rem; font-weight: 800; letter-spacing: -0.03em; color: var(--encre); line-height: 1.1; }
.chiffres span { color: var(--gris); font-size: .95rem; } .themes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.carte-theme { background: var(--cf); border-radius: var(--rayon); padding: 26px 24px 22px; display: flex; flex-direction: column; }
.carte-theme .ico { width: 48px; height: 48px; border-radius: 15px; background: var(--fond); color: var(--c); display: grid; place-items: center; margin-bottom: 16px; }
.carte-theme .ico svg { width: 25px; height: 25px; }
.carte-theme h3 { font-size: 1.22rem; }
.carte-theme h3 a:hover { color: var(--c); }
.carte-theme .nb { color: var(--c); font-weight: 700; font-size: .85rem; margin: 4px 0 10px; }
.carte-theme > p { margin: 0 0 16px; font-size: .95rem; }
.carte-theme ul { list-style: none; margin: auto 0 0; padding: 14px 0 0; border-top: 1px solid color-mix(in srgb, var(--c) 20%, transparent); display: grid; gap: 9px; }
.carte-theme li a { font-size: .92rem; font-weight: 600; color: var(--encre); line-height: 1.4; display: block; }
.carte-theme li a:hover { color: var(--c); } .classement { list-style: none; margin: 0; padding: 0; counter-reset: rang; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 48px; }
.classement li { counter-increment: rang; display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--filet); }
.classement li::before { content: counter(rang); width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; background: var(--peche); color: var(--corail-texte); font-weight: 800; font-size: 1.2rem; }
.classement a { font-weight: 700; color: var(--encre); line-height: 1.4; }
.classement a:hover { color: var(--corail-texte); }
.classement .pastille { margin-bottom: 6px; } .cartes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.carte { position: relative; background: var(--fond); border: 1px solid var(--filet); border-radius: var(--rayon); padding: 26px 24px 22px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--ombre); transition: transform .2s ease; }
.carte:hover { transform: translateY(-4px); }
.carte .pastille { align-self: flex-start; }
.carte h3 { font-size: 1.18rem; line-height: 1.3; }
.carte h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.carte h3 a:hover { color: var(--corail-texte); }
.carte p { margin: 0; font-size: .95rem; }
.carte__meta { margin-top: auto; font-size: .85rem; color: var(--gris); } .auteur { display: grid; grid-template-columns: 200px 1fr; gap: 40px; align-items: center; background: var(--fond); border-radius: 32px; padding: 32px; box-shadow: var(--ombre); border: 1px solid var(--filet); }
.auteur img { width: 200px; height: 220px; object-fit: cover; object-position: center 20%; border-radius: 24px; }
.auteur h2 { font-size: 1.8rem; }
.auteur__role { color: var(--corail-texte); font-weight: 700; margin: 6px 0 12px; }
.auteur p { margin: 0 0 10px; } .pied { background: var(--encre); color: #C9D0DA; padding: 56px 0 28px; margin-top: 40px; }
.pied .marque { color: #fff; }
.pied .marque i { color: var(--corail); }
.pied__grille { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; }
.pied p { max-width: 26em; margin: 12px 0 0; font-size: .95rem; }
.pied h2 { color: #fff; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
.pied ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; font-size: .95rem; }
.pied ul a:hover { color: var(--corail); }
.pied__bas { border-top: 1px solid rgba(255,255,255,.12); margin-top: 40px; padding-top: 20px; font-size: .85rem; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .fil { font-size: .88rem; color: var(--gris); padding-top: 28px; }
.fil a:hover { color: var(--corail-texte); }
.article-tete { padding: 22px 0 36px; border-bottom: 1px solid var(--filet); }
.article-tete h1 { font-size: clamp(2.1rem, 4.6vw, 3.2rem); max-width: 20em; margin: 16px 0 20px; }
.article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; font-size: .92rem; color: var(--gris); }
.article-meta__auteur { display: flex; align-items: center; gap: 10px; color: var(--encre); font-weight: 700; }
.article-meta__auteur img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; object-position: center 20%; }
.conteneur--article { width: min(1100px, 100% - 40px); }
.article-corps { display: grid; grid-template-columns: minmax(0, 720px) 300px; justify-content: space-between; gap: 56px; padding-top: 40px; }
.article-principal { min-width: 0; }
.sommaire { background: var(--surface); border-radius: 18px; padding: 16px 20px; margin-bottom: 36px; font-size: .92rem; }
.sommaire summary { list-style: none; cursor: pointer; display: flex; align-items: center; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--gris); }
.sommaire summary::-webkit-details-marker { display: none; }
.sommaire summary span { text-transform: none; letter-spacing: 0; font-weight: 500; margin: 0 auto 0 6px; }
.sommaire summary::after { content: "+"; font-size: 1.25rem; line-height: 1; color: var(--corail-texte); }
.sommaire details[open] summary { margin-bottom: 12px; }
.sommaire details[open] summary::after { content: "−"; }
.sommaire ol { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 28px; }
.sommaire li { break-inside: avoid; }
.sommaire li a { display: block; padding: 4px 0; color: var(--gris); line-height: 1.35; }
.sommaire li a:hover { color: var(--corail-texte); }
.sommaire .niv2 a { color: var(--encre); font-weight: 700; }
.contenu { font-size: 1.125rem; line-height: 1.8; }
.contenu > p:first-child { font-size: 1.25rem; color: var(--encre); }
.contenu p { margin: 0 0 1.2em; }
.contenu h2 { font-size: 1.9rem; margin: 2em 0 .7em; scroll-margin-top: 96px; }
.contenu h3 { font-size: 1.3rem; margin: 1.9em 0 .6em; display: flex; gap: 14px; align-items: center; scroll-margin-top: 96px; }
.contenu h3 .num { flex: none; width: 40px; height: 40px; border-radius: 13px; background: var(--peche); color: var(--corail-texte); display: grid; place-items: center; font-size: 1.05rem; font-weight: 800; letter-spacing: 0; }
.contenu ul, .contenu ol { padding-left: 1.2em; margin: 0 0 1.3em; }
.contenu li { margin-bottom: .45em; padding-left: .2em; }
.contenu li::marker { color: var(--corail); }
.contenu strong { color: var(--encre); font-weight: 700; }
.contenu a { color: var(--corail-texte); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.contenu blockquote { margin: 1.6em 0; padding: 18px 22px; border-radius: 18px; background: var(--peche); color: var(--encre); font-weight: 600; }
.article-fin { margin-top: 52px; }
.article-fin .auteur { grid-template-columns: 96px 1fr; gap: 22px; padding: 22px; border-radius: 26px; }
.article-fin .auteur img { width: 96px; height: 96px; border-radius: 22px; }
.article-fin .auteur h2 { font-size: 1.2rem; }
.article-fin .auteur__role { margin: 2px 0 6px; font-size: .92rem; }
.article-fin .auteur p { font-size: .95rem; margin: 0; } .cote { display: flex; flex-direction: column; } .cote__sticky { --h: 885px; position: sticky; top: min(90px, calc(100vh - var(--h) - 16px)); display: flex; flex-direction: column; gap: 18px; }
.cote__tete { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.cote__titre { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--gris); margin: 0; }
.cote__tous { font-size: .82rem; font-weight: 700; color: var(--corail-texte); }
.cote__tous:hover { text-decoration: underline; }
.livres { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.livre { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 14px 10px 12px; border-radius: 18px; background: var(--surface); text-align: center; transition: transform .2s ease, box-shadow .2s ease; }
.livre:hover { transform: translateY(-2px); box-shadow: var(--ombre); }
.livre img { width: 96px; height: 144px; object-fit: cover; border-radius: 6px; box-shadow: 0 8px 16px -8px rgba(30,42,59,.45); }
.livre strong { color: var(--encre); font-size: .82rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .rsp-cu{position:relative;display:block;width:100%;max-width:300px;height:600px;margin:0 auto;overflow:hidden;border-radius:22px;background:#17123f;color:#fff;text-align:center;box-shadow:0 12px 30px rgba(23,18,63,.28);transition:transform .2s,box-shadow .2s}
.rsp-cu:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(23,18,63,.36)}
.rsp-cu__glow{position:absolute;top:-90px;right:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(123,104,238,.55) 0%,rgba(123,104,238,0) 70%)}
.rsp-cu__title{position:relative;display:block;padding:44px 22px 0;color:#fff;font-size:33px;font-weight:300;line-height:1.2;letter-spacing:-.02em}
.rsp-cu__title strong{display:block;font-weight:800}
.rsp-cu__btn{position:relative;display:inline-block;margin-top:26px;padding:13px 24px;border-radius:999px;background:#7b68ee;color:#fff;font-size:16px;font-weight:700;line-height:1.2;transition:background-color .2s}
.rsp-cu:hover .rsp-cu__btn{background:#fd71af}
.rsp-cu__stack{position:absolute;left:30px;right:-40px;bottom:58px;height:238px}
.rsp-cu__stack::before,.rsp-cu__stack::after{content:"";position:absolute;bottom:0;border-radius:4px 0 0 0}
.rsp-cu__stack::before{top:24px;left:-22px;right:0;background:#2a2270}
.rsp-cu__stack::after{top:12px;left:-11px;right:0;background:#4a3fb5}
.rsp-cu__app{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:4px 0 0 0;background:#fff;color:#2b2a3d;text-align:left}
.rsp-cu__bar{display:block;height:15px;padding:0 7px;background:#5b4fd1;color:#fff;font-size:15px;font-weight:700;letter-spacing:1px;line-height:9px}
.rsp-cu__name{display:block;padding:11px 14px 6px;font-size:15px;font-weight:700;line-height:1.2}
.rsp-cu__group{display:block;padding:5px 14px;font-size:13px;font-weight:600;line-height:1.2}
.rsp-cu__group--a{color:#7b68ee}
.rsp-cu__group--b{color:#e0569b}
.rsp-cu__row{display:flex;align-items:center;gap:6px;height:22px;margin:0 0 3px 14px}
.rsp-cu__task{flex:0 0 74px;height:18px;border-left:3px solid #7b68ee;border-radius:2px;background:#f3f3f8}
.rsp-cu__row--b .rsp-cu__task{border-left-color:#fd71af}
.rsp-cu__who{flex:0 0 16px;height:16px;border-radius:50%;background:#c9c4ef}
.rsp-cu__who--2{background:#ffc3dd}
.rsp-cu__who--3{background:#a9e6f7}
.rsp-cu__st{flex:0 0 58px;height:22px;background:#49cc90}
.rsp-cu__st--o{background:#ffb13d}
.rsp-cu__st--r{background:#e5484d}
.rsp-cu__st--p{background:#7b68ee}
.rsp-cu__foot{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;height:58px;background:#fff;color:#2b2a3d;font-size:14px;line-height:1}
.rsp-cu__foot img{display:block;width:auto;height:30px}
.rsp-cu__ad{position:absolute;z-index:2;top:10px;right:14px;color:rgba(255,255,255,.62);font-size:10px;line-height:1.2}
@media (min-width: 961px) and (max-height: 1000px) {
.rsp-cu{height:480px}.rsp-cu__title{padding-top:32px;font-size:28px}.rsp-cu__btn{margin-top:18px}.rsp-cu__stack{height:160px}
.cote__sticky{--h:765px}
}
@media (min-width: 961px) and (max-height: 840px) {
.rsp-cu{height:400px}.rsp-cu__title{padding-top:26px;font-size:25px}.rsp-cu__btn{margin-top:14px;padding:11px 20px;font-size:15px}.rsp-cu__stack{height:110px}
.livre img{width:80px;height:120px}
.cote__sticky{--h:660px}
} @media (max-width: 1100px) {
.article-corps { grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; }
.themes { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 960px) {
.conteneur--article { width: min(720px, 100% - 40px); }
.article-corps { grid-template-columns: minmax(0, 1fr); }
.cote__sticky { position: static; }
.livres { grid-template-columns: 1fr 1fr; max-width: 420px; }
}
@media (max-width: 900px) {
.nav { display: none; position: absolute; top: calc(100% + 8px); left: 16px; right: 16px; flex-direction: column; background: var(--fond); border-radius: 22px; box-shadow: var(--ombre); border: 1px solid var(--filet); padding: 8px; }
.nav.ouvert { display: flex; }
.nav a { padding: 13px 16px; font-size: 1.05rem; }
.burger { display: inline-grid; }
.entete__barre > .nav + .icone { margin-left: auto; }
.entete__barre > .icone + .icone { margin-left: 0; }
.entete__barre { gap: 10px; }
.ouverture { padding: 44px 0 56px; }
.ouverture__grille, .une { grid-template-columns: 1fr; gap: 32px; }
.une { padding: 32px 26px; }
.cartes, .classement { grid-template-columns: 1fr; }
.chiffres { grid-template-columns: repeat(2, 1fr); }
.auteur { grid-template-columns: 1fr; }
.pied__grille { grid-template-columns: 1fr 1fr; }
.pied__grille > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
body { font-size: 1rem; }
.section { padding: 56px 0; }
.themes { grid-template-columns: 1fr; }
.section__tete { flex-direction: column; align-items: start; }
.chiffres strong { font-size: 2rem; }
.depart { padding: 18px; }
.contenu { font-size: 1.05rem; }
.contenu > p:first-child { font-size: 1.15rem; }
.contenu h2 { font-size: 1.6rem; }
.contenu h3 { font-size: 1.15rem; }
.sommaire ol { columns: 1; }
.article-fin .auteur { grid-template-columns: 72px 1fr; }
.article-fin .auteur img { width: 72px; height: 72px; }
} .evitement:focus { position: fixed; z-index: 60; top: 10px; left: 10px; width: auto; height: auto; clip: auto; padding: 10px 16px; background: var(--fond); border-radius: 12px; box-shadow: var(--ombre); }
.recherche button.bouton { flex: none; }
.barre-recherche { border-top: 1px solid var(--filet); background: var(--fond); padding: 14px 0; }
.barre-recherche[hidden] { display: none; }
.barre-recherche .recherche { max-width: 620px; margin: 0 auto; box-shadow: none; } .liste-tete { padding: 56px 0 8px; }
.liste-tete h1 { font-size: clamp(2.1rem, 4.6vw, 3.2rem); }
.liste-tete p { margin: 12px 0 0; max-width: 40em; font-size: 1.1rem; }
.liste-tete .surtitre { margin: 0 0 12px; font-size: .82rem; }
.liste-tete__nb { color: var(--gris); font-size: .95rem !important; }
.liste-tete .recherche { margin-top: 24px; }
.liste-tete--theme { background: var(--cf); padding: 48px 0 44px; }
.liste-tete--theme .ico { width: 54px; height: 54px; border-radius: 17px; background: var(--fond); color: var(--c); display: grid; place-items: center; margin-bottom: 18px; }
.liste-tete--theme .ico svg { width: 28px; height: 28px; }
.liste-tete--theme .liste-tete__nb { color: var(--c); font-weight: 700; }
.section--liste { padding-top: 40px; }
.vide { color: var(--gris); }
.pagination { margin-top: 44px; }
.pagination ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; }
.pagination a, .pagination span.page-numbers { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 14px; font-weight: 700; color: var(--encre); background: var(--surface); }
.pagination a:hover { background: var(--peche); }
.pagination .current { background: var(--corail) !important; color: #1E2A3B !important; }
.pagination .dots { background: none !important; } .conteneur--page { width: min(760px, 100% - 40px); padding-bottom: 40px; }
.page-tete { padding: 56px 0 28px; }
.page-tete h1 { font-size: clamp(2.1rem, 4.6vw, 3.2rem); }
.ouverture--404 { text-align: center; padding: 96px 0; }
.ouverture--404 .ouverture__intro, .ouverture--404 .recherche { margin-left: auto; margin-right: auto; }
.depart__simple { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 28px 0 0; padding: 0; } .contenu h4, .contenu h5, .contenu h6 { font-size: 1.1rem; margin: 1.6em 0 .5em; }
.contenu img { height: auto; border-radius: 14px; }
.contenu img[width="1"], .contenu img[height="1"] { border-radius: 0; }
.contenu figure { margin: 1.6em 0; }
.contenu figcaption { margin-top: 8px; font-size: .9rem; color: var(--gris); text-align: center; }
.contenu .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.contenu .alignleft { float: left; margin: 6px 22px 12px 0; max-width: 50%; }
.contenu .alignright { float: right; margin: 6px 0 12px 22px; max-width: 50%; }
.contenu::after { content: ""; display: block; clear: both; }
.contenu .has-text-align-center { text-align: center; }
.tableau { overflow-x: auto; margin: 1.6em 0; border-radius: 14px; border: 1px solid var(--filet); }
.tableau table { width: 100%; border-collapse: collapse; font-size: .98rem; line-height: 1.5; }
.tableau th { background: var(--surface); color: var(--encre); text-align: left; font-weight: 700; }
.tableau th, .tableau td { padding: 12px 14px; border-bottom: 1px solid var(--filet); vertical-align: top; }
.tableau tr:last-child td { border-bottom: 0; }
.contenu .tableau a, .contenu ul a { word-break: break-word; } .wwc { margin: 1.6em 0; padding: 20px 22px; border-radius: 18px; background: var(--ciel-fond); color: var(--encre); font-size: 1.02rem; line-height: 1.65; }
.wwc p:last-child { margin-bottom: 0; }
.wwc-title { font-weight: 800; color: var(--encre); margin-bottom: 8px; }
.wwc-info { background: var(--ciel-fond); }
.wwc-tip { background: var(--menthe-fond); }
.wwc-quote { background: var(--peche); font-weight: 600; }
.wwc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; background: none; padding: 0; }
.wwc-column { padding: 18px 20px; border-radius: 18px; background: var(--surface); }
.wwc-table { background: none; padding: 0; } .contenu input[type="text"], .contenu input[type="email"], .contenu input[type="url"], .contenu input[type="tel"], .contenu textarea,
.commentaires input[type="text"], .commentaires input[type="email"], .commentaires input[type="url"], .commentaires textarea {
width: 100%; padding: 12px 16px; font: inherit; color: var(--encre); background: var(--fond); border: 1.5px solid var(--filet); border-radius: 14px; outline: none;
}
.contenu input:focus, .contenu textarea:focus, .commentaires input:focus, .commentaires textarea:focus { border-color: var(--corail); }
.contenu input[type="submit"] { padding: 13px 26px; border: 0; border-radius: 999px; background: var(--corail); color: #1E2A3B; font: 700 .97rem/1 var(--police); cursor: pointer; }
.contenu input[type="submit"]:hover { background: var(--corail-survol); }
.contenu .wpcf7 label { display: block; font-weight: 600; color: var(--encre); } .commentaires { margin-top: 56px; }
.commentaires h2 { font-size: 1.5rem; margin-bottom: 20px; }
.commentaires__liste, .commentaires__liste .children { list-style: none; margin: 0; padding: 0; }
.commentaires__liste .children { margin-left: 24px; }
.commentaire { padding: 18px 20px; border-radius: 18px; background: var(--surface); margin-bottom: 12px; }
.commentaire__tete { margin: 0 0 6px; font-size: .92rem; color: var(--gris); }
.commentaire__tete strong { color: var(--encre); margin-right: 8px; }
.commentaire__tete a { color: inherit; }
.commentaire__attente { font-size: .9rem; color: var(--corail-texte); }
.commentaire__texte { font-size: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
.commentaire__texte p { margin: 0 0 .7em; }
.commentaire__texte a { color: var(--corail-texte); text-decoration: underline; }
.comment-reply-link { font-size: .85rem; font-weight: 700; color: var(--corail-texte); }
.comment-respond { margin-top: 32px; }
.comment-form p { margin: 0 0 14px; }
.comment-form label { display: block; font-size: .92rem; font-weight: 600; color: var(--encre); margin-bottom: 4px; }
.comment-form .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; }
.comment-form .comment-form-cookies-consent label { font-weight: 400; color: var(--texte); }
.comment-notes, .logged-in-as { font-size: .9rem; color: var(--gris); }
#cancel-comment-reply-link { font-size: .85rem; margin-left: 10px; }
@media (max-width: 600px) {
.recherche button.bouton { padding: 11px 16px; }
.contenu .alignleft, .contenu .alignright { float: none; margin: 1em auto; max-width: 100%; }
.commentaires__liste .children { margin-left: 12px; }
}
.contenu img[src*="amazon-adsystem.com/widgets"] { width: auto; max-width: 160px; } .portes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.portes a { display: grid; grid-template-columns: 50px 1fr auto; gap: 14px; align-items: center; padding: 16px 18px; border-radius: 20px; background: var(--cf); transition: transform .2s ease; }
.portes a:hover { transform: translateY(-3px); }
.portes .ico { width: 50px; height: 50px; border-radius: 15px; background: var(--fond); color: var(--c); display: grid; place-items: center; }
.portes .ico svg { width: 25px; height: 25px; }
.portes strong { display: block; color: var(--encre); font-size: 1.05rem; line-height: 1.3; }
.portes small { color: var(--c); font-weight: 600; font-size: .85rem; }
.portes .fleche { color: var(--c); font-weight: 700; } .c-peche { --c: var(--corail-texte); --cf: var(--peche); }
.perdu { padding: 72px 0 88px; overflow: hidden; }
.perdu__grille { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
.perdu__grille > * { min-width: 0; }
.perdu h1 { font-size: clamp(2.5rem, 5.4vw, 4rem); line-height: 1.08; letter-spacing: -0.035em; }
.perdu h1 mark { white-space: normal; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.perdu__visuel { position: relative; display: flex; justify-content: center; gap: clamp(8px, 1.4vw, 16px); padding: 24px 0 48px; }
.perdu__chiffre { display: grid; place-items: center; width: clamp(92px, 12.5vw, 156px); aspect-ratio: 4 / 5; border-radius: clamp(20px, 3vw, 34px); background: var(--cf); color: var(--c); font-size: clamp(4.2rem, 9.5vw, 7.4rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.perdu__chiffre:nth-child(1) { transform: rotate(-4deg); }
.perdu__chiffre:nth-child(2) { transform: translateY(14px) rotate(2deg); }
.perdu__chiffre:nth-child(3) { transform: rotate(3deg); }
.postit { position: absolute; right: 4%; bottom: 6px; width: 148px; padding: 16px 14px 18px; background: #FFF0B3; color: #4A3B12; font-size: .84rem; font-weight: 600; line-height: 1.3; text-align: center; border-radius: 3px 3px 22px 3px; box-shadow: 0 14px 24px -12px rgba(30,42,59,.45); transform: rotate(-6deg); transform-origin: top center; }
.postit b { display: block; font-size: 1.22rem; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 2px; }
.postit::before { content: ""; position: absolute; top: -10px; left: 50%; width: 62px; height: 20px; margin-left: -31px; background: rgba(244,160,140,.6); transform: rotate(2deg); }
@media (prefers-reduced-motion: no-preference) {
.postit { animation: rst-balance 4.5s ease-in-out infinite; }
@keyframes rst-balance { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(-2.5deg); } }
} .contact { padding: 64px 0 80px; }
.contact__grille { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.contact__grille > * { min-width: 0; }
.contact h1 { font-size: clamp(2.5rem, 5.4vw, 4rem); line-height: 1.08; letter-spacing: -0.035em; }
.coches { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 10px; }
.coches li { position: relative; padding-left: 34px; font-weight: 600; color: var(--encre); }
.coches li::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; background: var(--menthe-fond); color: var(--menthe); font-size: .82rem; font-weight: 800; }
.signature { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 20px; background: var(--surface); width: fit-content; }
.signature img { width: 64px; height: 64px; object-fit: cover; object-position: center 20%; border-radius: 18px; }
.signature p { margin: 0; font-size: .95rem; line-height: 1.45; color: var(--gris); }
.signature strong { color: var(--encre); }
.contact__mail { margin: 22px 0 0; font-size: .98rem; }
.lien--nu::after { content: none; }
.contact__carte { background: var(--fond); border: 1px solid var(--filet); border-radius: 28px; padding: 32px; box-shadow: var(--ombre); }
.contact__carte h2 { font-size: 1.5rem; margin-bottom: 18px; }
.contact__form { font-size: 1rem; line-height: 1.6; }
.contact__form p { margin: 0 0 14px; }
.contact__form textarea { height: 170px; resize: vertical; display: block; }
.contact__form .wpcf7 label { font-size: .92rem; }
.contact__form input[type="submit"] { width: 100%; margin-top: 4px; padding: 15px 26px; }
.wpcf7-not-valid-tip { margin-top: 4px; font-size: .86rem; color: var(--corail-texte); }
.wpcf7 form .wpcf7-response-output { margin: 14px 0 0; padding: 12px 16px; border: 0; border-radius: 14px; background: var(--peche); color: var(--encre); font-size: .94rem; }
.wpcf7 form.sent .wpcf7-response-output { background: var(--menthe-fond); }
.wpcf7-spinner { display: none; } .apropos { padding: 64px 0 56px; }
.apropos__grille { display: grid; grid-template-columns: 1.3fr .7fr; gap: 64px; align-items: center; }
.apropos__grille > * { min-width: 0; }
.apropos h1 { font-size: clamp(2.4rem, 5vw, 3.8rem); line-height: 1.1; letter-spacing: -0.035em; }
.apropos h1 mark { white-space: normal; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.portrait { margin: 0; position: relative; }
.portrait img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 20%; border-radius: 32px; }
.portrait figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 12px 16px; border-radius: 18px; background: var(--fond); box-shadow: var(--ombre); font-size: .84rem; line-height: 1.35; color: var(--gris); }
.portrait figcaption strong { display: block; color: var(--encre); font-size: 1rem; }
ul.chiffres { list-style: none; margin: 0; padding: 32px 0; border-top: 1px solid var(--filet); }
.recit { display: grid; grid-template-columns: .7fr 1.3fr; gap: 48px; }
.recit h2 { font-size: clamp(1.8rem, 3.4vw, 2.5rem); }
.recit p { margin: 0 0 1.1em; font-size: 1.12rem; line-height: 1.75; }
.recit strong { color: var(--encre); }
.principes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.principes article { background: var(--cf); border-radius: var(--rayon); padding: 26px 24px; }
.principes h3 { font-size: 1.25rem; color: var(--c); margin-bottom: 8px; }
.principes p { margin: 0; color: var(--encre); }
.etagere { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.etagere__livre { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 22px 16px 20px; border-radius: var(--rayon); background: var(--fond); box-shadow: var(--ombre); transition: transform .2s ease; }
.etagere__livre:hover { transform: translateY(-4px); }
.etagere__livre img { width: 120px; height: 180px; object-fit: cover; border-radius: 6px; margin-bottom: 8px; box-shadow: 0 10px 18px -8px rgba(30,42,59,.45); }
.etagere__livre strong { color: var(--encre); font-size: .98rem; line-height: 1.3; }
.etagere__livre small { color: var(--gris); font-size: .86rem; line-height: 1.4; }
.deux-cartes { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.transparence { margin: 28px 0 0; padding: 16px 20px; border-radius: 16px; background: var(--surface); font-size: .92rem; color: var(--gris); }
.transparence strong { color: var(--encre); }
@media (max-width: 960px) {
.perdu__grille, .contact__grille, .apropos__grille, .recit { grid-template-columns: 1fr; gap: 36px; }
.portrait { max-width: 340px; }
.principes, .deux-cartes { grid-template-columns: 1fr; }
.etagere { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.portes { grid-template-columns: 1fr; }
.perdu { padding: 44px 0 56px; }
.contact { padding: 40px 0 56px; }
.contact__carte { padding: 22px 18px; border-radius: 24px; }
.apropos { padding: 40px 0 32px; }
.postit { width: 124px; font-size: .76rem; right: 0; }
.postit b { font-size: 1.05rem; }
.perdu__chiffre { width: 26vw; font-size: 18vw; }
ul.chiffres { grid-template-columns: repeat(2, 1fr); }
}