@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes accordionSlideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes toggleSlide{0%{transform:scale(.9);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}:root{--sidebar-width:300px;--header-height:80px;--desktop-min:1200px;--tablet-max:1199px;--tablet-min:768px;--mobile-max:767px;--tile-gap:20px;--tile-min-size:250px}@media screen and (max-width:1199px){body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.sidebar{height:calc(100dvh - var(--header-height))!important;height:calc(100vh - var(--header-height))!important;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.sidebar-nav{padding:.75rem 0}.sidebar-nav a{padding:1rem 1.5rem;font-size:.95rem;line-height:1.3}.sidebar-footer{padding:.4rem 1.2rem .6rem;flex-shrink:0}.formateur-link{font-size:.8rem;margin-bottom:.5rem;padding:.2rem 0}.copyright{font-size:.7rem;line-height:1.2;margin-top:0}.mode-toggle{margin:.5rem 0}}@media screen and (max-width:768px) and (orientation:portrait){.sidebar-nav a{padding:.8rem 1.2rem;font-size:.9rem}.sidebar-footer{padding:.3rem 1rem .5rem}.copyright{font-size:.65rem}}.trainer-mode{--primary-color:#2c3e50;--primary-hover:#1a252f;--sidebar-bg:#ffeae7;--sidebar-text:#c0392b;--sidebar-hover:#95a5a6;--header-bg:#e74c3c;--content-bg:#fef7f7;--text-color:#2c3e50;--background:var(--content-bg);--background-alt:var(--sidebar-bg)}.trainer-mode .header,.trainer-mode .sidebar,.trainer-mode .sidebar-footer,body:not(.trainer-mode) .header,body:not(.trainer-mode) .sidebar,body:not(.trainer-mode) .sidebar-footer{transition:none!important}:root{--primary-color:#2c3e50;--primary-hover:#1a252f;--sidebar-bg:#f8f9fa;--sidebar-text:#495057;--sidebar-hover:#e74c3c;--header-bg:#ffffff;--content-bg:#ffffff;--secondary-color:#3498db;--accent-color:#e74c3c;--active-color:#d32f2f;--text-color:#000000;--text-light:#000000;--background:#ffffff;--background-alt:#f8f9fa;--border-color:#dee2e6;--shadow:0 2px 4px rgba(0,0,0,0.1);--shadow-hover:0 4px 8px rgba(0,0,0,0.15);--transition:all 0.3s ease;--font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-base:16px;--line-height-base:1.6;--focus-outline:2px solid #3498db;--focus-offset:2px}body:not(.trainer-mode) .accordion-content,body:not(.trainer-mode) .accordion-content li,body:not(.trainer-mode) .accordion-label,body:not(.trainer-mode) .accordion-title,body:not(.trainer-mode) .folder-name,body:not(.trainer-mode) .media-name,body:not(.trainer-mode) .nav-text,body:not(.trainer-mode) .sidebar a,body:not(.trainer-mode) .tile-name,body:not(.trainer-mode) .view-text,body:not(.trainer-mode) h1,body:not(.trainer-mode) h4,body:not(.trainer-mode) h5,body:not(.trainer-mode) h6,body:not(.trainer-mode) p{color:#000!important;opacity:1!important}body:not(.trainer-mode) h2,body:not(.trainer-mode) h3{opacity:1!important}body:not(.trainer-mode) .sidebar a.active,body:not(.trainer-mode) .sidebar a[aria-current=page]{color:#721c24!important;text-decoration:none!important}body:not(.trainer-mode) .accordion-content h3,body:not(.trainer-mode) .view-label,body:not(.trainer-mode) h2,body:not(.trainer-mode) h3{color:#000!important;text-decoration:underline!important;text-decoration-color:#e74c3c!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}body:not(.trainer-mode) .section-subtitle{color:#e74c3c!important;text-decoration:none!important;border-bottom:1px solid #e74c3c!important;padding-bottom:.5rem!important}body:not(.trainer-mode) *{color:inherit;opacity:1}body:not(.trainer-mode) .preview-more{background:rgba(108,117,125,.8)!important;color:#fff!important}body:not(.trainer-mode) :focus,body:not(.trainer-mode) :focus-visible{outline:1px solid #ccc!important;outline-offset:1px!important;box-shadow:none!important}@media screen and (max-width:1024px){body:not(.trainer-mode) .accordion-content,body:not(.trainer-mode) .accordion-content li,body:not(.trainer-mode) .accordion-title,body:not(.trainer-mode) .folder-name,body:not(.trainer-mode) .media-name,body:not(.trainer-mode) .tile-name,body:not(.trainer-mode) .view-text,body:not(.trainer-mode) h1,body:not(.trainer-mode) h4,body:not(.trainer-mode) h5,body:not(.trainer-mode) h6,body:not(.trainer-mode) p{color:#000!important;opacity:1!important}body:not(.trainer-mode) h2,body:not(.trainer-mode) h3{opacity:1!important}body:not(.trainer-mode) .sidebar a.active,body:not(.trainer-mode) .sidebar a[aria-current=page]{color:#721c24!important;text-decoration:none!important}body:not(.trainer-mode) .accordion-content h3,body:not(.trainer-mode) .view-label,body:not(.trainer-mode) h2,body:not(.trainer-mode) h3{color:#000!important;text-decoration:underline!important;text-decoration-color:#e74c3c!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}}.adaptive-grid,.responsive-grid{display:grid;gap:var(--tile-gap);padding:var(--tile-gap)}.adaptive-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(var(--tile-min-size),1fr))}@media (min-width:1200px){.adaptive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1199px) and (min-width:768px){.adaptive-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:18px}}@media (max-width:767px){.adaptive-grid{grid-template-columns:1fr;gap:15px;padding:15px}}.audio-grid-backgrounds,.audio-grid-effects,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{display:grid;gap:20px;padding:20px;width:100%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.decors-grid,.fonds-grid{display:grid;gap:20px;padding:20px;width:100%}.fonds-grid{grid-template-columns:1fr}.decors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.decors-grid .folder-tile,.decors-grid .image-tile{min-height:280px;aspect-ratio:16/11}.decors-grid .folder-tile{background:rgba(255,255,255,.9)!important}.decors-grid .folder-name,.decors-grid .image-filename{font-family:inherit;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;letter-spacing:0}.decors-grid .image-filename{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1.3rem;font-weight:600;margin-top:.5rem;color:#2c3e50!important}@media (min-width:1400px){.audio-grid-backgrounds,.audio-grid-effects,.decors-grid,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:24px}.fonds-grid{gap:24px;padding:24px}}@media (max-width:1399px) and (min-width:1100px){.audio-grid-backgrounds,.audio-grid-effects,.decors-grid,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.fonds-grid{gap:20px;padding:20px}}@media (max-width:1099px) and (min-width:900px){.audio-grid-backgrounds,.audio-grid-effects,.decors-grid,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding:18px}.fonds-grid{gap:18px;padding:18px}}@media (max-width:899px) and (min-width:600px){.audio-grid-backgrounds,.audio-grid-effects,.decors-grid,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:16px}.fonds-grid{gap:16px;padding:16px}}@media (max-width:599px) and (min-width:480px){.audio-grid-backgrounds,.audio-grid-effects,.decors-grid,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:14px}.fonds-grid{gap:14px;padding:14px}}@media (max-width:479px){.audio-grid-backgrounds,.audio-grid-effects,.decors-grid,.effets-grid,.personnages-grid,.responsive-grid-1col,.responsive-grid-2col,.responsive-grid-3col{grid-template-columns:1fr;gap:12px;padding:12px}.fonds-grid{gap:12px;padding:12px}}.audio-tile,.folder-tile,.image-tile{width:100%;min-height:120px}*,.audio-tile,.audio-tile-grid{box-sizing:border-box}.audio-tile-grid{width:100%}.audio-tile img,.folder-tile img,.image-tile img{width:100%;height:auto;object-fit:cover}*{margin:0;padding:0}body,html{height:100%}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--text-color);background-color:var(--background);overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;width:var(--sidebar-width);height:var(--header-height);background:var(--background);z-index:98;pointer-events:none}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-radius:4px}.view-main-title:focus,.view-main-title:focus-visible,h1:focus,h1:focus-visible{outline:0!important;border:0!important;box-shadow:none!important}h1,h2,h3,h4,h5,h6{outline:0!important;color:#000!important;line-height:1.2;font-weight:600}h2,h3,h4,h5,h6{margin-bottom:1rem}h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus{outline:0!important;border:0!important;box-shadow:none!important}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:var(--sidebar-width) 1fr auto;align-items:center;z-index:100;box-shadow:var(--shadow);overflow:hidden}.header-logo,.logo-btn{display:flex;align-items:center;justify-content:center}.header-logo{width:var(--sidebar-width);height:100%}.logo-btn{background:0 0;border:0;cursor:pointer;padding:12px;border-radius:8px;transition:var(--transition)}.logo-btn.active,.logo-btn:focus,.logo-btn:hover{background-color:transparent}.logo-btn img{height:60px;width:auto;object-fit:contain;max-width:200px}.header-nav,.nav-btn{display:flex;align-items:center;justify-content:center}.header-nav{gap:3rem;height:100%}.nav-btn{background:0 0;border:2px solid transparent;cursor:pointer;padding:12px 16px;border-radius:12px;color:var(--text-light);transition:var(--transition);font-size:.875rem;font-weight:600}.nav-btn:focus,.nav-btn:hover{background-color:rgba(211,47,47,.1);border-color:rgba(211,47,47,.3);transform:scale(1.1)}.nav-btn.active{background-color:rgba(211,47,47,.15);border-color:var(--active-color);color:var(--active-color)}.nav-btn img{width:40px;height:40px;object-fit:contain}.sidebar{position:fixed;left:0;top:var(--header-height);width:var(--sidebar-width);height:calc(100dvh - var(--header-height));height:calc(100vh - var(--header-height));padding-bottom:env(safe-area-inset-bottom,0);background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:99;overflow:hidden}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin:0}.sidebar-nav a{display:flex;align-items:center;padding:1.2rem 1.8rem;text-decoration:none;color:var(--sidebar-text);transition:var(--transition);border-left:3px solid transparent;font-weight:500;font-size:1.2rem;gap:.9rem}.nav-number{color:var(--text-light);font-weight:600;min-width:1.7rem;font-size:1.1rem}.sidebar-nav a:focus,.sidebar-nav a:hover{background-color:rgba(211,47,47,.1);color:var(--sidebar-hover)}.formateur-link:focus,.formateur-link:hover,.sidebar-nav a:focus .nav-number,.sidebar-nav a:hover .nav-number{color:var(--active-color)}.sidebar-nav a.active,.sidebar-nav a[aria-current=page]{background-color:rgba(211,47,47,.15);color:var(--active-color);border-left-color:var(--active-color);font-weight:600}.sidebar-nav a.active .nav-number,.sidebar-nav a[aria-current=page] .nav-number,.trainer-space a{color:var(--active-color)}.sidebar-footer{padding:.5rem 1.5rem 1rem}.formateur-link{display:block;font-size:.875rem;color:var(--active-color);margin-bottom:.75rem;font-weight:500;text-decoration:none;transition:var(--transition);padding:.25rem 0;text-align:center}.trainer-space{text-align:center;margin-bottom:.25rem}.trainer-space a{font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--transition)}.trainer-space a:hover{text-decoration:underline}.copyright{font-size:.75rem;color:var(--text-light);line-height:1.4;text-align:center;margin-top:0}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:calc(var(--header-height) + 2rem) 2rem 2rem calc(2rem);background:var(--content-bg);position:relative;z-index:1;overflow-x:hidden}.main-content:focus{outline:0}.main-content *{position:relative;z-index:inherit}h1{font-size:2.5rem;margin-bottom:1.5rem}h2,h3{text-decoration:underline;text-decoration-color:var(--accent-color);text-decoration-thickness:2px}h2{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;text-underline-offset:6px}h3{font-size:1.5rem;text-underline-offset:4px}p{margin-bottom:1rem;color:#000!important}a{color:var(--secondary-color);text-decoration:none;transition:var(--transition)}a:focus,a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-light);font-style:italic;font-size:1.1rem}.fade-in{animation:fadeIn .3s ease-in}@media (max-width:1024px){:root{--sidebar-width:310px}.header-nav{gap:1.5rem}.nav-btn span{display:none}.main-content{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:768px){:root{--header-height:56px;--sidebar-width:100%}.header{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}.header-logo{width:100%;border-right:none;border-bottom:1px solid var(--border-color);justify-content:flex-start;padding-left:1rem}.header-nav{grid-column:1;padding:.5rem;gap:1rem}.sidebar{top:calc(var(--header-height)*2);position:relative;width:100%;border-right:none;border-top:1px solid var(--border-color);height:calc(100dvh - (var(--header-height)*2));height:calc(100vh - (var(--header-height)*2));padding-bottom:env(safe-area-inset-bottom,0);min-height:0;max-height:calc(100dvh - (var(--header-height)*2));max-height:calc(100vh - (var(--header-height)*2));overflow-y:hidden}.main-content{margin-left:0;padding-top:1rem}h1{font-size:2rem}h2{font-size:1.5rem}}@media (max-width:1200px){.nav-btn{padding:16px 20px;gap:1rem}.nav-btn img{width:44px;height:44px}.sidebar-nav a{padding:1.25rem 1.5rem;font-size:1.1rem}.nav-number{min-width:2rem;font-size:1rem}}@media (max-width:768px){.nav-btn{padding:20px 24px;min-height:60px}.sidebar-nav a{padding:1.5rem;font-size:1.2rem;min-height:60px}:root{--header-height:90px}.logo-btn img{height:60px;max-width:240px}.main-content{padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--border-color:#000000;--text-light:#000000;--shadow:0 2px 4px rgba(0,0,0,0.4)}}.view-container{padding:0;height:100%}.view-content{width:100%;height:100%;padding:2rem;margin:0;display:flex;flex-direction:column;gap:1.5rem;line-height:1.8;overflow-y:auto}.view-main-title,.view-secondary-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);text-align:left;margin:0 0 1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;line-height:1.2}.view-secondary-title{font-size:1.8rem;margin:1.5rem 0;text-shadow:1px 1px 3px rgba(0,0,0,.1);letter-spacing:.3px}.view-section{flex:0 0 auto;margin:0}.view-label{font-weight:700;font-size:1.5rem;color:#000!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;text-decoration-color:var(--accent-color)}.view-text{font-size:1.4rem;color:#000!important;margin:0;line-height:1.8;font-weight:500;text-align:left}.view-video-section{flex:0 0 auto;display:flex;justify-content:flex-start;align-items:flex-start;margin:1rem 0}.view-video-placeholder{width:100%;max-width:100%;height:200px;aspect-ratio:16/9;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border:3px solid var(--border-color);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:var(--transition);box-shadow:0 4px 12px rgba(0,0,0,.1)}.view-video-content{text-align:center;color:var(--text-light)}.view-video-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.view-video-placeholder p{margin:.8rem 0;font-weight:600;font-size:1.2rem}.view-video-subtitle{font-size:1rem;opacity:.8;font-weight:400}.youtube-container{width:100%;max-width:800px;margin:0;aspect-ratio:16/9;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid var(--border-color);transition:var(--transition)}.view-video-placeholder:hover,.youtube-container:hover{box-shadow:0 6px 20px rgba(52,152,219,.3);transform:translateY(-2px);border-color:var(--secondary-color)}.youtube-container iframe{width:100%;height:100%;border:0;display:block}.exercises-section,.video-section-wrapper{flex:0 0 auto;margin:2rem 0}.home-view .trainer-list li,.redactions-groupe-view .mission-list li,.video-section-wrapper .section-subtitle{margin-bottom:.5rem}.introduction-view .video-section-wrapper{margin:1.5rem 0 2rem}.introduction-view .video-section-wrapper:first-of-type{margin-top:0}.section-subtitle{font-size:1.8rem;margin-bottom:1rem;color:var(--accent-color);text-decoration:none;border-bottom:1px solid var(--accent-color);padding-bottom:.5rem;width:100%;display:block}.exercises-description{margin:1rem 0 1.5rem;font-size:1.1rem;line-height:1.6}.introduction-view .view-content{padding-top:1rem}.introduction-view .view-main-title{margin-top:0;margin-bottom:1.5rem}.introduction-view .section-subtitle{margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.4rem}.introduction-view .exercises-description{margin-top:.8rem;margin-bottom:1.5rem;font-size:1.3rem;line-height:1.7}.home-view .view-content{padding-top:1rem}.home-view .view-main-title,.home-view .welcome-title{margin-top:0;margin-bottom:1.5rem;text-align:left}.home-view .section-subtitle{margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.4rem}.home-view .context-line,.home-view .mission-line{margin-top:.8rem;margin-bottom:1.5rem;font-size:1.3rem;line-height:1.7}.home-view .video-section{margin:1.5rem 0 2rem}.home-view .trainer-description{margin-top:.8rem;margin-bottom:1rem;font-size:1.3rem;line-height:1.7}.home-view .subsection-title{font-size:1.2rem;font-weight:600;color:#333;margin-top:1.5rem;margin-bottom:.8rem}.home-view .trainer-list{margin:.5rem 0 1.5rem 1.5rem;font-size:1.2rem;line-height:1.8}.home-view .download-list{list-style:none;padding:0;margin:1rem 0 2rem}.home-view .download-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e0e0e0;gap:1.5rem}.home-view .download-item:last-child{border-bottom:none}.home-view .download-text{flex:1;font-size:1.2rem;line-height:1.6;color:#333}.home-view .download-btn,.home-view .download-link{background-color:var(--accent-color);color:#fff;text-decoration:none;font-weight:600;transition:var(--transition)}.home-view .download-btn{flex-shrink:0;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;white-space:nowrap;text-align:center;min-width:130px}.home-view .download-btn:hover,.home-view .download-link:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.3)}.home-view .download-link{display:inline-block;padding:.8rem 1.5rem;border-radius:8px;margin-top:.5rem}.redactions-groupe-view .view-content{padding-top:1rem}.redactions-groupe-view .view-main-title{margin-top:0;margin-bottom:1.5rem;text-align:left}.redactions-groupe-view .section-subtitle{margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.4rem}.redactions-groupe-view .section-description{margin-top:.8rem;margin-bottom:1.5rem;font-size:1.3rem;line-height:1.7;text-align:left;color:#333}.redactions-groupe-view .mission-list{margin-top:.8rem;margin-bottom:1.5rem;margin-left:1.5rem;font-size:1.3rem;line-height:1.7;color:#333}.redactions-groupe-view .narrative-image-container{margin:1.5rem 0;width:100%}.redactions-groupe-view .narrative-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.redactions-groupe-view .exercises-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}.redactions-groupe-view .exercise-item{width:100%}.redactions-groupe-view .exercise-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.redactions-duo-view .view-content{padding-top:1rem}.redactions-duo-view .view-main-title{margin-top:0;margin-bottom:1.5rem;text-align:left}.redactions-duo-view .section-subtitle{margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.4rem}.redactions-duo-view .section-description{margin-top:.8rem;margin-bottom:1.5rem;font-size:1.3rem;line-height:1.7;text-align:left;color:#333}.redactions-duo-view .narrative-image-container{margin:1.5rem 0;width:100%}.redactions-duo-view .narrative-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.redactions-duo-view .exercises-grid-four{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:1.5rem 0}.redactions-duo-view .exercise-item{width:100%}.redactions-duo-view .exercise-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.exercises-image-container{margin:1.5rem 0}.exercises-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:var(--transition)}.exercises-image:hover{box-shadow:0 6px 20px rgba(0,0,0,.15)}.view-image-section{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin:1.5rem 0}.view-image{max-width:100%;height:auto;border-radius:12px;transition:var(--transition)}.exercises-image:hover,.view-image:hover{transform:translateY(-2px)}.image-placeholder,.view-section-with-image{display:flex;min-height:120px;transition:var(--transition)}.image-placeholder{align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border:2px dashed var(--border-color);border-radius:12px;padding:2rem;color:var(--text-light);font-size:1.1rem;width:100%;max-width:300px;text-align:center}.image-placeholder:hover{border-color:var(--secondary-color);background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%)}.view-section-with-image{gap:2rem;align-items:flex-start;margin:0;padding:1.5rem;background:rgba(255,255,255,.5);border-radius:15px;border:1px solid rgba(52,152,219,.1)}.view-section-with-image:hover{background:rgba(255,255,255,.8);border-color:rgba(52,152,219,.2);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.view-text-column{flex:2;min-width:0}.view-image-column{flex:1;max-width:300px;display:flex;justify-content:center;align-items:flex-start}.view-section-with-image .view-image{width:100%;max-width:280px;border-radius:10px}.standardized-image-container{width:280px;height:180px;background:#fff;border:2px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:all .3s ease}.standardized-image-container .view-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;border-radius:0}.standardized-image-container .image-placeholder{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;margin:0}.view-highlight-section{flex:0 0 auto;margin:1rem 0;padding:1.5rem;background:rgba(52,152,219,.05);border-radius:12px;border-left:4px solid var(--secondary-color)}.view-highlight-section .view-text{text-align:left}@media (max-width:768px){.view-content{padding:1.5rem;gap:1.2rem}.view-main-title{font-size:2rem;margin:0 0 1.2rem}.view-secondary-title{font-size:1.5rem;margin:1.2rem 0}.view-text{font-size:1.2rem}.view-label{font-size:1.3rem}.view-video-section{margin:.8rem 0}.view-video-placeholder{height:150px}.view-video-icon{font-size:3rem}.view-video-placeholder p{font-size:1rem}.youtube-container{max-width:100%;border-radius:12px}.video-section-wrapper{margin:1.5rem 0}.section-subtitle{font-size:1.5rem}.exercises-description{font-size:1rem}.introduction-view .view-content{padding-top:1rem}.introduction-view .exercises-description{font-size:1.15rem}.redactions-groupe-view .view-content{padding-top:1rem}.redactions-groupe-view .mission-list,.redactions-groupe-view .section-description{font-size:1.15rem}.redactions-groupe-view .exercises-grid{gap:1rem}.redactions-duo-view .view-content{padding-top:1rem}.redactions-duo-view .section-description{font-size:1.15rem}.redactions-duo-view .exercises-grid-four{grid-template-columns:repeat(2,1fr);gap:1rem}.home-view .view-content{padding-top:1rem}.home-view .context-line,.home-view .mission-line,.home-view .trainer-description{font-size:1.15rem}.home-view .download-text,.home-view .trainer-list{font-size:1.1rem}.home-view .download-btn{padding:.5rem 1.2rem;font-size:.95rem;min-width:120px}.view-image-section{margin:1rem 0}.view-section-with-image{flex-direction:column;gap:1.5rem;margin:0;padding:1.2rem;min-height:auto}.view-image-column{max-width:none;flex:none}.view-section-with-image .view-image{max-width:250px}.standardized-image-container{width:250px;height:150px}.image-placeholder{max-width:250px;min-height:100px;padding:1.5rem;font-size:1rem}.view-highlight-section{margin:.8rem 0}}@media (max-width:480px){.view-content{padding:1rem;gap:1rem}.view-main-title{font-size:1.8rem;margin:0 0 1rem}.view-secondary-title{font-size:1.3rem;margin:1rem 0}.view-text{font-size:1.1rem}.view-label{font-size:1.2rem}.view-video-section{margin:.5rem 0}.view-video-placeholder{height:120px}.youtube-container{border-radius:8px}.video-section-wrapper{margin:1rem 0}.section-subtitle{font-size:1.3rem}.exercises-description{font-size:.95rem}.introduction-view .view-content{padding-top:.75rem}.introduction-view .exercises-description{font-size:1.05rem}.redactions-groupe-view .view-content{padding-top:.75rem}.redactions-groupe-view .mission-list,.redactions-groupe-view .section-description{font-size:1.05rem}.redactions-groupe-view .exercises-grid{grid-template-columns:1fr;gap:1rem}.redactions-duo-view .view-content{padding-top:.75rem}.redactions-duo-view .section-description{font-size:1.05rem}.redactions-duo-view .exercises-grid-four{grid-template-columns:1fr;gap:1rem}.home-view .view-content{padding-top:.75rem}.home-view .context-line,.home-view .mission-line,.home-view .trainer-description{font-size:1.05rem}.home-view .trainer-list{font-size:1rem}.home-view .subsection-title{font-size:1.1rem}.home-view .download-item{flex-direction:column;align-items:flex-start;gap:.8rem;padding:.8rem 0}.home-view .download-text{font-size:1rem}.home-view .download-btn{width:100%;padding:.7rem 1rem;font-size:.95rem}.view-image-section{margin:.8rem 0}.view-section-with-image{margin:0;padding:1rem;gap:1rem}.view-section-with-image .view-image{max-width:200px}.standardized-image-container{width:200px;height:120px}.image-placeholder{max-width:200px;min-height:80px;padding:1rem;font-size:.9rem}}@media (min-width:480px) and (max-width:767px){.standardized-image-container{width:220px;height:132px}.view-section-with-image .view-image{max-width:220px}}@media (max-width:479px){.view-highlight-section{margin:.5rem 0}}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px;gap:2rem;margin:0 auto;padding:1.5rem 0}.decors-grid .folder-tile,.decors-grid .image-tile,.folder-tile,.image-tile{display:flex;flex-direction:column;border-radius:15px;transition:var(--transition);box-sizing:border-box}.image-tile{align-items:center;background:rgba(255,255,255,.6);padding:.8rem;border:2px solid rgba(52,152,219,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);height:300px}.decors-grid .folder-tile,.decors-grid .image-tile,.folder-tile{cursor:pointer}.folder-tile{background:linear-gradient(135deg,#f5f6fa 0,#e8eaed 100%);padding:1rem;border:2px solid rgba(108,117,125,.3);box-shadow:0 4px 12px rgba(108,117,125,.1);height:300px;overflow:hidden;position:relative}.decors-grid .folder-tile,.decors-grid .image-tile{background:rgba(255,255,255,.6);padding:.8rem;border:2px solid rgba(52,152,219,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);height:280px;justify-content:space-between}.decors-grid .folder-tile{background:rgba(255,255,255,.95)!important}.decors-grid .image-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.3);height:200px}.decors-grid .folder-preview{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.5);position:relative;padding:.5rem;box-sizing:border-box;height:calc(60% - 1.5rem)}.decors-grid .folder-header,.decors-grid .folder-name{display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600}.decors-grid .folder-header{flex:0 0 auto;text-align:center;font-size:1.1rem;color:#343a40;overflow:hidden;text-overflow:ellipsis;max-height:2.6rem}.decors-grid .folder-name{font-size:1.3rem;color:inherit}.decors-grid .folder-icon{font-size:1.2rem;opacity:.8;flex-shrink:0}.decors-grid .folder-name .team-name{font-weight:600;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3),0-1px 0 rgba(0,0,0,.3),0 1px 0 rgba(0,0,0,.3),-1px 0 0 rgba(0,0,0,.3),1px 0 0 rgba(0,0,0,.3)}.decors-grid .preview-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;overflow:hidden;min-height:0;min-width:0}.decors-grid .preview-more{position:absolute;bottom:.25rem;right:.25rem;background:rgba(108,117,125,.8)!important;color:#fff!important;padding:.2rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;max-width:calc(100% - .5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decors-grid .folder-tile:focus,.decors-grid .folder-tile:hover,.decors-grid .image-tile:focus,.decors-grid .image-tile:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(52,152,219,.25);border-color:rgba(52,152,219,.5);outline:0}.decors-grid .folder-tile:focus-visible,.decors-grid .image-tile:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.decors-grid .folder-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;color:#666;opacity:.8}.decors-grid .empty-icon{font-size:2.5rem;opacity:.6}.decors-grid .empty-text{font-size:.85rem}.trainer-mode .welcome-title{text-align:left;margin-bottom:2rem}.trainer-chapo{max-width:800px;margin:0 auto 3rem;padding:1.5rem;font-size:1.05rem;line-height:1.7;color:#495057;background:linear-gradient(135deg,rgba(220,53,69,.05),rgba(248,249,250,.8));border:1px solid rgba(220,53,69,.15);border-radius:12px;text-align:center}.assemblages-jeux-view .instruction-item p,.trainer-chapo p{margin:0}.accueil-accordions{padding:0;display:flex;flex-direction:column;gap:1rem}.accordion-item{width:100%;background:#fff;transition:all .3s ease;margin:0}.accordion-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);border-color:var(--primary-color, #dc3545)}.accordion-button{background:#fff;position:relative;box-sizing:border-box}.accordion-button:hover{background:rgba(220,53,69,.05);color:var(--primary-color, #dc3545)}.accordion-button:focus{outline:3px solid rgba(220,53,69,.3);outline-offset:2px;background:rgba(220,53,69,.05)}.accordion-button.active{background:var(--primary-color, #dc3545)}.accordion-button.active:hover{background:#c82333}.accordion-title{flex:1}.accordion-icon{margin-left:1rem}.accordion-panel{overflow:hidden;animation:accordionSlideDown .3s ease-out}.accordion-panel[hidden]{display:none}.accordion-content{background:#f8f9fa;border-top:1px solid #e9ecef}.accordion-content h3{color:var(--primary-color, #dc3545);font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(220,53,69,.2)}.accordion-content h3:first-child{margin-top:0}.accordion-content ul{margin:1rem 0;padding-left:1.5rem;margin-left:1.5rem;margin-bottom:1.5rem}.accordion-content li{color:#495057}.accordion-content strong{color:var(--primary-color, #dc3545);font-weight:600}@media (max-width:768px){.trainer-chapo{padding:1.2rem;font-size:1rem;margin-bottom:2rem}.accordion-button{padding:1.2rem 1.5rem;font-size:1.1rem}.accordion-content{padding:1.5rem}.accueil-accordions{width:100%;padding:0;margin:0}.accordion-item{width:100%;margin:0}.accordion-content h3{font-size:1rem}}@media (max-width:480px){.accueil-header{padding:1rem}.accordion-button{padding:1rem;font-size:1rem}.accordion-content{padding:1rem}}@media (min-width:1400px){.folder-tile,.image-tile{height:320px}.image-container{height:200px}.folder-preview{height:calc(70% - 3rem);margin-bottom:.5rem;padding:.5rem}.folder-header{margin-bottom:.3rem;min-height:1.8rem}}@media (max-width:1399px) and (min-width:1100px){.folder-tile,.image-tile{height:300px}.image-container{height:180px}.folder-preview{height:calc(65% - 3rem);margin-bottom:.6rem;padding:.5rem}.folder-header{margin-bottom:.4rem;min-height:1.8rem}}@media (max-width:1099px) and (min-width:900px){.folder-tile,.image-tile{height:280px}.image-container{height:160px}.folder-preview{height:calc(63% - 3rem);margin-bottom:.7rem;padding:.5rem}.folder-header{margin-bottom:.4rem;min-height:1.8rem}}@media (max-width:899px) and (min-width:600px){.folder-tile,.image-tile{height:260px}.image-container{height:150px}.folder-preview{height:calc(60% - 3rem);margin-bottom:.8rem;padding:.5rem}.folder-header{margin-bottom:.4rem;min-height:1.8rem}}@media (max-width:599px) and (min-width:480px){.folder-tile,.image-tile{height:240px}.image-container{height:140px}.folder-preview{height:calc(58% - 3rem);margin-bottom:.8rem;padding:.4rem}.folder-header{margin-bottom:.4rem;min-height:1.8rem}}@media (max-width:479px){.folder-tile,.image-tile{height:220px}.image-container{height:130px}.folder-preview{height:calc(55% - 3rem);margin-bottom:.4rem;padding:.3rem;gap:.3rem}.folder-header{margin-bottom:.3rem;min-height:1.6rem;max-height:2.4rem}.folder-name{font-size:1rem}.folder-icon{font-size:.9rem}}.image-tile:hover{background:rgba(255,255,255,.9);transform:translateY(-5px);box-shadow:0 8px 25px rgba(52,152,219,.2);border-color:rgba(52,152,219,.3)}.image-container{width:100%;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f8f9fa;border:1px solid rgba(52,152,219,.1);flex-shrink:0}.tile-image{width:100%;height:auto;object-fit:contain;border-radius:6px;transition:var(--transition)}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.tile-image:hover{transform:scale(1.05)}.audio-container{display:flex;align-items:center;justify-content:center;padding:1rem}.tile-audio{width:100%;max-width:200px;height:40px;border-radius:6px;background:var(--background);border:1px solid var(--border-color);outline:0}.tile-audio:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(211,47,47,.1)}.tile-audio:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.image-filename{margin-top:.6rem;font-size:1.3rem;font-weight:700;color:var(--primary-color);text-align:center;word-break:break-word;line-height:1.3;min-height:3.6rem;max-height:3.6rem;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:1}.error-message,.loading-message,.no-images-message{text-align:center;padding:2rem;color:var(--text-light)}.folder-tile{justify-content:space-between}.folder-header,.folder-name{display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600}.folder-header{flex:0 0 auto;text-align:center;font-size:1.1rem;color:#343a40;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.6rem}.folder-name{font-size:1.3rem;color:inherit}.folder-icon{font-size:1.2rem;opacity:.8;color:#6c757d;flex-shrink:0}.folder-preview{flex:1 1 auto;align-items:stretch;justify-items:stretch}.preview-image{min-height:0;min-width:0}.preview-more{position:absolute;bottom:.25rem;right:.25rem;background:rgba(108,117,125,.8)!important;color:#fff!important;padding:.2rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;max-width:calc(100% - .5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tile:focus,.folder-tile:hover{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);transform:translateY(-5px);box-shadow:0 8px 25px rgba(108,117,125,.2);border-color:rgba(108,117,125,.5);outline:0}.folder-tile:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.folder-preview{height:calc(60% - 3rem);display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.5);position:relative;flex-shrink:0;padding:.5rem;box-sizing:border-box}.preview-image{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;width:100%;height:100%;object-fit:cover;overflow:hidden}.folder-count{display:none}.folder-empty{display:flex;align-items:center;justify-content:center;height:100%;border-radius:8px;background:rgba(255,255,255,.3);font-style:italic;flex-shrink:0;overflow:hidden;text-align:center;padding:1rem;box-sizing:border-box}.personnages-grid .image-tile{background:rgba(255,255,255,.6)}:root{--theme-header-bg:#ffffff;--theme-header-text:#333333;--theme-sidebar-bg:#f8f9fa;--theme-sidebar-text:#495057;--theme-main-bg:#ffffff;--theme-main-text:#333333;--theme-border:#dee2e6;--toggle-student-bg:#ffffff;--toggle-trainer-bg:#dc3545;--toggle-active-text:#333333;--toggle-inactive-bg:transparent}body.trainer-mode{--theme-header-bg:#dc3545;--theme-header-text:#ffffff;--theme-sidebar-bg:#f4c2c2;--theme-sidebar-text:#721c24;--theme-main-bg:#fef2f2;--theme-main-text:#721c24;--theme-border:#dc3545}.sidebar,header{transition:all .3s ease}header{background:var(--theme-header-bg)!important;color:var(--theme-header-text)!important;border-bottom-color:var(--theme-border)!important}body.trainer-mode .nav-btn{filter:brightness(0) invert(1);transition:filter .3s ease}body.trainer-mode .nav-btn:hover{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.3))}.sidebar{background:var(--theme-sidebar-bg)!important;color:var(--theme-sidebar-text)!important;border-right-color:var(--theme-border)!important}.main-content{background:var(--theme-main-bg)!important;color:var(--theme-main-text)!important}.main-content,body.trainer-mode .sidebar a{transition:all .3s ease}body.trainer-mode .sidebar .nav-number,body.trainer-mode .sidebar a,body.trainer-mode .sidebar-footer{color:var(--theme-sidebar-text)!important}body.trainer-mode .sidebar a:hover{background:rgba(220,53,69,.15)!important;color:#721c24!important;border-left-color:#dc3545!important}body.trainer-mode .sidebar a.active .nav-number,body.trainer-mode .sidebar a:hover .nav-number,body.trainer-mode .sidebar a[aria-current=page] .nav-number{color:#721c24!important}body.trainer-mode .sidebar a.active{background:rgba(220,53,69,.2)!important;color:#721c24!important;border-left-color:#dc3545!important}body.trainer-mode .sidebar-footer{background:rgba(220,53,69,.1)!important}body.trainer-mode .copyright{color:#721c24!important;opacity:.8}body.trainer-mode .view-container{background:var(--theme-main-bg)!important;color:var(--theme-main-text)!important}body.trainer-mode .accordion-content,body.trainer-mode .accordion-title,body.trainer-mode .folder-name,body.trainer-mode .media-name,body.trainer-mode .tile-name,body.trainer-mode .view-main-title,body.trainer-mode .view-secondary-title,body.trainer-mode .view-text,body.trainer-mode h1,body.trainer-mode h4,body.trainer-mode h5,body.trainer-mode h6,body.trainer-mode p{color:#721c24!important}body.trainer-mode .accordion-content h3,body.trainer-mode .view-label,body.trainer-mode h2,body.trainer-mode h3{color:#721c24!important;text-decoration:underline!important;text-decoration-color:#e74c3c!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}body.trainer-mode .section-subtitle{color:#e74c3c!important;text-decoration:none!important;border-bottom:1px solid #e74c3c!important;padding-bottom:.5rem!important}body.trainer-mode .folder-tile,body.trainer-mode .image-tile{border-color:rgba(220,53,69,.2)!important;background:rgba(255,255,255,.9)!important}body.trainer-mode .folder-tile:hover,body.trainer-mode .image-tile:hover{border-color:rgba(220,53,69,.4)!important;box-shadow:0 8px 25px rgba(220,53,69,.15)!important}.mode-toggle-container{display:flex;align-items:center;justify-content:center;padding:1.2rem;background:rgba(255,255,255,.1);border-radius:16px;margin-bottom:1rem}.toggle-switch{position:relative;width:160px;height:40px;background:#e9ecef;border-radius:20px;cursor:pointer;transition:all .2s ease;overflow:hidden;border:2px solid #dee2e6}.toggle-checkbox{display:none}.toggle-label,.toggle-slider{position:absolute;border-radius:18px}.toggle-label{top:0;left:0;width:100%;height:100%;cursor:pointer}.toggle-slider{top:2px;left:2px;width:76px;height:36px;background:var(--toggle-student-bg);transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:var(--toggle-active-text);font-weight:600;font-size:.85rem;box-shadow:0 2px 6px rgba(0,0,0,.15);border:1px solid #dee2e6}.toggle-slider::after{content:"Élève";transition:none}.toggle-checkbox:checked+.toggle-label .toggle-slider{transform:translateX(80px);background:var(--toggle-trainer-bg);color:#fff;border:1px solid var(--toggle-trainer-bg)}.toggle-checkbox:checked+.toggle-label .toggle-slider::after{content:"Formateur"}.mode-label{display:none}.toggle-label:hover .toggle-slider{box-shadow:0 4px 12px rgba(0,0,0,.25);transform:scale(1.02)}.toggle-checkbox:checked+.toggle-label:hover .toggle-slider{transform:translateX(80px) scale(1.02)}.toggle-checkbox:focus+.toggle-label{outline:3px solid rgba(220,53,69,.3);outline-offset:2px}.toggle-switch{animation:toggleSlide .5s ease-out}@media (max-width:768px){.toggle-switch{width:140px;height:38px}.toggle-slider{width:66px;height:32px;font-size:.8rem}.toggle-checkbox:checked+.toggle-label .toggle-slider{transform:translateX(70px)}.toggle-checkbox:checked+.toggle-label:hover .toggle-slider{transform:translateX(70px) scale(1.02)}}@media (max-width:480px){.toggle-switch{width:120px;height:36px}.toggle-slider{width:56px;height:30px;font-size:.75rem}.toggle-checkbox:checked+.toggle-label .toggle-slider{transform:translateX(60px)}.toggle-checkbox:checked+.toggle-label:hover .toggle-slider{transform:translateX(60px) scale(1.02)}}@media (prefers-color-scheme:dark){:root{--primary-color:#ecf0f1;--secondary-color:#74b9ff;--text-color:#ecf0f1;--text-light:#bdc3c7;--background:#2c3e50;--background-alt:#34495e;--border-color:#4a5f7a}}.modal-content,.modal-overlay{display:flex;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;justify-content:center;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--background);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);flex-direction:column;padding:2rem;transform:scale(.8);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-close,.modal-filename{font-size:1.5rem;color:var(--primary-color)}.modal-filename{margin-top:1.5rem;font-weight:600;text-align:center;word-break:break-word}.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(211,47,47,.1);border:2px solid var(--primary-color);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:var(--transition)}.modal-close:focus,.modal-close:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.modal-nav,.modal-next,.modal-prev{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);border:0;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.8rem;color:#fff;transition:var(--transition);z-index:1001}.modal-nav:focus,.modal-nav:hover,.modal-next:focus,.modal-next:hover,.modal-prev:focus,.modal-prev:hover{background:rgba(211,47,47,.8);transform:translateY(-50%) scale(1.1)}.modal-nav.prev,.modal-prev{left:2rem}.modal-nav.next,.modal-next{right:2rem}.modal-nav:disabled,.modal-next:disabled,.modal-prev:disabled{opacity:.4;cursor:not-allowed;background:rgba(0,0,0,.3)}.modal-nav:disabled:hover,.modal-next:disabled:hover,.modal-prev:disabled:hover{transform:translateY(-50%);background:rgba(0,0,0,.3)}.decor-folder-tile{box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer}.decor-folder-tile:focus,.decor-folder-tile:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.decor-folder-tile:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.decor-folder-tile .folder-icon{color:inherit;opacity:.9}.decor-folder-tile .folder-empty{text-align:center;padding:2rem 1rem;font-style:italic;font-size:.95rem}.modal-empty{text-align:center;padding:3rem 2rem}.empty-state{max-width:400px;margin:0 auto}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.empty-state p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.effets-grid .audio-tile{display:flex;flex-direction:column;background:rgba(255,255,255,.8);border-radius:15px;padding:0;transition:var(--transition);border:2px solid rgba(52,152,219,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:default;overflow:hidden;aspect-ratio:3/4;min-height:0}.effets-grid .audio-tile:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,.2);border-color:rgba(52,152,219,.3)}.effets-grid .audio-tile:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.effets-grid .audio-visual-zone{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(52,152,219,.05)0,rgba(155,89,182,.05) 100%);padding:.8rem 1rem;min-height:60px}.effets-grid .audio-visual-zone .audio-icon{font-size:2.5rem;opacity:.6;flex-shrink:0}.effets-grid .audio-controls-zone{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:1rem;background:rgba(255,255,255,.9);border-top:1px solid rgba(0,0,0,.08);min-height:64px}.effets-grid .audio-play-btn{background:var(--primary-color);border:0;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.15);flex-shrink:0}.effets-grid .audio-play-btn:hover{background:var(--primary-hover);transform:scale(1.08);box-shadow:0 4px 10px rgba(0,0,0,.25)}.effets-grid .audio-play-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.effets-grid .audio-play-btn .play-icon{font-size:18px;color:#fff;line-height:1}.effets-grid .audio-progress-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.effets-grid .audio-duration{font-size:.95rem;color:#1a252f;font-family:"Courier New",monospace;font-weight:600;flex-shrink:0;min-width:45px;text-align:center}.effets-grid .audio-title-bar{flex:0 0 auto;min-height:48px;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:rgba(52,152,219,.12);border-top:1px solid rgba(52,152,219,.25);font-size:1.3rem;font-weight:600;color:#1a252f;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}@media (max-width:899px){.effets-grid .audio-visual-zone{padding:.6rem .8rem;min-height:50px}.effets-grid .audio-visual-zone .audio-icon{font-size:2rem}.effets-grid .audio-title-bar{font-size:1.2rem;min-height:44px;padding:.6rem .8rem}.effets-grid .audio-controls-zone{padding:.8rem;min-height:60px}.effets-grid .audio-play-btn{width:40px;height:40px}}@media (max-width:599px){.effets-grid .audio-visual-zone{padding:.5rem .6rem;min-height:45px}.effets-grid .audio-visual-zone .audio-icon{font-size:1.8rem}.effets-grid .audio-title-bar{font-size:1.1rem;min-height:40px;padding:.5rem .75rem}.effets-grid .audio-controls-zone{padding:.7rem .8rem;gap:10px;min-height:56px}.effets-grid .audio-play-btn{width:38px;height:38px}.effets-grid .audio-play-btn .play-icon{font-size:16px}.effets-grid .audio-duration{font-size:.85rem}}.audio-tile-fonds{display:flex;align-items:center;background:rgba(255,255,255,.8);border-radius:12px;padding:1.2rem 1.5rem;transition:var(--transition);border:2px solid rgba(52,152,219,.1);box-shadow:0 3px 10px rgba(0,0,0,.1);cursor:pointer;min-height:70px;margin-bottom:1rem}.audio-tile-fonds:focus,.audio-tile-fonds:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,.2);border-color:rgba(52,152,219,.3);outline:0}.audio-tile-fonds:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.audio-tile-fonds .audio-icon{font-size:2rem;margin-right:1.2rem;opacity:.8;flex-shrink:0}.audio-tile-fonds .audio-info{flex:1;min-width:0}.audio-tile-fonds .audio-filename{font-size:1.3rem;font-weight:600;color:#000!important;margin-bottom:0;word-break:break-word}.audio-controls-fonds{display:flex;align-items:center;gap:15px;margin-left:1rem;flex-shrink:0}.audio-controls-fonds .audio-play-btn{background:var(--primary-color);border:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.audio-controls-fonds .audio-play-btn:hover{background:var(--primary-hover);transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.audio-controls-fonds .audio-play-btn .play-icon{font-size:16px;color:#fff;line-height:1}.audio-controls-fonds .audio-duration{font-size:.9rem;color:var(--text-secondary);font-family:"Courier New",monospace;flex-shrink:0;min-width:40px;text-align:center}.audio-controls-fonds .audio-progress-container{position:relative;width:200px;height:24px;display:flex;align-items:center;padding:0 4px}.audio-controls-fonds .audio-progress-bar{width:100%;height:8px;background:#2c3e50;border-radius:4px;position:relative;overflow:hidden;border:1px solid #1a252f;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.audio-controls-fonds .audio-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;width:0%;transition:width .1s linear;box-shadow:0 1px 2px rgba(0,0,0,.2)}.audio-controls-fonds .audio-seek-bar{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.01;cursor:pointer;z-index:3;margin:0;padding:0}.audio-controls-fonds .audio-seek-bar::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #2c3e50;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:all .2s ease}.audio-controls-fonds .audio-seek-bar::-webkit-slider-thumb:hover{transform:scale(1.2);background:#ecf0f1;box-shadow:0 3px 12px rgba(0,0,0,.5)}.audio-controls-fonds .audio-seek-bar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #2c3e50;box-shadow:0 2px 8px rgba(0,0,0,.4)}.audio-tile-grid{padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:80px}#timer-display,#timer-display-duo{font-size:3.2rem;font-weight:700;color:var(--accent-color);font-family:"Courier New","Monaco","Lucida Console",monospace;letter-spacing:.1em;margin:0;text-shadow:none;text-align:center;white-space:nowrap}.timer-controls{align-items:stretch!important;text-align:left!important}.timer-button{box-sizing:border-box;align-self:stretch!important;justify-self:stretch!important}#btn-start,#btn-start-duo{background:#28a745;color:#fff;border-color:#28a745}#btn-start-duo:hover:not(:disabled),#btn-start:hover:not(:disabled){background:#218838;border-color:#218838;transform:translateY(-1px);box-shadow:0 3px 8px rgba(40,167,69,.3)}#btn-pause,#btn-pause-duo{background:#fd7e14;color:#fff;border-color:#fd7e14}#btn-pause-duo:hover:not(:disabled),#btn-pause:hover:not(:disabled){background:#e8680a;border-color:#e8680a;transform:translateY(-1px);box-shadow:0 3px 8px rgba(253,126,20,.3)}#btn-reset,#btn-reset-duo{background:#007bff;color:#fff;border-color:#007bff}#btn-reset-duo:hover:not(:disabled),#btn-reset:hover:not(:disabled){background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,123,255,.3)}.timer-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.2)}.timer-button:disabled{background:#6c757d;opacity:.7}@media (min-width:769px){.codages-main-layout{grid-template-columns:1fr 350px;gap:2.5rem}.timer-box{position:sticky;top:2rem}}@media (max-width:768px){.codages-main-layout{grid-template-columns:1fr;gap:2rem}.timer-box{position:static;max-width:400px;margin:0 auto;padding:2rem;border:3px solid #e74c3c;background:#f8f9fa}#timer-display,#timer-display-duo{font-size:3.5rem}}@media (max-width:480px){.timer-box{max-width:320px;padding:1.5rem}#timer-display,#timer-display-duo{font-size:3rem}.timer-button{padding:1.2rem 1rem;font-size:1.1rem}}@media (max-width:768px){.codages-duo-view .codages-main-layout,.codages-groupe-view .codages-main-layout{grid-template-columns:1fr;gap:2.5rem}.codages-duo-view .timer-box,.codages-groupe-view .timer-box{position:static;width:100%;max-width:400px;margin:0 auto}.codages-duo-view #timer-display-duo,.codages-groupe-view #timer-display{font-size:3.5rem}}@media (max-width:480px){.codages-duo-view .timer-box,.codages-groupe-view .timer-box{max-width:320px;padding:1.5rem}.codages-duo-view #timer-display-duo,.codages-groupe-view #timer-display{font-size:3rem}.codages-duo-view .timer-button,.codages-groupe-view .timer-button{padding:1.2rem 1rem;font-size:1.1rem}}.timer-controls{flex-direction:column;width:100%}.timer-button{padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%;text-transform:uppercase;letter-spacing:.3px;border:2px solid transparent;text-align:center;display:block}.timer-button[id*=start]{background:#27ae60;color:#fff;border-color:#27ae60}.timer-button[id*=start]:hover:not(:disabled){background:#229954;border-color:#229954;transform:translateY(-1px);box-shadow:0 3px 8px rgba(39,174,96,.3)}.timer-button[id*=pause]{background:#f39c12;color:#fff;border-color:#f39c12}.timer-button[id*=pause]:hover:not(:disabled){background:#e67e22;border-color:#e67e22;transform:translateY(-1px);box-shadow:0 3px 8px rgba(243,156,18,.3)}.timer-button[id*=reset]{background:#3498db;color:#fff;border-color:#3498db}.timer-button[id*=reset]:hover:not(:disabled){background:#2980b9;border-color:#2980b9;transform:translateY(-1px);box-shadow:0 3px 8px rgba(52,152,219,.3)}.timer-button:focus{outline:3px solid rgba(52,152,219,.5);outline-offset:2px}.timer-button:disabled{background:#bdc3c7;color:#7f8c8d;border-color:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}@media (min-width:769px){.codages-main-layout{grid-template-columns:1fr 340px;gap:3rem}.timer-box{position:sticky;top:2rem}}@media (max-width:768px){.codages-main-layout{grid-template-columns:1fr;gap:2.5rem}.timer-box{position:static;max-width:400px;margin:0 auto}#timer-display,#timer-display-duo{font-size:3.5rem}}@media (max-width:480px){.timer-box{max-width:320px;padding:1.5rem}#timer-display,#timer-display-duo{font-size:3rem}.timer-button{padding:1.2rem 1rem;font-size:1.1rem}}@media (max-width:1200px) and (min-width:769px){.codages-main-layout{grid-template-columns:1fr 300px;gap:2.5rem}#timer-display,#timer-display-duo{font-size:3rem}.timer-box{padding:1.8rem}}@media (max-width:768px){.codages-main-layout{grid-template-columns:1fr;gap:2.5rem}.timer-box{position:static;max-width:400px;margin:0 auto;padding:2rem}#timer-display,#timer-display-duo{font-size:3.2rem}.timer-button{padding:1.4rem 2rem;font-size:1.2rem}}.timer-display{font-size:2.8rem;font-weight:700;color:var(--accent-color);font-family:"Courier New",monospace;background:0 0;padding:.5rem;border:0;display:block;width:100%;letter-spacing:.05em;text-align:center}.timer-controls{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.timer-controls-vertical{display:flex;flex-direction:column;gap:1rem;width:100%}.timer-btn{background:var(--accent-color);color:#fff;border:2px solid var(--accent-color);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:var(--transition);width:100%;box-shadow:0 2px 8px rgba(231,76,60,.2);text-transform:uppercase;letter-spacing:.5px}.timer-btn:hover:not(:disabled){background:#c0392b;border-color:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(231,76,60,.3)}.timer-btn:active:not(:disabled){transform:translateY(0)}.timer-btn:disabled{background:#e9ecef;color:#6c757d;border-color:#dee2e6;cursor:not-allowed;transform:none;box-shadow:none}.timer-btn.pause{background:#ff9800;border-color:#ff9800}.timer-btn.pause:hover:not(:disabled){background:#f57c00;border-color:#f57c00}.timer-btn.reset{background:#2196f3;border-color:#2196f3}.timer-btn.reset:hover:not(:disabled){background:#1976d2;border-color:#1976d2}.change-member-message{margin-top:2rem;padding:1.5rem;background:#ffebee;border:2px solid var(--primary-color);border-radius:8px;font-size:1.2rem;font-weight:700;color:var(--primary-color);animation:pulse 1s infinite}.section-header{font-size:1.2rem;font-weight:600;color:var(--text-color);margin:0 0 .8rem;line-height:1.4}.section-header u{text-decoration:underline;font-weight:700}.content-section{margin-bottom:2.5rem}.content-section:last-child{margin-bottom:0}@media (max-width:1024px){.codages-layout{grid-template-columns:1fr 280px;gap:2.5rem}.timer-display{font-size:2.4rem}.codages-timer{padding:1.8rem}}@media (max-width:768px){.codages-layout{grid-template-columns:1fr;gap:2.5rem}.codages-timer{position:static;max-width:400px;margin:0 auto;padding:2rem}.timer-display{font-size:3rem}.timer-controls-vertical{flex-direction:row;flex-wrap:wrap;gap:1rem}.timer-btn{flex:1;min-width:120px;font-size:.95rem;padding:.9rem 1.5rem}}@media (max-width:480px){.timer-display{font-size:2.5rem}.codages-timer{padding:1.5rem}.timer-controls-vertical{flex-direction:column}.timer-btn{width:100%;font-size:.9rem;padding:.9rem 1.5rem}.change-member-message{font-size:1.1rem;padding:1.2rem}}.studio-gallery-section{margin:3rem 0}.studio-gallery-card{background:linear-gradient(135deg,var(--primary-color) 0%,#b71c1c 100%);color:#fff;border-radius:16px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px rgba(211,47,47,.2);border:0;display:block;width:100%}.studio-gallery-card:focus,.studio-gallery-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(211,47,47,.3);outline:0}.studio-gallery-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.studio-gallery-icon{font-size:8rem;margin-bottom:1rem;opacity:.9}.studio-gallery-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.studio-gallery-subtitle{font-size:1.2rem;margin:0;opacity:.9;font-weight:400}.studio-gallery-banner{background:linear-gradient(135deg,var(--primary-color) 0%,#b71c1c 100%);color:#fff;border-radius:12px;padding:1.5rem 2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(211,47,47,.2);border:0;display:block;width:100%;margin:2rem 0}.studio-gallery-banner:focus,.studio-gallery-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(211,47,47,.3);outline:0}.studio-gallery-banner:focus-visible{outline:3px solid #fff;outline-offset:2px}.studio-banner-content{display:flex;align-items:center;justify-content:center;gap:1.5rem}.studio-banner-icon{font-size:2.5rem;opacity:.9}.studio-banner-title{font-size:1.8rem;font-weight:700;margin:0;color:#fff;font-family:"Segoe UI",system-ui,sans-serif;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.trainer-welcome .trainer-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-item{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-color)}.feature-item h3{margin:0 0 .5rem;color:var(--primary-color);font-size:1.1rem}.feature-item p{margin:0;font-size:.95rem;opacity:.9}.objectives-list,.requirements-list{list-style:none;padding:0}.objectives-list li,.requirements-list li{padding:.5rem 0;padding-left:1.5rem;position:relative}.objectives-list li::before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.problem-solution,.setup-step,.tip-item{background:rgba(255,255,255,.03);padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:3px solid var(--primary-color)}.problem-solution h3,.setup-step h3,.tip-item h3{margin:0 0 .5rem;color:var(--primary-color);font-size:1rem}.games-section{margin:.5rem 0 0}.games-section-spaced{margin-top:2rem}.games-title{margin-bottom:2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.assemblages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%}@media (min-width:1024px){.assemblages-grid{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width:1023px) and (min-width:768px){.assemblages-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:767px){.assemblages-grid{grid-template-columns:1fr;gap:20px}}.game-card{border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;border:2px solid var(--accent-color);display:block;background:rgba(231,76,60,.1);aspect-ratio:16/9}.game-card:focus,.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(231,76,60,.2);border-color:var(--accent-color);outline:0}.game-card:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}.game-card-image{width:100%;height:100%;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative}.game-thumbnail{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;background:0 0}.game-card:hover .game-thumbnail{transform:scale(1.02)}.gallery-card{background:linear-gradient(135deg,#e74c3c 0,#c0392b 100%);border:2px solid #e74c3c;display:flex;align-items:center;justify-content:center;color:#fff;aspect-ratio:16/9}.gallery-card:hover{background:linear-gradient(135deg,#c0392b 0,#a93226 100%);border-color:#a93226;transform:translateY(-2px);box-shadow:0 8px 24px rgba(231,76,60,.3)}.assemblages-grid .game-card:not(.gallery-card){background:rgba(231,76,60,.05);border:2px solid rgba(231,76,60,.3)}.assemblages-grid .game-card:not(.gallery-card):hover{background:rgba(231,76,60,.1);border-color:var(--accent-color)}.game-card-content{text-align:center;padding:2rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-icon{font-size:3rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.game-title{font-size:1.4rem;font-weight:700;color:var(--accent-color);margin:1rem 0 0;text-align:center;line-height:1.3;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);padding:.5rem 1rem;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.gallery-card .game-title{color:#fff;margin:0;font-size:1.6rem;text-shadow:0 1px 2px rgba(0,0,0,.2);position:static;background:0 0;box-shadow:none;transform:none;padding:0}.no-games-message{text-align:center;padding:3rem;background:var(--background-alt);border-radius:12px;border:2px dashed var(--border-color)}@media (max-width:768px){.studio-gallery-card{padding:1.8rem}.studio-gallery-icon{font-size:6rem;margin-bottom:.8rem}.studio-gallery-title{font-size:1.8rem}.studio-gallery-subtitle{font-size:1rem}.games-grid{grid-template-columns:1fr;gap:1.5rem}.games-section{margin:.5rem 0 0}.game-card-image{height:180px}.game-card-title{padding:1.2rem;font-size:1.1rem}}@media (max-width:480px){.studio-gallery-section{margin:2rem 0}.studio-gallery-card{padding:1.2rem}.studio-gallery-icon{font-size:5rem}.studio-gallery-title{font-size:1.5rem}.games-section{margin:.5rem 0 0}.game-card-image{min-height:160px}}.trainer-title{text-align:left!important;margin-bottom:2rem}.trainer-top-banner{display:flex;gap:2rem;margin-bottom:3rem;align-items:stretch}@media (max-width:768px){.trainer-top-banner{flex-direction:column;gap:1.5rem}}.trainer-chapo-card{flex:2;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border:1px solid #dee2e6;border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.trainer-chapo-card p{font-size:1.1rem;line-height:1.6;color:#495057;margin:0;font-weight:400}.trainer-download-card{flex:1;background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);border:1px solid #2196f3;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px rgba(33,150,243,.15);transition:transform .2s ease,box-shadow .2s ease}.trainer-download-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.25)}.download-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.download-content h3{font-size:1.1rem;font-weight:600;color:#1565c0;margin-bottom:1rem;line-height:1.3}.download-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2196f3;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background-color .2s ease}.download-link:hover{background:#1976d2;color:#fff;text-decoration:none}.download-arrow{font-size:1.2rem;font-weight:700}.accueil-accordions{width:100%;max-width:none;margin:0}.accordion-item{border:1px solid #dee2e6;border-radius:8px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05)}.accordion-button{width:100%;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border:0;padding:1.5rem 2rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:600;color:#495057;transition:all .3s ease}.accordion-button:hover{background:linear-gradient(135deg,#e9ecef 0,#dee2e6 100%)}.accordion-button.active{background:linear-gradient(135deg,#007bff 0,#0056b3 100%);color:#fff}.accordion-icon{font-size:1rem;transition:transform .3s ease}.accordion-button.active .accordion-icon{transform:rotate(180deg)}.accordion-panel{background:#fff;border-top:1px solid #dee2e6}.accordion-content{padding:2rem;line-height:1.6}.accordion-content h3{color:#007bff;font-size:1.3rem;margin-bottom:1rem;margin-top:2rem}.accordion-content h4{color:#495057;font-size:1.2rem;margin-bottom:1rem;margin-top:1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.accordion-content h5{color:#007bff;font-size:1.1rem;margin-bottom:.5rem;margin-top:1rem}.accordion-content li{margin-bottom:.5rem}.accordion-content ol{margin-left:1.5rem;margin-bottom:1.5rem}.accordion-content ol li{margin-bottom:1rem}.objectives-table{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e9ecef}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.objective-category{background:#fff;padding:1.5rem;border-radius:6px;border:1px solid #dee2e6}.evaluation-type h4,.objective-category h5{color:#fff;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem}.objective-category h5{background:linear-gradient(135deg,#007bff 0,#0056b3 100%);font-size:1rem;font-weight:600}.objective-category ul{margin-left:1rem}.evaluation-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1rem}.evaluation-type,.material-banner{border-radius:8px;background:#f8f9fa}.evaluation-type{padding:1.5rem;border:1px solid #e9ecef}.evaluation-type h4{background:linear-gradient(135deg,#28a745 0,#1e7e34 100%);font-size:1.1rem;border-bottom:none}.materiels-view .view-content{padding-top:1rem}.materiels-view .view-main-title{margin-top:0;margin-bottom:1.5rem}.materiels-view .view-section{margin:0 0 .75rem;padding:0}.materiels-view .section-subtitle{margin-top:.75rem;margin-bottom:.5rem;padding-bottom:.4rem}.materiels-view .section-description{margin-top:.8rem;margin-bottom:.75rem;font-size:1.3rem;line-height:1.7;color:#333;text-align:left}.material-banner{width:100%;height:300px;overflow:hidden;margin:0 0 .75rem;position:relative}.banner-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:blur(3.5px) saturate(1.1) brightness(1.02);image-rendering:auto;image-rendering:-webkit-optimize-contrast}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(128,128,128,.25);pointer-events:none;z-index:1}.materials-carousel{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem;margin:.5rem 0 0;padding:0;grid-auto-flow:row;align-items:start}.material-thumbnail{background:0 0;border:3px solid transparent;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;position:relative}.material-thumbnail:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.material-thumbnail:focus{outline:2px solid #2c3e50;outline-offset:2px}.material-thumbnail.active{border-color:#e74c3c;background:#fef7f7}.material-thumbnail.active:hover{background:#fef7f7;transform:translateY(-2px)}.thumbnail-image-container{width:100%;height:75px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e9ecef}.thumbnail-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.material-content-panel{background:0 0;border:0;border-radius:0;padding:0;margin:0;transition:opacity .3s ease}.content-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:1.5rem;padding:0}.content-main{min-height:120px}.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:1025px){.materiels-view .thumbnail-image-container{height:120px}}@media (min-width:481px) and (max-width:1024px){.materiels-view .view-content{padding:.75rem}.materiels-view .section-description{font-size:1.15rem}.materiels-view .materials-carousel{display:flex;flex-wrap:nowrap;gap:.25rem;margin:.4rem 0 0}.materiels-view .material-thumbnail{padding:0;flex:1 1 0;min-width:0;border:2px solid transparent;gap:0;border-radius:4px}.materiels-view .material-thumbnail.active{border-color:#e74c3c}.materiels-view .thumbnail-image-container{height:auto!important;aspect-ratio:4/3!important;border-radius:4px}}@media (max-width:480px){.materiels-view .view-content{padding:.75rem}.materiels-view .section-description{font-size:1.05rem}.materials-carousel{gap:.5rem;grid-template-columns:repeat(7,1fr);overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.materials-carousel::-webkit-scrollbar{height:4px}.materials-carousel::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.material-thumbnail{padding:.35rem;min-width:0}.thumbnail-image-container{height:70px}}.assemblages-jeux-view .view-content{padding-top:1rem}.assemblages-jeux-view .view-main-title{margin-top:0;margin-bottom:1.5rem;text-align:left}.assemblages-jeux-view .section-subtitle{margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.4rem}.assemblages-jeux-view .view-section:first-of-type .section-subtitle{margin-top:0}.assemblages-jeux-view .view-text{margin-top:.8rem;margin-bottom:1.5rem;font-size:1.3rem;line-height:1.7;text-align:left;color:#333}.assemblages-jeux-view .view-section{margin:0;padding:0}.assemblages-jeux-view ul.view-text{margin-top:.8rem;margin-bottom:1.5rem;padding-left:1.5rem}.assemblages-jeux-view ul.view-text li{margin-bottom:.5rem;line-height:1.7}.assemblages-jeux-view .instruction-item{margin-bottom:1.5rem}.assemblages-jeux-view .instruction-item h3{font-size:1.3rem;color:var(--accent-color);margin-bottom:.5rem;font-weight:600}.assemblages-jeux-view .games-section{margin-top:2rem}.assemblages-jeux-view .games-section-spaced{margin-top:2.5rem}.assemblages-jeux-view .assemblages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0}.assemblages-jeux-view .game-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.assemblages-jeux-view .game-card:focus,.assemblages-jeux-view .game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:var(--accent-color);outline:0}.assemblages-jeux-view .game-card-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.assemblages-jeux-view .game-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.assemblages-jeux-view .gallery-card:focus .gallery-logo,.assemblages-jeux-view .gallery-card:hover .gallery-logo,.assemblages-jeux-view .game-card:focus .game-thumbnail,.assemblages-jeux-view .game-card:hover .game-thumbnail{transform:scale(1.05)}.assemblages-jeux-view .gallery-card{background:linear-gradient(135deg,var(--accent-color) 0%,#c0392b 100%);border-color:var(--accent-color);aspect-ratio:16/9;overflow:hidden;cursor:pointer;transition:all .3s ease}.assemblages-jeux-view .gallery-card .gallery-logo-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;transition:all .3s ease}.assemblages-jeux-view .gallery-card .gallery-logo{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}.assemblages-jeux-view .gallery-card:focus,.assemblages-jeux-view .gallery-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:var(--accent-color);outline:0}@media (min-width:481px) and (max-width:1024px){.assemblages-jeux-view .view-content{padding-top:1rem}.assemblages-jeux-view .assemblages-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.assemblages-jeux-view .view-text{font-size:1.2rem}.assemblages-jeux-view .section-subtitle{font-size:1.5rem}.assemblages-jeux-view .gallery-card .gallery-logo-container{padding:1.5rem}}@media (max-width:480px){.assemblages-jeux-view .view-content{padding-top:.75rem}.assemblages-jeux-view .assemblages-grid{grid-template-columns:1fr;gap:1rem}.assemblages-jeux-view .view-text{font-size:1.05rem}.assemblages-jeux-view .section-subtitle{font-size:1.3rem}.assemblages-jeux-view .gallery-card .gallery-logo-container{padding:1rem}}