/* Page Team building (entreprises) : « le voyage », retenu le 2026-10-13. Chargé sur cette page seulement. */
.elementor .e-con.cdc-tb-sec{padding:0;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px}
.elementor .cdc-tb-sec>.elementor-widget-html{width:100%;margin:0}
.cdc-tb .hero{margin-top:0}
.cdc-tb{--cacao:#15100E; --torrefie:#2A211D; --papier:#F2F0EB; --billet:#EFE5D3; --blanc:#FFFFFF; --texte:#4A4340;
  --filet:#D8D3CB; --cuivre:#D9B27C; --cuivre-f:#7A5229; --canopee:#2C3A28; --canopee-texte:#D6D1C4;
  --radius:var(--cdc-radius,10px); --radius-in:var(--cdc-radius-in,4px);
  --f:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:clamp(16px,4vw,56px);
  color-scheme:light;}
.cdc-tb *{box-sizing:border-box}
.cdc-tb{background:var(--papier);color:var(--texte);font:400 17px/1.6 var(--f)}
.cdc-tb h1,.cdc-tb h2,.cdc-tb h3,.cdc-tb h4{color:var(--cacao);font-weight:600;margin:0;letter-spacing:-.02em;line-height:1.06;text-wrap:balance}
.cdc-tb p{margin:0}
.cdc-tb a{color:inherit}
.cdc-tb :focus-visible{outline:2px solid var(--cuivre);outline-offset:3px}
.cdc-tb .in{max-width:1240px;margin:0 auto;padding-inline:var(--gut)}
.cdc-tb .lignes{background-image:repeating-linear-gradient(0deg,transparent 0 33px,rgba(21,16,14,.045) 33px 34px)}
.cdc-tb .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--radius);font:600 16px var(--f);text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:transform .25s,box-shadow .25s}
.cdc-tb .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(21,16,14,.5)}
.cdc-tb .b-cuivre{background:var(--cuivre);color:var(--cacao)}
.cdc-tb .b-cacao{background:var(--cacao);color:var(--papier)}
.cdc-tb .b-contour{border-color:rgba(242,240,235,.5);color:var(--papier)}
.cdc-tb .b-contour-c{border-color:var(--cacao);color:var(--cacao)}
.cdc-tb .eti{font:600 12px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre-f)}
.cdc-tb .num{font-variant-numeric:tabular-nums}
.cdc-tb .hero{position:relative;overflow:hidden;background:var(--cacao);color:var(--papier);isolation:isolate}
.cdc-tb .hero .ph{position:absolute;inset:0;background:var(--cacao) center/cover;transform:scale(1.12);animation:zoom 14s ease-out forwards;z-index:-2}
.cdc-tb .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,16,14,.93) 0%,rgba(21,16,14,.72) 50%,rgba(21,16,14,.45) 100%);z-index:-1}
@keyframes zoom{to{transform:scale(1)}}
.cdc-tb .hero .in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(56px,8vw,110px) clamp(40px,5vw,64px)}
.cdc-tb .hero h1{color:var(--papier);font-size:clamp(38px,5.6vw,76px);line-height:1;letter-spacing:-.035em}
.cdc-tb .hero .chap{font-size:clamp(17px,1.6vw,20px);color:#E6DFD4;margin-top:20px;max-width:46ch}
.cdc-tb .hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cdc-tb .route{grid-column:1/-1;margin-top:8px}
.cdc-tb .route svg{width:100%;height:auto;display:block;overflow:visible}
.cdc-tb .route text{font-family:var(--f)}
.cdc-tb .trace{stroke-dasharray:6 7}
.cdc-tb .trace-on{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 3.2s .6s cubic-bezier(.6,0,.2,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.cdc-tb .avion{offset-path:path("M20 92 C 260 -10, 600 -10, 820 60 S 1080 100, 1140 70");offset-rotate:auto;animation:vol 3.2s .6s cubic-bezier(.6,0,.2,1) forwards;offset-distance:0%}
@keyframes vol{to{offset-distance:100%}}
.cdc-tb .cee{background:var(--billet);color:var(--texte);border-radius:var(--radius);display:grid;grid-template-columns:1fr 112px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);transform:rotate(2deg);animation:pose .9s .3s cubic-bezier(.2,.8,.2,1) both;position:relative}
@keyframes pose{from{transform:translateY(24px) rotate(6deg)}to{transform:rotate(2deg)}}
.cdc-tb .cee .c{padding:22px;display:grid;gap:14px;min-width:0}
.cdc-tb .cee .t{border-left:2px dashed rgba(156,107,53,.45);padding:18px 12px;display:grid;align-content:space-between;justify-items:center;text-align:center;background:linear-gradient(var(--cuivre),var(--cuivre)) bottom/100% 0 no-repeat}
.cdc-tb .cee h3{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre-f)}
.cdc-tb .cee .ft{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}
.cdc-tb .cee .ft div{display:grid;gap:9px}
.cdc-tb .cee .ft b{display:block;font-size:30px;color:var(--cacao);line-height:1.1;letter-spacing:-.02em}
.cdc-tb .cee .ft small{display:block;font-size:12px;line-height:1.3}
.cdc-tb .cee .ft .fl{color:var(--cuivre-f);font-size:22px;padding-bottom:4px}
.cdc-tb .cee dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;border-top:1px solid rgba(21,16,14,.12);padding-top:12px}
.cdc-tb .cee dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cdc-tb .cee dd{margin:0;color:var(--cacao);font-weight:600;font-size:15px}
.cdc-tb .code{height:46px;width:100%;background:repeating-linear-gradient(90deg,var(--cacao) 0 2px,transparent 2px 4px,var(--cacao) 4px 5px,transparent 5px 8px,var(--cacao) 8px 11px,transparent 11px 13px)}
.cdc-tb .t .siege{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cdc-tb .t .siege b{display:block;font-size:26px;color:var(--cacao);letter-spacing:0}
.cdc-tb .tampon{--c:var(--cuivre-f);width:96px;height:96px;border-radius:50%;border:2px solid var(--c);color:var(--c);display:grid;place-items:center;text-align:center;font:700 11px/1.15 var(--f);letter-spacing:.1em;text-transform:uppercase;transform:rotate(-14deg);box-shadow:inset 0 0 0 4px var(--billet),inset 0 0 0 5px var(--c);opacity:.85}
.cdc-tb .tampon b{display:block;font-size:20px;letter-spacing:0}
.cdc-tb .vu .tampon.anim,.cdc-tb .tampon.anim.vu{animation:tamp .55s cubic-bezier(.3,1.6,.5,1) both}
@keyframes tamp{0%{transform:scale(1.7) rotate(-30deg);opacity:0}100%{transform:scale(1) rotate(-14deg);opacity:.85}}
.cdc-tb .cee .tampon{position:absolute;right:20px;top:-96px;background:var(--billet)}
.cdc-tb .sec{padding-block:clamp(64px,9vw,120px)}
.cdc-tb .tete{display:grid;gap:12px;max-width:62ch;margin-bottom:clamp(28px,4vw,48px)}
.cdc-tb .tete h2{font-size:clamp(30px,4vw,52px)}
.cdc-tb .tete p{font-size:18px}
.cdc-tb .billets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cdc-tb .bl{background:var(--billet);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 22px 40px -28px rgba(21,16,14,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.cdc-tb .bl:hover{box-shadow:0 34px 60px -30px rgba(21,16,14,.6)}
.cdc-tb .bl .img{aspect-ratio:3/2;background:var(--cacao) center/cover;transition:transform .8s}
.cdc-tb .bl:hover .img{transform:scale(1.05)}
.cdc-tb .bl .ima{overflow:hidden}
.cdc-tb .bl .co{padding:20px 20px 16px;display:grid;gap:14px;background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(21,16,14,.05) 27px 28px)}
.cdc-tb .bl .r1{display:flex;justify-content:space-between;gap:10px}
.cdc-tb .bl h3{font-size:22px;line-height:1.12}
.cdc-tb .bl dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}
.cdc-tb .bl dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cdc-tb .bl dd{margin:0;color:var(--cacao);font-weight:500;border-bottom:1px dotted rgba(21,16,14,.25);padding-bottom:4px;font-size:15px}
.cdc-tb .bl .orig{display:flex;align-items:center;gap:12px;font-size:14px}
.cdc-tb .bl .orig .tampon{width:62px;height:62px;font-size:8.5px;box-shadow:none;flex:none}
.cdc-tb .bl .orig .tampon b{font-size:13px}
.cdc-tb .bl .tal{border-top:2px dashed rgba(21,16,14,.25);background:var(--cuivre);padding:16px 20px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;position:relative}
.cdc-tb .bl .tal::before,.cdc-tb .bl .tal::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--papier)}
.cdc-tb .bl .tal::before{left:-10px}
.cdc-tb .bl .tal::after{right:-10px}
.cdc-tb .bl .tal b{font-size:30px;color:var(--cacao);letter-spacing:-.02em}
.cdc-tb .bl .tal span{font-size:13px;color:var(--cacao);text-align:right}
.cdc-tb .bl .lien{font-weight:600;color:var(--cacao);text-decoration:underline;text-decoration-color:var(--cuivre-f);text-underline-offset:5px}
.cdc-tb .vy{background:var(--cacao);color:#E3DCD1}
.cdc-tb .vy h2,.cdc-tb .vy h3{color:var(--papier)}
.cdc-tb .vy .eti{color:var(--cuivre)}
.cdc-tb .vy-wrap{position:relative}
.cdc-tb .vy-step{min-height:88vh;display:flex;align-items:center}
.cdc-tb .vy-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,96px);align-items:start}
.cdc-tb .vy-fixe{position:sticky;top:calc(var(--cdc-header-h,80px) + 16px);height:calc(100vh - var(--cdc-header-h,80px) - 48px);display:grid;align-content:center;gap:18px}
.cdc-tb .vy-fixe h2{font-size:clamp(30px,3.8vw,50px)}
.cdc-tb .vy-gros{font-size:clamp(90px,13vw,190px);line-height:.85;font-weight:600;color:var(--cuivre);letter-spacing:-.05em}
.cdc-tb .vy-gros span{display:inline-block;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}
.cdc-tb .vy-nom{font-size:24px;color:var(--papier);font-weight:600}
.cdc-tb .vy-prog{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}
.cdc-tb .vy-prog i{height:3px;background:rgba(242,240,235,.18);border-radius:2px;position:relative;overflow:hidden}
.cdc-tb .vy-prog i::after{content:"";position:absolute;inset:0;background:var(--cuivre);transform:scaleX(var(--p,0));transform-origin:left;transition:transform .4s}
.cdc-tb .vy-prog-l{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-size:12px;color:#A99F92}
.cdc-tb .carte{background:var(--torrefie);border:1px solid rgba(242,240,235,.1);border-radius:var(--radius);padding:clamp(22px,3vw,36px);display:grid;gap:14px;max-width:520px;transition:opacity .5s,transform .5s}
.cdc-tb .carte .eti{color:var(--cuivre)}
.cdc-tb .carte h3{font-size:clamp(24px,2.4vw,32px)}
.cdc-tb .carte p{font-size:17px}
.cdc-tb .carte ul{margin:0;padding-left:20px;display:grid;gap:6px}
.cdc-tb .carte .heure{display:inline-flex;gap:8px;align-items:center;font:600 13px var(--f);color:var(--cacao);background:var(--cuivre);border-radius:999px;padding:5px 12px;justify-self:start}
.cdc-tb .vy-step:not(.actif) .carte{opacity:.85;transform:scale(.97)}
.cdc-tb .ori{background:var(--canopee);color:var(--canopee-texte);overflow:hidden}
.cdc-tb .ori h2{color:var(--papier)}
.cdc-tb .ori .eti{color:var(--cuivre)}
.cdc-tb .ori .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,96px);align-items:center}
.cdc-tb .passeport{background:#25311F;border:1px solid rgba(214,209,196,.18);border-radius:var(--radius);padding:26px;display:grid;gap:18px;position:relative;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.cdc-tb .passeport header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(214,209,196,.2);padding-bottom:12px}
.cdc-tb .passeport header b{color:var(--papier);letter-spacing:.14em;text-transform:uppercase;font-size:13px}
.cdc-tb .passeport dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0}
.cdc-tb .passeport dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre)}
.cdc-tb .passeport dd{margin:0;color:var(--papier);font-weight:600;font-size:18px}
.cdc-tb .passeport .tampons{display:flex;gap:28px;justify-content:flex-end;margin-top:4px}
.cdc-tb .passeport .tampon{--c:var(--cuivre);box-shadow:none;background:transparent;width:104px;height:104px}
.cdc-tb .passeport .tampon + .tampon{transform:rotate(10deg)}
.cdc-tb .ori p.big{font-size:19px;color:var(--canopee-texte);max-width:46ch;margin-top:14px}
.cdc-tb .ori .lien{display:inline-block;margin-top:22px;color:var(--papier);font-weight:600;text-decoration:underline;text-decoration-color:var(--cuivre);text-underline-offset:5px}
.cdc-tb .mani{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(20px,4vw,48px);align-items:start}
.cdc-tb .mani-g{background:var(--billet);border-radius:var(--radius);padding:26px;display:grid;gap:18px;box-shadow:0 22px 40px -28px rgba(21,16,14,.5)}
.cdc-tb .mani-g h3{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre-f)}
.cdc-tb .pax{display:flex;align-items:center;gap:16px}
.cdc-tb .pax output{font-size:76px;line-height:1;font-weight:600;color:var(--cacao);min-width:2ch;letter-spacing:-.04em}
.cdc-tb .pax .st{display:grid;gap:6px}
.cdc-tb .pax button{width:48px;height:48px;border-radius:var(--radius);border:1px solid rgba(21,16,14,.2);background:var(--papier);font:600 22px var(--f);color:var(--cacao);cursor:pointer}
.cdc-tb .pax small{font-size:14px}
.cdc-tb .mani-g input[type=range]{width:100%;accent-color:var(--cacao)}
.cdc-tb .mani-g .note{font-size:14px}
.cdc-tb .res{display:grid;gap:12px}
.cdc-tb .rl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;background:var(--blanc);border:1px solid var(--filet);border-left:4px solid var(--cuivre);border-radius:var(--radius);padding:16px 20px;transition:opacity .3s,border-color .3s}
.cdc-tb .rl h4{font-size:19px}
.cdc-tb .rl .s{font-size:14px}
.cdc-tb .rl .tot{grid-row:1/3;grid-column:2;text-align:right}
.cdc-tb .rl .tot b{display:block;font-size:30px;color:var(--cacao);letter-spacing:-.02em}
.cdc-tb .rl .tot small{font-size:13px}
.cdc-tb .rl.off{opacity:.75;border-left-color:var(--filet)}
.cdc-tb .bag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cdc-tb .tag{background:var(--blanc);border:1px solid var(--filet);border-radius:var(--radius) 40px 40px var(--radius);padding:26px 70px 26px 26px;position:relative;display:grid;gap:12px;transform-origin:95% 50%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.cdc-tb .tag:hover{transform:rotate(-1.5deg)}
.cdc-tb .tag::after{content:"";position:absolute;right:24px;top:50%;width:18px;height:18px;border-radius:50%;border:2px solid var(--filet);transform:translateY(-50%);background:var(--papier)}
.cdc-tb .tag.soute{background:var(--cacao);color:#E3DCD1;border-color:var(--cacao)}
.cdc-tb .tag.soute h3{color:var(--papier)}
.cdc-tb .tag.soute::after{border-color:#4A3F39;background:var(--cacao)}
.cdc-tb .tag h3{font-size:24px}
.cdc-tb .tag ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cdc-tb .tag li{padding-left:26px;position:relative}
.cdc-tb .tag li::before{content:"";position:absolute;left:0;top:8px;width:13px;height:7px;border-left:2px solid var(--cuivre);border-bottom:2px solid var(--cuivre);transform:rotate(-45deg)}
.cdc-tb .carnet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,96px);align-items:center}
.cdc-tb .livre{perspective:1400px;justify-self:center;width:min(100%,340px);aspect-ratio:3/4;position:relative;cursor:pointer}
.cdc-tb .livre .pg{position:absolute;inset:0;border-radius:var(--radius-in) var(--radius) var(--radius) var(--radius-in);background:var(--blanc);box-shadow:0 30px 50px -30px rgba(21,16,14,.6);padding:26px;display:grid;align-content:start;gap:10px}
.cdc-tb .livre .pg h4{font-size:18px}
.cdc-tb .livre .pg p{font-size:14px}
.cdc-tb .livre .cov{background:var(--cacao);color:var(--papier);transform-origin:left center;transition:transform 1.1s cubic-bezier(.6,0,.2,1);align-content:space-between;backface-visibility:hidden;z-index:2}
.cdc-tb .livre .cov b{font-size:28px;line-height:1.05;letter-spacing:-.02em}
.cdc-tb .livre .cov .eti{color:var(--cuivre)}
.cdc-tb .livre:hover .cov,.cdc-tb .livre:focus-visible .cov,.cdc-tb .livre.ouvert .cov{transform:rotateY(-155deg)}
.cdc-tb .livre .pg:not(.cov){visibility:hidden;transition:visibility 0s .35s}
.cdc-tb .livre:hover .pg,.cdc-tb .livre:focus-visible .pg,.cdc-tb .livre.ouvert .pg{visibility:visible;transition-delay:0s}
.cdc-tb .livre .ln{height:8px;border-radius:4px;background:var(--papier)}
.cdc-tb .livre .ln.c{width:60%}
.cdc-tb .faq details{border-bottom:1px solid var(--filet);padding:18px 0}
.cdc-tb .faq summary{font-weight:600;color:var(--cacao);cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.cdc-tb .faq summary::after{content:"+";color:var(--cuivre-f);font-size:24px;line-height:1;transition:transform .3s}
.cdc-tb .faq details[open] summary::after{transform:rotate(45deg)}
.cdc-tb .faq p{margin-top:10px;max-width:68ch}
.cdc-tb .fin{background:var(--cacao);color:#E3DCD1;text-align:center;position:relative;overflow:hidden}
.cdc-tb .fin h2{color:var(--papier);font-size:clamp(36px,5vw,68px)}
.cdc-tb .fin p{max-width:48ch;margin:16px auto 0;font-size:18px}
.cdc-tb .fin .ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.cdc-tb .fin .tampon{--c:var(--cuivre);position:absolute;right:8%;top:22%;width:150px;height:150px;font-size:13px;box-shadow:none;opacity:.5}
.cdc-tb .fin .tampon b{font-size:24px}
.cdc-tb .fin svg{position:absolute;left:0;right:0;bottom:24px;width:100%;opacity:.35}
.cdc-tb .rv{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cdc-tb-js .cdc-tb .rv:not(.vu){transform:translateY(26px)}
@media (max-width:900px){.cdc-tb .hero .in,.cdc-tb .vy-col,.cdc-tb .ori .in,.cdc-tb .mani,.cdc-tb .carnet{grid-template-columns:1fr}
.cdc-tb .billets{grid-template-columns:1fr}
.cdc-tb .bag{grid-template-columns:1fr}
.cdc-tb .vy-fixe{position:sticky;top:var(--cdc-header-h,72px);height:auto;padding-block:14px;background:var(--cacao);z-index:2;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px}
.cdc-tb .vy-fixe>.eti,.cdc-tb .vy-fixe h2,.cdc-tb .vy-prog-l{display:none}
.cdc-tb .vy-gros{font-size:56px}
.cdc-tb .vy-nom{font-size:19px}
.cdc-tb .vy-prog{grid-column:1/-1;margin-top:0}
.cdc-tb .vy-step{min-height:62vh}
.cdc-tb .vy .in>.vy-col::before{content:'Le voyage de votre équipe : du devis au souvenir rapporté';display:block;color:var(--papier);font-size:26px;font-weight:600;line-height:1.1;padding-top:56px}
.cdc-tb .cee{transform:none;animation:none}
.cdc-tb .cee .tampon{display:none}
.cdc-tb .passeport .tampons{justify-content:flex-start}
.cdc-tb .fin .tampon{display:none}}
@media (max-width:480px){.cdc-tb .cee{grid-template-columns:1fr}
.cdc-tb .cee .t{border-left:0;border-top:2px dashed rgba(156,107,53,.45);grid-auto-flow:column;align-items:center}
.cdc-tb .cee dl{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.cdc-tb *,.cdc-tb *::before,.cdc-tb *::after{animation:none!important;transition:none!important}
.cdc-tb .hero .ph{transform:none}
.cdc-tb .trace-on{stroke-dashoffset:0}
.cdc-tb .avion{offset-distance:100%}
.cdc-tb-js .cdc-tb .rv:not(.vu){transform:none}}

/* Questions : bloc à part, sur fond blanc, en deux colonnes */
.cdc-tb .faq-sec{background:var(--blanc);border-block:1px solid var(--filet)}
.cdc-tb .faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,72px);align-items:start}
.cdc-tb .faq-grid .tete{position:sticky;top:calc(var(--cdc-header-h,80px) + 32px);margin:0}
.cdc-tb .faq-grid .faq details:first-child{padding-top:0}
@media (max-width:900px){.cdc-tb .faq-grid{grid-template-columns:1fr}.cdc-tb .faq-grid .tete{position:static}}
@media (max-width:560px){.cdc-tb .livre{aspect-ratio:auto;min-height:440px}.cdc-tb .livre .cov b{font-size:24px}}
/* Accessibilité (audit du 14/10, appliqué le 15/10) */
.cdc-tb .faq summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cdc-tb input[type=range]{min-height:44px}
.cdc-tb .cee .cee-t{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre-f);margin:0}
/* Titre de page du carnet en paragraphe (plus de h4 isolé, 2026-10-17) */
.cdc-tb .livre .pg .pg-t{font-size:18px;font-weight:600;color:var(--cacao);letter-spacing:-.02em;line-height:1.06;margin:0;text-wrap:balance}
/* Fil d'Ariane visible (Noël, CSE) — 2026-10-17 */
.cdc-tb .fil{margin:0 0 16px;font-size:14px}
.cdc-tb .fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cdc-tb .fil li+li::before{content:"/";margin-right:6px;color:var(--texte)}
.cdc-tb .fil a{color:var(--cacao);text-decoration:underline;text-underline-offset:3px}
.cdc-tb .fil.clair,.cdc-tb .fil.clair a,.cdc-tb .fil.clair li+li::before{color:var(--papier)}

/* Section « Pour quelle occasion » : séminaire, afterwork, soirée client (2026-10-19, maquette Séminaire 1) */
.cdc-tb .occ-sec{background:var(--blanc)}
.cdc-tb .occ-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cdc-tb .occ-c{background:var(--papier);border:1px solid var(--filet);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0}
.cdc-tb .occ-m{display:flex;align-items:center;gap:10px}
.cdc-tb .occ-m::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--cuivre);flex:none}
.cdc-tb .occ-c h3{font-size:26px}
.cdc-tb .occ-r{margin-top:auto;border-top:1px dashed rgba(21,16,14,.25);padding-top:14px;display:flex;flex-direction:column;gap:4px}
.cdc-tb .occ-r small{font-size:14px}
.cdc-tb .occ-r b{color:var(--cacao);font-weight:600;line-height:1.3}
.cdc-tb .occ-r a{margin-top:6px;font-weight:600;color:var(--cacao);font-size:15px;text-decoration:underline;text-underline-offset:.2em}
.cdc-tb .occ-pied{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
@media (max-width:900px){.cdc-tb .occ-grille{grid-template-columns:1fr}}
