{"id":21,"date":"2025-06-12T09:21:21","date_gmt":"2025-06-12T09:21:21","guid":{"rendered":"https:\/\/beethovenwars.com\/accueil\/"},"modified":"2025-07-31T16:16:11","modified_gmt":"2025-07-31T14:16:11","slug":"accueil","status":"publish","type":"page","link":"https:\/\/beethovenwars.com\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-346b99c3 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\"><\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n<\/head>\n\n<body>\n    <div class=\"container\">\n        <section class=\"hero\">\n            <div class=\"hero-background\"><\/div>\n            <div class=\"hero-content\">\n                <div class=\"split-text-container\">\n                    <h1 class=\"text-part left\" data-text=\"Beethoven\">Beethoven<\/h1>\n                    <h1 class=\"text-part right\" data-text=\"Wars\">Wars<\/h1>\n                <\/div>\n                \n                <div class=\"subtext-container\">\n                    <p class=\"subtitle\">Un space op\u00e9ra immersif<\/p>\n                <\/div>\n                \n                <div class=\"hero-cta\">\n                    <button onclick=\"redirect_project()\" class=\"cta-button\">D\u00e9couvrir l&rsquo;univers<\/button>\n                <\/div>\n            <\/div>\n            \n           \n        <\/section>\n\n     \n        <section class=\"content-section\">\n            <div class=\"beethoven-intro\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83c\udfbc<\/div>\n                    <h2>Une \u0152uvre R\u00e9volutionnaire<\/h2>\n                <\/div>\n                <p>\n                    Beethoven Wars, imagin\u00e9 et port\u00e9 par Insula Orchestra sous la direction de Laurence Equilbey, propose une relecture audacieuse et innovante de l&rsquo;\u0153uvre de Ludwig van Beethoven. Alliant musique classique, narration contemporaine et esth\u00e9tique visuelle immersive, ce projet explore les tensions, les r\u00e9volutions et les luttes int\u00e9rieures qui traversent la musique du compositeur.\n                <\/p>\n                <p>\n                    En s&rsquo;appuyant sur le dialogue entre pass\u00e9 et pr\u00e9sent, Beethoven Wars met en lumi\u00e8re la modernit\u00e9 br\u00fblante de Beethoven, son engagement humaniste et sa capacit\u00e9 \u00e0 r\u00e9sonner avec les enjeux de notre \u00e9poque. \u00c0 travers ce voyage sensoriel et artistique, Insula Orchestra invite le public \u00e0 red\u00e9couvrir un Beethoven insurg\u00e9, visionnaire et profond\u00e9ment humain.\n                <\/p>\n            <\/div>\n        <\/section>\n\n\n         <section class=\"content-section\">\n            <div class=\"insula-intro\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83d\udddd\ufe0f<\/div>\n                    <h2>UNE \u0152UVRE, PLUSIEURS D\u00c9CLINAISONS<\/h2>\n                <\/div>\n                <div class=\"orchestra-content\">\n                    <p>\n                        Le projet Beethoven Wars d\u00e9passe le cadre du spectacle : c\u2019est une proposition artistique plurielle, pens\u00e9e pour se d\u00e9cliner en plusieurs formats et ainsi rendre une \u0153uvre musicale accessible \u00e0 un public large et diversifi\u00e9.\nFilm pour les salles de cin\u00e9ma, capsule en r\u00e9alit\u00e9 virtuelle, exp\u00e9riences immersives en espace d\u00e9di\u00e9 : les d\u00e9clinaisons sont multiples et compl\u00e9mentaires, permettant \u00e0 chacun de vivre l\u2019\u0153uvre selon ses propres codes d\u2019acc\u00e8s.\n                    <\/p>\n       \n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- Section Insula Orchestra -->\n        <section class=\"content-section\">\n            <div class=\"insula-intro\">\n                <div class=\"card-header\">\n                    <div class=\"card-icon\">\ud83c\udfad<\/div>\n                    <h2>Insula Orchestra &#038; Accentus<\/h2>\n                <\/div>\n                <div class=\"orchestra-content\">\n                    <p>\n                        accentus et Insula orchestra sont deux ensembles musicaux fran\u00e7ais fond\u00e9s et dirig\u00e9s par Laurence Equilbey, cheffe d&rsquo;orchestre. Insula orchestra, fond\u00e9 en 2012, est un orchestre sur instruments d&rsquo;\u00e9poque, sp\u00e9cialis\u00e9 dans le r\u00e9pertoire classique et romantique. Les deux ensembles collaborent r\u00e9guli\u00e8rement, offrant des interpr\u00e9tations exigeantes et expressives, souvent centr\u00e9es sur des \u0153uvres vocales majeures, avec un souci de rigueur historique et d&rsquo;innovation artistique.\n                    <\/p>\n                    <p>\naccentus est un ch\u0153ur de chambre professionnel cr\u00e9\u00e9 en 1991, reconnu pour la pr\u00e9cision de son interpr\u00e9tation et son r\u00e9pertoire allant de la musique ancienne \u00e0 la cr\u00e9ation contemporaine.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <section class=\"cta-struct\">\n            <div>\n                <button onclick=\"redirect_cta('insula')\" class=\"cta-button-section\"> Insula orchestra<\/button>\n            <\/div>\n            <div>\n                <button onclick=\"redirect_cta('accentus')\" class=\"cta-button-section\"> Accentus <\/button>\n            <\/div>\n            <div>\n                <button onclick=\"redirect_cta('L_E')\" class=\"cta-button-section\"> Laurence Equilbey<\/button>\n            <\/div>\n           <div>\n                <button onclick=\"redirect_cta('Distrib')\" class=\"cta-button-section\">Cr\u00e9dit<\/button>\n            <\/div>\n \n\n        <\/section>\n    <\/div>\n<\/body>\n\n<style>\n:root {\n    --primary: #ff006e;\n    --primary-light: #ff3d8b;\n    --primary-dark: #d1005c;\n    --secondary: #00d4ff;\n    --secondary-light: #33ddff;\n    --secondary-dark: #00a8cc;\n    --accent: #7c3aed;\n    --dark: #0a0a0f;\n    --dark-surface: #141420;\n    --dark-card: #1a1a2e;\n    --light: #ffffff;\n    --light-muted: #f8fafc;\n    --text-primary: #ffffff;\n    --text-secondary: #cbd5e1;\n    --text-muted: #94a3b8;\n    \n    --glass: rgba(255, 255, 255, 0.08);\n    --glass-border: rgba(255, 255, 255, 0.15);\n    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n    \n    \/* Spacing moderne *\/\n    --space-xs: 0.5rem;\n    --space-sm: 0.75rem;\n    --space-md: 1rem;\n    --space-lg: 1.0rem;\n    --space-xl: 2rem;\n    --space-2xl: 3rem;\n    --space-3xl: 4rem;\n    \n    \/* Border radius *\/\n    --radius-sm: 8px;\n    --radius-md: 12px;\n    --radius-lg: 16px;\n    --radius-xl: 24px;\n    \n    \/* Transitions *\/\n    --transition-fast: 0.15s ease;\n    --transition-normal: 0.3s ease;\n    --transition-slow: 0.5s ease;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    background: #f8fafc;\n    color: var(--text-primary);\n    line-height: 1.6;\n    overflow-x: hidden;\n    min-height: 100vh;\n}\n\n.container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 var(--space-lg);\n}\n\n\/* === HERO SECTION === *\/\n.hero {\n    position: relative;\n    min-height: 80vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.hero-background {\n    position: absolute;\n    inset: 0;\n    background: #f8fafc;\n    animation: gradientShift 8s ease-in-out infinite;\n}\n\n@keyframes gradientShift {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.7; }\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    max-width: 800px;\n}\n\n.split-text-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--space-lg);\n    margin-bottom: var(--space-xl);\n    flex-wrap: wrap;\n}\n\n.text-part {\n    position: relative;\n    font-size: clamp(3rem, 8vw, 7rem);\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: -0.02em;\n    transform: translateX(0);\n    animation-duration: 1.2s;\n    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    animation-fill-mode: forwards;\n    \n}\n\n.text-part::before {\n    content: attr(data-text);\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: shimmer 3s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n    0% { transform: translateX(-100%); }\n    50% { transform: translateX(100%); }\n    100% { transform: translateX(100%); }\n}\n\n.text-part.left {\n    color: #1a1a2e;\n    transform: translateX(-200%);\n    animation-name: slideInLeft;\n}\n\n.text-part.right {\n    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    transform: translateX(200%);\n    animation-name: slideInRight;\n}\n\n@keyframes slideInLeft {\n    0% { transform: translateX(-200%); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n}\n\n@keyframes slideInRight {\n    0% { transform: translateX(200%); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n}\n\n.subtext-container {\n    margin-bottom: var(--space-2xl);\n    opacity: 0;\n    animation: fadeInUp 1s ease-out 0.8s forwards;\n}\n\n.subtitle {\n    font-size: clamp(1.25rem, 3vw, 2rem);\n    color: #1a1a2e;\n    font-weight: 300;\n    letter-spacing: 0.05em;\n    text-transform: lowercase;\n    font-style: italic;\n    text-transform: none !important;\n}\n\n.hero-cta {\n    opacity: 0;\n    animation: fadeInUp 1s ease-out 1.2s forwards;\n}\n\n.cta-struct{\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10%;\n}\n.cta-button {\n    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n    border: none;\n    padding: var(--space-lg) var(--space-2xl);\n    border-radius: var(--radius-xl);\n    color: var(--light);\n    font-size: 1.1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all var(--transition-normal);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    position: relative;\n    overflow: hidden;\n}\n\n.cta-button-section{\n    background: var(--dark-surface);\n    border: none;\n    padding: var(--space-lg) var(--space-2xl);\n    border-radius: var(--radius-xl);\n    color: var(--light);\n    font-size: 1.1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all var(--transition-normal);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    position: relative;\n    overflow: hidden;\n    animation: fadeInUp 1s ease-out;\n}\n\n.cta-button-section::before{\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    transition: left 0.5s;\n}\n\n.cta-button-section:hover::before {\n    left: 100%;\n}\n\n.cta-button-section:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 40px rgba(183, 0, 255, 0.536);\n}\n\n.cta-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n    transition: left 0.5s;\n}\n\n.cta-button:hover::before {\n    left: 100%;\n}\n\n.cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 40px rgba(255, 0, 110, 0.3);\n}\n\n\/* === PARTICULES === *\/\n.particles {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n}\n\n.particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: var(--secondary);\n    border-radius: 50%;\n    opacity: 0.6;\n    animation: float 6s ease-in-out infinite;\n}\n\n\n\n@keyframes float {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    33% { transform: translateY(-20px) rotate(120deg); }\n    66% { transform: translateY(20px) rotate(240deg); }\n}\n\n\/* === SECTIONS DE CONTENU === *\/\n.content-section {\n    padding: var(--space-3xl) 0;\n}\n\n.beethoven-intro,\n.insula-intro {\n    background: var(--dark-surface);\n    backdrop-filter: blur(20px) saturate(180%);\n    -webkit-backdrop-filter: blur(20px) saturate(180%);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-xl);\n    padding: var(--space-2xl);\n    margin-bottom: var(--space-2xl);\n    box-shadow: var(--glass-shadow);\n    transition: all var(--transition-slow);\n    position: relative;\n    overflow: hidden;\n}\n\n.beethoven-intro::before,\n.insula-intro::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);\n    animation: borderGlow 3s ease-in-out infinite;\n}\n\n@keyframes borderGlow {\n    0% { left: -100%; }\n    50% { left: 100%; }\n    100% { left: 100%; }\n}\n\n.beethoven-intro:hover,\n.insula-intro:hover {\n    transform: translateY(-8px);\n    box-shadow: \n        var(--glass-shadow),\n        0 20px 60px rgba(255, 0, 110, 0.15);\n    border-color: rgba(255, 255, 255, 0.25);\n}\n\n.card-header {\n    display: flex;\n    align-items: center;\n    gap: var(--space-lg);\n    margin-bottom: var(--space-xl);\n}\n\n.card-icon {\n    font-size: 2.5rem;\n    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.card-header h2 {\n    font-size: clamp(1.5rem, 4vw, 2.5rem);\n    font-weight: 700;\n    background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.beethoven-intro p,\n.orchestra-content p {\n    font-size: 1.1rem;\n    color: var(--text-secondary);\n    margin-bottom: var(--space-lg);\n    line-height: 1.7;\n    text-transform: none !important;\n}\n\n.orchestra-content p:last-child {\n    margin-bottom: 0;\n}\n\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 768px) {\n    .container {\n        padding: 0 var(--space-md);\n    }\n    \n    .split-text-container {\n        flex-direction: column;\n        gap: var(--space-sm);\n    }\n    \n    .text-part {\n        font-size: clamp(2.5rem, 12vw, 4rem);\n    }\n    \n    .subtitle {\n        font-size: 1.25rem;\n    }\n    \n    .beethoven-intro,\n    .insula-intro {\n        padding: var(--space-xl);\n    }\n    \n    .card-header {\n        flex-direction: column;\n        text-align: center;\n        gap: var(--space-md);\n    }\n    \n    .cta-button {\n        padding: var(--space-md) var(--space-xl);\n        font-size: 1rem;\n    }\n}\n\n@media (max-width: 480px) {\n    .content-section {\n        padding: var(--space-xl) 0;\n    }\n    \n    .beethoven-intro,\n    .insula-intro {\n        padding: var(--space-lg);\n    }\n    \n    .card-icon {\n        font-size: 2rem;\n    }\n}\n\n\/* Am\u00e9liorations d'accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n    * {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n\n\/* Mode sombre forc\u00e9 pour certains navigateurs *\/\n@media (prefers-color-scheme: dark) {\n    :root {\n        --text-primary: #ffffff;\n        --text-secondary: #cbd5e1;\n    }\n}\n<\/style>\n\n<script>\n\n    const link_cta = {\n        'accentus' : 'https:\/\/www.accentus.fr\/',\n        'insula' : 'https:\/\/www.insulaorchestra.fr\/',\n        'L_E' : 'https:\/\/www.laurenceequilbey.com\/',\n        'Distrib' : 'https:\/\/beethovenwars.com\/credit\/'\n    }\n  \n    function redirect_cta(key) {\n            if (link_cta[key]) {\n                try {\n                   \n                    window.open(link_cta[key], '_blank', 'noopener,noreferrer');\n                } catch (error) {\n                    console.error('Erreur lors de la redirection:', error);\n                    \n                    window.location.href = link_cta[key];\n                }\n            } else {\n                console.error(`Lien \"${key}\" non trouv\u00e9 dans link_cta`);\n            }\n        }\n\n        function redirect_project (){\n            try {\n            window.location.href = 'https:\/\/beethovenwars.com\/projet\/';\n        } catch(error) {\n            console.error('Error bad routing :', error)\n        } \n\n    }\n\n    \n<\/script>\n\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Beethoven Wars Un space op\u00e9ra immersif D\u00e9couvrir l&rsquo;univers \ud83c\udfbc Une \u0152uvre R\u00e9volutionnaire Beethoven Wars, imagin\u00e9 et port\u00e9 par Insula Orchestra sous la direction de Laurence Equilbey, propose une relecture audacieuse [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":85,"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/614"}],"wp:attachment":[{"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}