@font-face{font-family:Chelsea;src:url('assets/ChelseaMarket-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--cream:#fbf0df;--ink:#640a14;--gold:#e3b05f;--teal:#784018;--rust:#a32a32}
body{font-family:Chelsea,Arial,sans-serif;background:#39040b}
.brand{font-weight:400}.brand-symbol{color:#794018}
.planning-scene{position:relative;isolation:isolate;background:#39040b url('assets/planning-relief-moroccan.png') center bottom/cover no-repeat;padding-top:62px}
.planning-title{text-align:center;color:var(--cream);padding:0 20px 44px;max-width:1000px;margin:auto}
.planning-title h1{font-size:clamp(36px,4.8vw,68px);font-weight:400;letter-spacing:-2px;line-height:1.2;margin:0;text-shadow:0 3px 7px #260408}
.planning-title h1 span{color:#f0c176}
.planning-title .ornament{justify-content:center;color:#dfb166;margin-top:27px;gap:11px}
.planning-title .ornament span{width:53px}
.planning-title .ornament i{width:10px;height:10px}
.planning-wrap{width:84%;max-width:1240px;margin:auto;position:relative;border:1px solid #d3a864;border-radius:5px 17px 5px 17px;padding:5px;background:#47070e45;box-shadow:0 18px 55px #19020570}
.planning-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:15px;line-height:1.55}
.planning-table .col-day{width:17%}.planning-table .col-time{width:21%}.planning-table .col-course{width:39%}.planning-table .col-age{width:23%}
.planning-table thead th{text-align:left;color:#5b0913;font-size:17px;letter-spacing:.4px;font-weight:400;padding:21px 22px;background:#f2cc8f;border-bottom:2px solid #d19432}
.planning-table thead th:first-child{text-align:center;border-radius:3px 0 0 0}
.planning-table thead th:last-child{border-radius:0 12px 0 0}
.planning-table tbody .day{padding:22px 12px;text-align:center;vertical-align:middle;font-weight:400;font-size:16px;letter-spacing:.3px;color:#f5cd8e;background:#4e0810ed;border-right:1px solid #ba935354}
.day-symbol{display:block;color:#f38815;font-size:22px;line-height:1;margin-bottom:13px}
.planning-table #jour-1 .day-symbol,.planning-table #jour-3 .day-symbol,.planning-table #jour-5 .day-symbol{color:#d5444e}
.planning-table td{height:75px;padding:15px 22px;background:var(--row-color);color:var(--row-ink);border-bottom:1px solid #6a0a1640}
.planning-table .time{font-size:14px;white-space:nowrap;border-right:1px solid #cfba986b}
.planning-table .age{font-size:14px;border-left:1px solid #cfba986b}
.planning-table .activity{font-size:16px}
.activity-label{display:flex;align-items:center;gap:13px}
.course-mark{display:block;flex:0 0 7px;width:7px;height:27px;border-radius:2px 5px 1px 4px;background:var(--course-color)}
/* Pigments vifs du décor ; texte indigo sur les teintes claires, ivoire sur les teintes foncées. */
.music-hall{--row-color:#f77f00;--row-ink:#290309;--course-color:#5d0913}
.piano{--row-color:#f2cc8f;--row-ink:#290309;--course-color:#8b2027}
.comedie{--row-color:#c1121f;--row-ink:#fcefdb;--course-color:#f2c172}
.eveil{--row-color:#bc6c25;--row-ink:#290309;--course-color:#6b0b16}
.baby{--row-color:#e88c3d;--row-ink:#290309;--course-color:#742025}
.theatre{--row-color:#eeb766;--row-ink:#290309;--course-color:#7a2227}
.particulier{--row-color:#6a040f;--row-ink:#fcefdb;--course-color:#f2c172}
.planning-table .day-divider td{height:54px;padding:0;background:#3f060de8;border:0;border-top:1px solid #c796463d;border-bottom:1px solid #c796463d}
.day-ornament{display:flex;align-items:center;justify-content:center;gap:24px;height:52px;color:#e9af52}
.day-ornament>span{width:min(105px,24vw);height:1px;background:currentColor}
.day-ornament>i{display:block;width:18px;height:18px;border:2px solid currentColor;transform:rotate(45deg)}
.planning-table tbody:last-child tr:last-child td{border-bottom:0}
.planning-table tbody:last-child .day{border-radius:0 0 0 10px}
.planning-table tbody:last-child tr:last-child td:last-child{border-radius:0 0 3px 0}
.planning-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:240px;max-width:1440px;padding:150px 8% 30px;margin:auto;color:#fbebd1;text-shadow:0 2px 5px #280408}
.planning-footer p{margin:0}.planning-footer p:first-child{font-size:24px}.planning-footer p:last-child{font-family:Arial,sans-serif;font-size:11px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.planning-scene{padding-top:85px}.planning-title{padding-bottom:60px}.planning-table td{height:82px}.planning-footer{min-height:290px;padding-top:190px}}
@media(max-width:1150px){.planning-wrap{width:88%}.planning-table td{padding:14px 16px;font-size:13px}.planning-table .time,.planning-table .age{font-size:12px}.planning-table .activity{font-size:14px}.planning-table thead th{font-size:15px;padding:20px 16px}.planning-table tbody .day{font-size:13px;padding:18px 8px}.activity-label{gap:10px}.planning-title h1{letter-spacing:-1px}.planning-scene{padding-top:48px}.planning-footer{padding-left:6%;padding-right:6%}}
@media(min-width:701px) and (max-width:850px){.planning-wrap{width:92%}.planning-table .col-day{width:16%}.planning-table .col-time{width:21%}.planning-table .col-course{width:39%}.planning-table .col-age{width:24%}.planning-table td{padding:12px 11px}.planning-table .time,.planning-table .age{font-size:11px}.planning-table .activity{font-size:12px}.planning-table tbody .day{font-size:11px}.planning-table thead th{font-size:13px;padding:17px 11px}.course-mark{flex-basis:5px;width:5px}.activity-label{gap:8px}}
@media(max-width:700px){
 .planning-scene{padding-top:43px;background-size:100% auto;background-position:center top}
 .planning-title{padding:0 25px 34px}.planning-title h1{font-size:clamp(35px,8.7vw,54px);letter-spacing:-1.3px;line-height:1.2}.planning-title h1 span{display:block}.planning-title .ornament{margin-top:20px}
 .planning-wrap{width:88%;border:0;padding:0;background:transparent;box-shadow:none;max-width:520px}
 .planning-table,.planning-table tbody{display:block;width:100%}
 .planning-table colgroup{display:none}.planning-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
 .planning-table tbody{margin:0;border:1px solid #d4ab68;border-radius:4px 12px 4px 12px;overflow:hidden;box-shadow:0 8px 18px #1b030640}
 .planning-table .day-divider{border:0;border-radius:0;box-shadow:none;overflow:visible}
 .planning-table .day-divider td{height:66px;padding:0;border:0;background:#3f060de8}
 .day-divider .day-ornament{height:66px;gap:20px}
 .planning-table tr{display:grid;grid-template-columns:1fr;position:relative}
 .planning-table tbody .day{grid-column:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 16px;font-size:16px;border:0!important;letter-spacing:1px;background:#4e0810ec;border-radius:0!important}
 .day-symbol{margin:0;font-size:20px}
 .planning-table td{display:block;height:auto;border:0;border-radius:0!important;padding:0 20px}
 .planning-table .time{order:1;font-size:13px;padding-top:17px;padding-bottom:8px;color:var(--row-ink);border:0}
 .planning-table .activity{order:2;font-size:17px;line-height:1.45;padding-right:20px}
 .activity-label{gap:0}.course-mark{position:absolute;left:0;top:0;bottom:0;height:auto;width:5px;border-radius:0}.planning-table tr:first-child .course-mark{top:55px}
 .planning-table .age{order:3;font-size:13px;padding-top:8px;padding-bottom:19px;border-bottom:1px solid #6a0a1640;color:var(--row-ink)}
 .planning-table tbody tr:last-child .age{border-bottom:0}
 .planning-footer{min-height:190px;flex-direction:column;justify-content:flex-end;gap:15px;text-align:center;padding:95px 20px 24px;background:url('assets/planning-relief-moroccan.png') center bottom/100% auto no-repeat}
 .planning-footer p:first-child{font-size:24px}.planning-footer p:last-child{font-size:10px}
}
@media(max-width:360px){.brand{font-size:22px;gap:8px}.brand-symbol{width:29px}.planning-wrap{width:90%}.planning-table .activity{font-size:15px}.planning-table .time,.planning-table .age{font-size:12px}}
