{"id":22,"date":"2025-06-12T09:21:22","date_gmt":"2025-06-12T09:21:22","guid":{"rendered":"https:\/\/beethovenwars.com\/projet\/"},"modified":"2025-07-31T17:04:18","modified_gmt":"2025-07-31T15:04:18","slug":"projet","status":"publish","type":"page","link":"https:\/\/beethovenwars.com\/en\/projet\/","title":{"rendered":"The project"},"content":{"rendered":"<p><\/p>\n\n<style>\n        \/* Reset et base *\/\n        * {\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            text-transform: none !important;\n        }\n\n        html {\n            height: 100%;\n        }\n\n        body {\n            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            background-color: #f5f5f5;\n        }\n\n        \/* Container principal *\/\n        .bento_container {\n            width: 100%;\n            max-width: 1600px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Bo\u00eete bento *\/\n        .bento_box {\n            width: 100%;\n            max-width: 90%;\n            margin: 60px auto;\n            padding: 20px;\n            animation: slide_in 1s ease-out;\n        }\n\n        \/* Section top *\/\n        .bento_box_top {\n            background-color: #ffffff;\n            border-radius: 20px;\n            border: 0.2rem solid rgba(0, 0, 0, 0.709);\n            color: #181717;\n            padding: 20px;\n            width: 100%;\n            min-height: 150px;\n            margin-bottom: 20px;\n            animation: slide_left 0.5s ease-out;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .title_b1 {\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            font-weight: bold;\n            text-align: center;\n            animation: slide_in 1s ease-out;\n        }\n\n        .bento_box_top:hover {\n            transform: scaleY(1.1);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* Section bottom 1 *\/\n        .bento_box_1_bottom {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n            gap: 20px;\n            width: 100%;\n            min-height: 300px;\n        }\n\n        .bento_box_1_bottom_left {\n            flex: 2;\n            background: rgba(17, 16, 16, 0.907);\n            color: white;\n            border-radius: 25px;\n            animation: slide_in 1s ease-out;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .bento_box_1_bottom_left:hover {\n            flex: 3;\n            filter: brightness(0.8);\n            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        .bento_box_1_bottom_right {\n            flex: 1;\n            background: rgba(0,0,0);\n            color: white;\n            border-radius: 25px;\n            animation: slide_right 1.4s ease-out;\n            transition: all 0.3s ease;\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            overflow: hidden;\n            position: relative; \n        }\n        \n       .bento_box_1_bottom_right img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Adapte l'image sans d\u00e9formation *\/\n            border-radius: 25px; \/* M\u00eame border-radius que le parent *\/\n            display: block;\n        }\n\n\n        .txt_p1 {\n            padding: 8%;\n            font-size: clamp(0.9rem, 2vw, 1.1rem);\n            line-height: 1.5;\n        }\n\n        .bento_box_1_bottom_right:hover {\n            flex: 2;\n            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3);\n            filter: brightness(0.8);\n        }\n\n        \/* Section bottom 2 *\/\n        .bento_box_2_bottom {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n            gap: 20px;\n            width: 100%;\n            min-height: 300px;\n            margin-bottom: 20px;\n        }\n\n        .bento_box_2_bottom_left {\n            flex: 1;\n            background: linear-gradient(135deg, #976242, #8a5a3c);\n            border-radius: 25px;\n            animation: slide_left 1.4s ease-out;\n            transition: all 0.3s ease;\n        }\n\n       .bento_box_2_bottom_left img{\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Adapte l'image sans d\u00e9formation *\/\n            border-radius: 25px; \/* M\u00eame border-radius que le parent *\/\n            display: block\n            overflow : hidden;\n       }\n\n        .bento_box_2_bottom_left:hover {\n            flex: 2;\n            filter: brightness(0.8);\n            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        .bento_box_2_bottom_right {\n            flex: 2;\n            background: rgba(17, 16, 16, 0.907);\n            border-radius: 25px;\n            animation: slide_right 1.4s ease-out;\n            transition: all 0.3s ease;\n        }\n\n        .bento_box_2_bottom_right:hover {\n            flex: 3;\n            filter: brightness(0.8);\n            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* Animations *\/\n        @keyframes slide_in {\n            from {\n                transform: translateY(50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slide_left {\n            from {\n                transform: translateX(-50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slide_right {\n            from {\n                transform: translateX(50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .bento_box_1_bottom,\n            .bento_box_2_bottom {\n                flex-direction: column;\n                gap: 15px;\n            }\n            \n            .bento_box_1_bottom_left,\n            .bento_box_1_bottom_right,\n            .bento_box_2_bottom_left,\n            .bento_box_2_bottom_right {\n                flex: 1;\n                min-height: 200px;\n            }\n            \n            .txt_p1 {\n                padding: 15px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .bento_box {\n                max-width: 95%;\n                margin: 30px auto;\n                padding: 15px;\n            }\n            \n            .bento_box_top {\n                padding: 15px;\n                min-height: 120px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"bento_container\">\n        <div class=\"bento_box\">\n            <div class=\"bento_box_top\">\n                <h1 class=\"title_b1\">A unique project of its kind<\/h1>\n            <\/div>\n\n            <div class=\"bento_box_1_bottom\">\n                <div class=\"bento_box_1_bottom_left\">\n                     <p class=\"txt_p1\">\n                       The show Beethoven Wars: A Battle for Peace is built around two of Beethoven\u2019s stage works \u2014 King Stephen and The Ruins of Athens. Written in 1811 by August von Kotzebue, these pieces celebrate heroism, the rise of justice and peace in Europe, and emphasize the vital role of the arts.\n\nFor this project, the original plays have been restored, but the story is transposed into a universe beyond the Milky Way, brought to life by manga-style heroes. It still speaks of war, peace, law, and the essential place of the arts in human life. It also tells of the construction of another world \u2014 a better one.\n                    <\/p>\n                <\/div>\n\n                <div class=\"bento_box_1_bottom_right\">\n                     <img decoding=\"async\" src=\"https:\/\/beethovenwars.com\/wp-content\/uploads\/2025\/06\/Image-de-Erda365-scaled.jpg\" style=\"max-width: 100%; height: auto;\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento_box\">\n            <div class=\"bento_box_2_bottom\">\n                <div class=\"bento_box_2_bottom_left\">\n                   <img decoding=\"async\" src=\"https:\/\/beethovenwars.com\/wp-content\/uploads\/2025\/07\/10-Meilleures-Julien-Benhamou.jpg\">\n                <\/div>\n\n                <div class=\"bento_box_2_bottom_right\">\n                   <p class=\"txt_p1\">Dans sa version spectacle, la salle sera trait\u00e9e comme un lieu immersif. Sur sc\u00e8ne, une immense surface de projection particuli\u00e8rement enveloppante et une mise en sc\u00e8ne qui plonge Le Roi Stephan et Les Ruines d&rsquo;Ath\u00e8nes dans l&rsquo;univers du Manga.  En effet, le Manga pr\u00e9sente bien souvent des visions exacerb\u00e9es du bien et du mal ainsi que des cr\u00e9atures fantastiques et mythologiques, dans un contexte souvent romantique.  Quant aux profils h\u00e9ro\u00efques, id\u00e9alistes et lumineux des personnages manga, ils r\u00e9sonnent tr\u00e8s fortement avec la figure de Beethoven, les histoires et espoirs de son si\u00e8cle.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"bento_box_top\">\n                <h1>An ambitious and innovative project reaching out to new audiences<\/h1>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n\n<!-- \/wp:post-content --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->","protected":false},"excerpt":{"rendered":"<p>Un projet unique en son genre Le spectacle Beethoven Wars, un combat pour la paix est b\u00e2ti autour de deux \u0153uvres de musique de sc\u00e8ne de Beethoven &#8211; Le Roi [&hellip;]<\/p>","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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":37,"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/636"}],"wp:attachment":[{"href":"https:\/\/beethovenwars.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}