/* Login screen, themed per subdomain.
 *
 * The body carries `.login-scene` plus a `.login-scene--<module>` modifier
 * (home, photos, listes, visite, rangement, jeux). The redesigned modules (compte,
 * cuisine, sport, information, vehicules) do not use this scene: their login wears
 * the module's own design, see login-modules.css.
 *
 * Each modifier swaps the gradient, the decorative SVG, the accent colour and the
 * focus ring of the form. The card glassmorphism stays consistent across modules.
 */

:root {
    --login-night: #0b1220;
    --login-deep: #1e3a5f;
    --login-accent: #fb923c;
    --login-accent-strong: #ef4444;
    --login-text: #fff;
}

.login-scene {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: var(--login-text);
    background: linear-gradient(180deg, #0b1220 0%, #1e293b 35%, #7c2d12 75%, #ef6c00 100%);
}

/* ── Decorative back layer (per-module SVG) ─────────────────── */
.login-scene::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.login-scene > * {
    position: relative;
    z-index: 1;
}

/* ── Glass card (shared) ───────────────────────────────────── */
.login-card {
    width: 100%;
    max-width: 28rem;
    background: rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 1rem;
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}

.login-brand {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.login-tagline {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
}

.login-card .form-label {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    letter-spacing: 0.02em;
}

.login-card .form-control {
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    transition: border-color .15s, background-color .15s, box-shadow .15s;
}

.login-card .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.login-card .form-control:focus {
    background-color: rgba(255, 255, 255, 0.14);
    border-color: var(--login-accent);
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(251, 146, 60, 0.25);
}

.login-card .form-check-input {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.4);
}

.login-card .form-check-input:checked {
    background-color: var(--login-accent);
    border-color: var(--login-accent);
}

.login-card .form-check-label {
    color: rgba(255, 255, 255, 0.78);
}

.btn-trail {
    background: linear-gradient(135deg, var(--login-accent) 0%, var(--login-accent-strong) 100%);
    border: none;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding-block: 0.65rem;
    transition: transform .15s, box-shadow .15s;
}

.btn-trail:hover,
.btn-trail:focus {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.login-card .alert {
    background: rgba(127, 29, 29, 0.55);
    border: 1px solid rgba(248, 113, 113, 0.45);
    color: #fee2e2;
}

.trail-stats {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    justify-content: center;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.trail-stats__item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.trail-stats__item svg {
    width: 1rem;
    height: 1rem;
    opacity: 0.85;
}

.login-quote {
    color: rgba(255, 255, 255, 0.65);
    font-style: italic;
    font-size: 0.85rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* ────────────────────────────────────────────────────────────────
 * Module variants
 * ──────────────────────────────────────────────────────────── */

/* ── home : trail (mountains + sunset) ───────────────── */
.login-scene--home {
    background:
        radial-gradient(120% 80% at 70% 20%, #f59e0b 0%, transparent 55%),
        radial-gradient(80% 60% at 30% 30%, #f97316 0%, transparent 60%),
        linear-gradient(180deg, #0b1220 0%, #1e293b 35%, #7c2d12 75%, #ef6c00 100%);
    --login-accent: #fb923c;
    --login-accent-strong: #ef4444;
}

.login-scene--home::before {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 700' preserveAspectRatio='xMidYMax slice'>\
<defs>\
<linearGradient id='r1' x1='0' x2='0' y1='0' y2='1'>\
<stop offset='0%25' stop-color='%23312e81' stop-opacity='0.9'/>\
<stop offset='100%25' stop-color='%230b1220' stop-opacity='0.9'/>\
</linearGradient>\
<linearGradient id='r2' x1='0' x2='0' y1='0' y2='1'>\
<stop offset='0%25' stop-color='%231e3a5f' stop-opacity='0.95'/>\
<stop offset='100%25' stop-color='%23070b14' stop-opacity='0.95'/>\
</linearGradient>\
<linearGradient id='r3' x1='0' x2='0' y1='0' y2='1'>\
<stop offset='0%25' stop-color='%23020617' stop-opacity='1'/>\
<stop offset='100%25' stop-color='%23000000' stop-opacity='1'/>\
</linearGradient>\
</defs>\
<circle cx='1080' cy='180' r='90' fill='%23fde68a' opacity='0.85'/>\
<circle cx='1080' cy='180' r='130' fill='%23fbbf24' opacity='0.18'/>\
<path fill='url(%23r1)' d='M0,420 L120,360 L240,400 L360,310 L480,360 L600,280 L720,330 L840,260 L960,310 L1080,250 L1200,320 L1320,280 L1440,340 L1440,700 L0,700 Z'/>\
<path fill='url(%23r2)' d='M0,500 L100,460 L200,490 L320,420 L440,470 L560,400 L680,460 L800,400 L920,460 L1040,410 L1160,470 L1280,420 L1400,490 L1440,470 L1440,700 L0,700 Z'/>\
<path fill='url(%23r3)' d='M0,580 L120,560 L260,580 L380,540 L520,580 L640,550 L780,590 L900,560 L1040,590 L1180,560 L1320,590 L1440,570 L1440,700 L0,700 Z'/>\
<path fill='none' stroke='%23fde68a' stroke-width='2' stroke-dasharray='6 6' stroke-opacity='0.55' d='M0,650 C200,610 320,670 480,620 C620,580 760,650 900,610 C1060,560 1180,640 1320,610 C1380,600 1420,615 1440,605'/>\
</svg>");
}

/* ── photos : darkroom (deep slate + amber halo + cyan tray) ──── */
.login-scene--photos {
    background:
        radial-gradient(80% 60% at 80% 20%, rgba(251, 191, 36, 0.55) 0%, transparent 60%),
        radial-gradient(70% 70% at 15% 90%, rgba(6, 182, 212, 0.35) 0%, transparent 60%),
        linear-gradient(180deg, #0b1220 0%, #1e293b 60%, #0f172a 100%);
    --login-accent: #fbbf24;
    --login-accent-strong: #f59e0b;
}

.login-scene--photos::before {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 700' preserveAspectRatio='xMidYMax slice'>\
<g fill='none' stroke='%23fbbf24' stroke-opacity='0.16' stroke-width='1'>\
<rect x='80' y='80' width='110' height='90' rx='4'/>\
<rect x='220' y='80' width='110' height='90' rx='4'/>\
<rect x='360' y='80' width='110' height='90' rx='4'/>\
<rect x='500' y='80' width='110' height='90' rx='4'/>\
<rect x='640' y='80' width='110' height='90' rx='4'/>\
<rect x='780' y='80' width='110' height='90' rx='4'/>\
<rect x='920' y='80' width='110' height='90' rx='4'/>\
<rect x='1060' y='80' width='110' height='90' rx='4'/>\
<rect x='1200' y='80' width='110' height='90' rx='4'/>\
<rect x='80' y='200' width='110' height='90' rx='4'/>\
<rect x='220' y='200' width='110' height='90' rx='4'/>\
<rect x='360' y='200' width='110' height='90' rx='4'/>\
<rect x='500' y='200' width='110' height='90' rx='4'/>\
<rect x='640' y='200' width='110' height='90' rx='4'/>\
<rect x='780' y='200' width='110' height='90' rx='4'/>\
<rect x='920' y='200' width='110' height='90' rx='4'/>\
<rect x='1060' y='200' width='110' height='90' rx='4'/>\
<rect x='1200' y='200' width='110' height='90' rx='4'/>\
</g>\
<g fill='%23fbbf24' fill-opacity='0.06'>\
<rect x='80' y='80' width='110' height='90' rx='4'/>\
<rect x='360' y='80' width='110' height='90' rx='4'/>\
<rect x='640' y='80' width='110' height='90' rx='4'/>\
<rect x='920' y='80' width='110' height='90' rx='4'/>\
<rect x='1200' y='80' width='110' height='90' rx='4'/>\
<rect x='220' y='200' width='110' height='90' rx='4'/>\
<rect x='500' y='200' width='110' height='90' rx='4'/>\
<rect x='780' y='200' width='110' height='90' rx='4'/>\
<rect x='1060' y='200' width='110' height='90' rx='4'/>\
</g>\
<g stroke='%23fbbf24' stroke-opacity='0.55' stroke-width='2' fill='none' stroke-linecap='round'>\
<circle cx='1230' cy='430' r='42'/>\
<path d='M1230,386 L1230,394'/><path d='M1230,466 L1230,474'/>\
<path d='M1182,430 L1190,430'/><path d='M1270,430 L1278,430'/>\
<path d='M1198,398 L1204,404'/><path d='M1256,456 L1262,462'/>\
<path d='M1262,398 L1256,404'/><path d='M1204,456 L1198,462'/>\
</g>\
<circle cx='1230' cy='430' r='12' fill='%23fbbf24' fill-opacity='0.4'/>\
<g fill='%23fde68a' fill-opacity='0.75' font-family='Georgia, serif' font-style='italic'>\
<text x='80' y='420' font-size='30'>« Une photo, c'est tenir l'instant à distance. »</text>\
<text x='80' y='455' font-size='14' font-style='normal' letter-spacing='4'>— ESPACE SOUVENIRS</text>\
</g>\
<g fill='%2367e8f9' fill-opacity='0.6'>\
<circle cx='320' cy='520' r='3'/>\
<circle cx='440' cy='540' r='2'/>\
<circle cx='560' cy='510' r='2.5'/>\
<circle cx='680' cy='530' r='2'/>\
<circle cx='800' cy='520' r='3'/>\
</g>\
<path fill='%230b1220' fill-opacity='0.65' d='M0,610 C180,595 340,625 520,600 C700,575 880,615 1060,590 C1240,565 1340,605 1440,580 L1440,700 L0,700 Z'/>\
</svg>");
}

/* ── Envies : nuit prune, ruban or, confettis ────────────────────── */
.login-scene--listes {
    background:
        radial-gradient(55% 45% at 82% 14%, rgba(212, 161, 60, 0.22) 0%, transparent 55%),
        radial-gradient(50% 50% at 14% 88%, rgba(192, 57, 43, 0.18) 0%, transparent 60%),
        linear-gradient(180deg, #2a0e23 0%, #3a1330 45%, #5b2147 100%);
    --login-accent: #d4a13c;
    --login-accent-strong: #b3801f;
}

.login-scene--listes::before {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 700' preserveAspectRatio='xMidYMax slice'>\
<defs>\
<radialGradient id='glow' cx='80%25' cy='16%25' r='55%25'>\
<stop offset='0%25' stop-color='%23d4a13c' stop-opacity='0.16'/>\
<stop offset='100%25' stop-color='%232a0e23' stop-opacity='0'/>\
</radialGradient>\
</defs>\
<rect width='1440' height='700' fill='url(%23glow)'/>\
<g fill='%23d4a13c' fill-opacity='0.5'>\
<circle cx='180' cy='120' r='4'/><circle cx='360' cy='80' r='3'/>\
<circle cx='520' cy='150' r='5'/><circle cx='980' cy='100' r='3'/>\
<circle cx='1180' cy='160' r='4'/><circle cx='1320' cy='90' r='5'/>\
<circle cx='240' cy='420' r='3'/><circle cx='760' cy='480' r='4'/>\
<circle cx='1100' cy='440' r='3'/><circle cx='1380' cy='400' r='4'/>\
</g>\
<g fill='%23c0392b' fill-opacity='0.45'>\
<rect x='420' y='60' width='8' height='8' transform='rotate(35 424 64)'/>\
<rect x='880' y='180' width='9' height='9' transform='rotate(20 884 184)'/>\
<rect x='1240' y='260' width='8' height='8' transform='rotate(48 1244 264)'/>\
<rect x='150' y='300' width='9' height='9' transform='rotate(15 154 304)'/>\
</g>\
<g fill='%23fde68a' fill-opacity='0.65' font-family='Georgia, serif' font-style='italic'>\
<text x='80' y='150' font-size='30'>« Offrir, c'est deviner un d&#233;sir. »</text>\
<text x='80' y='185' font-size='14' font-style='normal' letter-spacing='4'>— ESPACE ENVIES</text>\
</g>\
<path fill='%232a0e23' fill-opacity='0.55' d='M0,628 C200,612 360,640 540,616 C720,592 900,628 1080,604 C1260,580 1360,616 1440,596 L1440,700 L0,700 Z'/>\
</svg>");
}

/* ── Visite virtuelle : nuit indigo, halo violet, sphères suspendues ── */
.login-scene--visite {
    background:
        radial-gradient(58% 50% at 78% 18%, rgba(168, 85, 247, 0.32) 0%, transparent 60%),
        radial-gradient(48% 50% at 16% 82%, rgba(99, 102, 241, 0.24) 0%, transparent 60%),
        linear-gradient(180deg, #0c0a1e 0%, #1a1438 50%, #2c1d5a 100%);
    --login-accent: #c4b5fd;
    --login-accent-strong: #a855f7;
}

.login-scene--visite::before {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 700' preserveAspectRatio='xMidYMax slice'>\
<defs>\
<radialGradient id='vglow' cx='80%25' cy='20%25' r='55%25'>\
<stop offset='0%25' stop-color='%23a855f7' stop-opacity='0.20'/>\
<stop offset='100%25' stop-color='%230c0a1e' stop-opacity='0'/>\
</radialGradient>\
<radialGradient id='vsphere' cx='30%25' cy='30%25' r='70%25'>\
<stop offset='0%25' stop-color='%23c4b5fd' stop-opacity='0.55'/>\
<stop offset='80%25' stop-color='%236366f1' stop-opacity='0.10'/>\
<stop offset='100%25' stop-color='%236366f1' stop-opacity='0'/>\
</radialGradient>\
</defs>\
<rect width='1440' height='700' fill='url(%23vglow)'/>\
<g opacity='0.45'>\
<circle cx='1180' cy='160' r='88' fill='url(%23vsphere)'/>\
<circle cx='1180' cy='160' r='88' fill='none' stroke='%23c4b5fd' stroke-opacity='0.25' stroke-width='1'/>\
<ellipse cx='1180' cy='160' rx='88' ry='32' fill='none' stroke='%23c4b5fd' stroke-opacity='0.25' stroke-width='1'/>\
<ellipse cx='1180' cy='160' rx='32' ry='88' fill='none' stroke='%23c4b5fd' stroke-opacity='0.25' stroke-width='1'/>\
</g>\
<g opacity='0.30'>\
<circle cx='240' cy='420' r='52' fill='url(%23vsphere)'/>\
<circle cx='240' cy='420' r='52' fill='none' stroke='%23c4b5fd' stroke-opacity='0.20' stroke-width='1'/>\
<ellipse cx='240' cy='420' rx='52' ry='18' fill='none' stroke='%23c4b5fd' stroke-opacity='0.20' stroke-width='1'/>\
</g>\
<g fill='%23c4b5fd' fill-opacity='0.55'>\
<circle cx='420' cy='100' r='2'/><circle cx='620' cy='160' r='1.5'/>\
<circle cx='820' cy='80' r='2.5'/><circle cx='1020' cy='200' r='1.5'/>\
<circle cx='160' cy='240' r='2'/><circle cx='360' cy='540' r='1.5'/>\
<circle cx='760' cy='580' r='2'/><circle cx='1320' cy='440' r='2.5'/>\
</g>\
<g stroke='%23c4b5fd' stroke-opacity='0.12' stroke-width='1' fill='none'>\
<path d='M120,500 L120,420 L200,380 L280,420 L280,500 Z'/>\
<path d='M200,380 L200,460'/>\
<path d='M150,460 L250,460'/>\
<path d='M1080,520 L1080,440 L1180,400 L1280,440 L1280,520 Z'/>\
<path d='M1180,400 L1180,480'/>\
</g>\
<g fill='%23e9d5ff' fill-opacity='0.70' font-family='Georgia, serif' font-style='italic'>\
<text x='80' y='150' font-size='28'>« Une maison ne se visite pas, elle se traverse. »</text>\
<text x='80' y='180' font-size='13' font-style='normal' letter-spacing='4' fill-opacity='0.55'>— ESPACE IMMERSIF</text>\
</g>\
<path fill='%230c0a1e' fill-opacity='0.55' d='M0,628 C200,612 360,640 540,616 C720,592 900,628 1080,604 C1260,580 1360,616 1440,596 L1440,700 L0,700 Z'/>\
</svg>");
}

/* ── Rangement : sarcelle profond, étagères & boîtes ─────────────────── */
.login-scene--rangement {
    background:
        radial-gradient(56% 50% at 80% 16%, rgba(20, 184, 166, 0.28) 0%, transparent 60%),
        radial-gradient(48% 50% at 14% 84%, rgba(13, 148, 136, 0.22) 0%, transparent 60%),
        linear-gradient(180deg, #042f2c 0%, #0a3e39 50%, #0d5049 100%);
    --login-accent: #5eead4;
    --login-accent-strong: #14b8a6;
}

.login-scene--rangement::before {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 700' preserveAspectRatio='xMidYMax slice'>\
<defs>\
<radialGradient id='rglow' cx='80%25' cy='18%25' r='55%25'>\
<stop offset='0%25' stop-color='%2314b8a6' stop-opacity='0.20'/>\
<stop offset='100%25' stop-color='%23042f2c' stop-opacity='0'/>\
</radialGradient>\
</defs>\
<rect width='1440' height='700' fill='url(%23rglow)'/>\
<g stroke='%235eead4' stroke-opacity='0.16' stroke-width='2' fill='none'>\
<path d='M1060,150 L1180,108 L1300,150 L1300,250 L1180,292 L1060,250 Z'/>\
<path d='M1060,150 L1180,192 L1300,150 M1180,192 L1180,292'/>\
<path d='M180,460 L260,432 L340,460 L340,520 L260,548 L180,520 Z'/>\
<path d='M180,460 L260,488 L340,460 M260,488 L260,548'/>\
</g>\
<g stroke='%235eead4' stroke-opacity='0.10' stroke-width='2' fill='none'>\
<path d='M120,200 L420,200 M120,300 L420,300'/>\
<path d='M120,160 L120,340 M420,160 L420,340'/>\
</g>\
<g fill='%235eead4' fill-opacity='0.55'>\
<circle cx='620' cy='130' r='3'/><circle cx='820' cy='200' r='2.5'/>\
<circle cx='980' cy='110' r='3'/><circle cx='720' cy='520' r='2.5'/>\
<circle cx='1320' cy='420' r='3'/>\
</g>\
<g fill='%23ccfbf1' fill-opacity='0.70' font-family='Georgia, serif' font-style='italic'>\
<text x='80' y='150' font-size='28'>« On ne perd jamais ce qu'on sait retrouver. »</text>\
<text x='80' y='180' font-size='13' font-style='normal' letter-spacing='4' fill-opacity='0.55'>— ESPACE RANGEMENT</text>\
</g>\
<path fill='%23042f2c' fill-opacity='0.55' d='M0,628 C200,612 360,640 540,616 C720,592 900,628 1080,604 C1260,580 1360,616 1440,596 L1440,700 L0,700 Z'/>\
</svg>");
}

/* ════════ Module Jeux (ludothèque) ════════
   Palette ambre / brun chaud, ton "feutre de table de jeu". Décor :
   silhouettes de cartes en éventail + dés stylisés + symboles pirates
   en clin d'œil à Skull King (premier jeu du catalogue). */
.login-scene--jeux {
    background:
        radial-gradient(56% 50% at 78% 18%, rgba(251, 191, 36, 0.30) 0%, transparent 60%),
        radial-gradient(50% 50% at 16% 86%, rgba(245, 158, 11, 0.22) 0%, transparent 60%),
        linear-gradient(180deg, #3b1f04 0%, #4b2806 50%, #5a3208 100%);
    --login-accent: #fde68a;
    --login-accent-strong: #f59e0b;
}

.login-scene--jeux::before {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 700' preserveAspectRatio='xMidYMax slice'>\
<defs>\
<radialGradient id='jglow' cx='80%25' cy='20%25' r='55%25'>\
<stop offset='0%25' stop-color='%23fbbf24' stop-opacity='0.22'/>\
<stop offset='100%25' stop-color='%233b1f04' stop-opacity='0'/>\
</radialGradient>\
</defs>\
<rect width='1440' height='700' fill='url(%23jglow)'/>\
<g fill='%23fde68a' fill-opacity='0.10' stroke='%23f59e0b' stroke-opacity='0.35' stroke-width='2'>\
<rect x='1080' y='110' width='110' height='160' rx='10' transform='rotate(-12 1135 190)'/>\
<rect x='1170' y='130' width='110' height='160' rx='10' transform='rotate(-2 1225 210)'/>\
<rect x='1260' y='140' width='110' height='160' rx='10' transform='rotate(10 1315 220)'/>\
</g>\
<g fill='%23fbbf24' fill-opacity='0.55' font-family='Georgia, serif' font-size='40' text-anchor='middle'>\
<text x='1135' y='200' transform='rotate(-12 1135 200)'>♠</text>\
<text x='1225' y='220' transform='rotate(-2 1225 220)'>♥</text>\
<text x='1315' y='230' transform='rotate(10 1315 230)'>♦</text>\
</g>\
<g fill='%23fde68a' fill-opacity='0.12' stroke='%23f59e0b' stroke-opacity='0.40' stroke-width='2'>\
<rect x='160' y='430' width='90' height='90' rx='14' transform='rotate(-8 205 475)'/>\
<rect x='280' y='460' width='90' height='90' rx='14' transform='rotate(6 325 505)'/>\
</g>\
<g fill='%23fbbf24' fill-opacity='0.75'>\
<circle cx='185' cy='455' r='4' transform='rotate(-8 205 475)'/>\
<circle cx='225' cy='495' r='4' transform='rotate(-8 205 475)'/>\
<circle cx='185' cy='495' r='4' transform='rotate(-8 205 475)'/>\
<circle cx='225' cy='455' r='4' transform='rotate(-8 205 475)'/>\
<circle cx='205' cy='475' r='4' transform='rotate(-8 205 475)'/>\
<circle cx='305' cy='485' r='4' transform='rotate(6 325 505)'/>\
<circle cx='345' cy='525' r='4' transform='rotate(6 325 505)'/>\
<circle cx='325' cy='505' r='4' transform='rotate(6 325 505)'/>\
</g>\
<g fill='%23fde68a' fill-opacity='0.55'>\
<circle cx='620' cy='140' r='3'/><circle cx='820' cy='200' r='2.5'/>\
<circle cx='980' cy='110' r='3'/><circle cx='720' cy='520' r='2.5'/>\
<circle cx='540' cy='420' r='3'/>\
</g>\
<g fill='%23fef3c7' fill-opacity='0.78' font-family='Georgia, serif' font-style='italic'>\
<text x='80' y='150' font-size='28'>« Un bon jeu, c'est une histoire qu'on rejoue. »</text>\
<text x='80' y='180' font-size='13' font-style='normal' letter-spacing='4' fill-opacity='0.55'>— ESPACE LUDOTHÈQUE</text>\
</g>\
<path fill='%233b1f04' fill-opacity='0.55' d='M0,628 C200,612 360,640 540,616 C720,592 900,628 1080,604 C1260,580 1360,616 1440,596 L1440,700 L0,700 Z'/>\
</svg>");
}