*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fafafa;color:#3f3a55;font:16px/1.65 "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif}
a{color:#3d69ce}
.dj-bandeau{background:#0d0b15;background:linear-gradient(120deg,#0d0b15 0%,#332467 100%);color:#fff;padding:34px 20px 30px;text-align:center}
.dj-bandeau a{color:#fff;text-decoration:none;font-size:34px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dj-bandeau span{display:block;color:#eeebf8;margin-top:4px}
.dj-barre{background:#332467;position:sticky;top:0}
.dj-barre ul{max-width:1120px;margin:0 auto;padding:0 10px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center}
.dj-barre a{display:block;padding:12px 13px;color:#fff;text-decoration:none;font-size:14px;font-weight:700}
.dj-barre a:hover,.dj-barre a[aria-current]{background:#ff6900}
.dj-fond{max-width:1000px;margin:0 auto;padding:30px 20px 46px}
.dj-fond h1{color:#332467;font-size:32px;line-height:1.2;margin:0 0 14px}
.dj-fond h2{color:#332467;font-size:22px;margin:34px 0 8px;padding-left:12px;border-left:5px solid #ff6900}
.dj-chapo{font-size:18px;color:#180e3c}
.dj-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}
.dj-carte{background:#fff;border:1px solid #dadada;border-radius:10px;padding:16px 18px;border-top:4px solid #3d69ce}
.dj-carte h3{margin:0 0 6px;color:#332467;font-size:18px}
.dj-carte p{margin:0;font-size:15px}
.dj-plan{columns:2;padding-left:20px}
.dj-socle{background:#0d0b15;color:#948fa7;padding:30px 20px 18px}
.dj-socle div{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.dj-socle h4{color:#fff;margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.dj-socle ul{list-style:none;margin:0;padding:0}
.dj-socle a{color:#eeebf8;text-decoration:none;font-size:14px;line-height:2}
.dj-socle p{max-width:1000px;margin:22px auto 0;border-top:1px solid #332467;padding-top:14px;font-size:13px;text-align:center}
@media(max-width:560px){.dj-bandeau a{font-size:24px}.dj-fond h1{font-size:25px}.dj-barre{position:static}.dj-barre a{padding:9px 9px;font-size:13px}.dj-plan{columns:1}}