{"id":223,"date":"2022-01-19T17:09:14","date_gmt":"2022-01-19T16:09:14","guid":{"rendered":"http:\/\/magic-on.fr\/?page_id=223"},"modified":"2025-02-21T09:53:36","modified_gmt":"2025-02-21T08:53:36","slug":"systeme-interactif","status":"publish","type":"page","link":"https:\/\/magic-on.fr\/?page_id=223","title":{"rendered":"DISPOSITIFS INTERACTIFS"},"content":{"rendered":"<div data-colibri-id=\"223-c1\" class=\"style-644 style-local-223-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"223-c2\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-645 style-local-223-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <!---->\n      <div data-colibri-id=\"223-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-902 style-local-223-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-903-outer style-local-223-c4-outer\">\n            <div data-colibri-id=\"223-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-903 style-local-223-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"223-c5\" class=\"style-904 style-local-223-c5 position-relative h-element\">\n                  <!---->\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"223-c8\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-1228 style-local-223-c8 h-hide-md h-hide-sm position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1124-outer style-local-223-c9-outer\">\n            <div data-colibri-id=\"223-c9\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-1124 style-local-223-c9 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-810-outer style-local-223-c10-outer\">\n            <div data-colibri-id=\"223-c10\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-810 style-local-223-c10 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"223-c11\" class=\"h-lead h-text h-text-component style-808 style-local-223-c11 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <h3><span style=\"font-family: Muli; color: rgb(255, 255, 255);\"><br><br>Tableaux et miroirs interactifs.<\/span><\/h3>\n                    <p>\n                      <br>\n                    <\/p>\n                    <p>Nos tableaux et miroirs interactifs ont plusieurs types d&rsquo;interactions possibles. Ils peuvent&nbsp;animer votre lieux ou faire partie int\u00e9grante d&rsquo;une aventure.<\/p>\n                    <p>Nous travaillons l&rsquo;int\u00e9gration de ces \u00e9l\u00e9ments dans votre d\u00e9cor, afin de les rendre indiscernables d&rsquo;un objet authentique.<\/p>\n                    <p>\n                      <br>\n                    <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"223-c44\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-646 style-local-223-c44 h-hide-lg position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1124-outer style-local-223-c45-outer\">\n            <div data-colibri-id=\"223-c45\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-1124 style-local-223-c45 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"223-c47\" class=\"h-lead h-text h-text-component style-808 style-local-223-c47 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <h3><span style=\"font-family: Muli; color: rgb(255, 255, 255);\"><br><br>Tableaux et miroirs interactifs.<\/span><\/h3>\n                    <p>\n                      <br>\n                    <\/p>\n                    <p>Nos tableaux et miroirs interactifs ont plusieurs types d&rsquo;interactions possibles. Ils peuvent&nbsp;animer votre lieux ou faire partie int\u00e9grante d&rsquo;une aventure.<\/p>\n                    <p>Nous travaillons l&rsquo;int\u00e9gration de ces \u00e9l\u00e9ments dans votre d\u00e9cor, afin de les rendre indiscernables d&rsquo;un objet authentique.<\/p>\n                    <p>\n                      <br>\n                    <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-810-outer style-local-223-c46-outer\">\n            <div data-colibri-id=\"223-c46\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-810 style-local-223-c46 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-component=\"slider\" data-colibri-id=\"223-c12\" class=\"h-slider d-flex style-1108 style-local-223-c12 position-relative\">\n        <!---->\n        <div class=\"swiper-container h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-3 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 h-overflow-hidden\">\n          <div class=\"swiper-wrapper h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-3 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3\">\n            <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-1109-outer style-local-223-c13-outer\">\n              <div data-colibri-id=\"223-c13\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1109 style-local-223-c13 position-relative\">\n                <!---->\n                <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                  <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                    <!---->\n                    <div data-colibri-component=\"video\" data-colibri-id=\"223-c14\" class=\"d-block h-video d-block h-video style-649 style-local-223-c14 position-relative h-element\">\n                      <!---->\n                      <!---->\n                      <div class=\"video-container position-relative\">\n                        <div class=\"h-global-transition-all ratio-inner\"><iframe src=https:\/\/www.youtube.com\/embed\/EpJDr_-yyP4?autoplay=0&#038;mute=0&#038;modestbranding=0&#038;rel=0&#038;enablejsapi=1&#038; class='h-video-main'  allowfullscreen><\/iframe><\/div>\n                      <\/div>\n                    <\/div>\n                    <div data-colibri-id=\"223-c16\" class=\"h-global-transition-all h-heading style-1113 style-local-223-c16 position-relative h-element\">\n                      <!---->\n                      <div class=\"h-heading__outer style-1113 style-local-223-c16\">\n                        <!---->\n                        <!---->\n                        <h5 class=\"\"><span style=\"color: rgb(255, 255, 255); font-family: Muli;\">La dame du peintre<br> Tableau interactif.<\/span><\/h5>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-1129-outer style-local-223-c17-outer\">\n              <div data-colibri-id=\"223-c17\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1129 style-local-223-c17 position-relative\">\n                <!---->\n                <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                  <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                    <!---->\n                    <div data-colibri-component=\"video\" data-colibri-id=\"223-c18\" class=\"d-block h-video d-block h-video style-1130 style-local-223-c18 position-relative h-element\">\n                      <!---->\n                      <!---->\n                      <div class=\"video-container position-relative\">\n                        <div class=\"h-global-transition-all ratio-inner\"><iframe src=https:\/\/www.youtube.com\/embed\/kDjn8kWTcIE?autoplay=0&#038;mute=0&#038;modestbranding=0&#038;rel=0&#038;enablejsapi=1&#038; class='h-video-main'  allowfullscreen><\/iframe><\/div>\n                      <\/div>\n                    <\/div>\n                    <div data-colibri-id=\"223-c20\" class=\"h-global-transition-all h-heading style-1132 style-local-223-c20 position-relative h-element\">\n                      <!---->\n                      <div class=\"h-heading__outer style-1132 style-local-223-c20\">\n                        <!---->\n                        <!---->\n                        <h5 class=\"\"><span style=\"color: rgb(255, 255, 255); font-family: Muli;\">Making Of<br> Tableau interactif.<\/span><\/h5>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"resize-triggers\">\n            <div class=\"expand-trigger\">\n              <div style=\"width: 1px; height: 1px;\"><\/div>\n            <\/div>\n            <div class=\"contract-trigger\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-swiper-dots__outer justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-end align-items-md-end align-items-end style-1118-positionWrapper style-local-223-c25-positionWrapper h-element\">\n          <div data-colibri-id=\"223-c25\" class=\"h-swiper-dots__wrapper style-1118 style-local-223-c25 position-relative\">\n            <!---->\n            <div id=\"swiper-pagination__223-c12\" class=\"h-swiper-dots swiper-pagination d-flex swiper-pagination-clickable swiper-pagination-bullets\"><\/div>\n            <div><\/div>\n          <\/div>\n        <\/div>\n        <div data-colibri-id=\"223-c21\" class=\"h-swiper-arrow__outer justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-center align-items-md-center align-items-center style-1115 style-local-223-c21 position-relative h-element\">\n          <!---->\n          <div id=\"swiper-arrow__223-c21\" class=\"h-swiper-arrow h-slider-navigation-arrow swiper-button-prev\">\n            <div data-colibri-id=\"223-c22\" class=\"h-icon style-1116 style-local-223-c22 position-relative h-element\">\n              <!----><span class=\"h-svg-icon h-icon__icon style-1116-icon style-local-223-c22-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"chevron-left\" viewBox=\"0 0 1289.1823 1896.0833\">\n      <path d=\"M1171 301L640 832l531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19L173 877q-19-19-19-45t19-45L915 45q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z\"><\/path>\n    <\/svg><\/span><\/div>\n          <\/div>\n        <\/div>\n        <div data-colibri-id=\"223-c23\" class=\"h-swiper-arrow__outer justify-content-lg-end justify-content-md-end justify-content-end align-items-lg-center align-items-md-center align-items-center style-1117 style-local-223-c23 position-relative h-element\">\n          <!---->\n          <div id=\"swiper-arrow__223-c23\" class=\"h-swiper-arrow h-slider-navigation-arrow swiper-button-next\">\n            <div data-colibri-id=\"223-c24\" class=\"h-icon style-1116 style-local-223-c24 position-relative h-element\">\n              <!----><span class=\"h-svg-icon h-icon__icon style-1116-icon style-local-223-c24-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"chevron-right\" viewBox=\"0 0 1280 1896.0833\">\n      <path d=\"M1107 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45L275 45q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z\"><\/path>\n    <\/svg><\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"223-c26\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-1229 style-local-223-c26 h-hide-md h-hide-sm position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1126-outer style-local-223-c27-outer\">\n            <div data-colibri-id=\"223-c27\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1126 style-local-223-c27 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"223-c28\" class=\"h-lead h-text h-text-component style-1128 style-local-223-c28 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <h3><span style=\"color: rgb(255, 255, 255); font-family: Muli;\"><br><br>Projections Holographiques.<\/span><\/h3>\n                    <p><span style=\"font-family: Muli;\">L&rsquo; hologramme s\u2019invite dans vos show et lieux immersifs. Qu\u2019il soit simplement d\u00e9coratif ou interactif, celui-ci peut maintenant faire partie int\u00e9grante de votre sc\u00e9nario.<\/span>\n                      <br>\n                      <br>Notre exp\u00e9rience dans les techniques de projection nous permet de vous proposer la meilleur illusion possible, de la conception \u00e0 l&rsquo;installation dans vos d\u00e9cors.\n                      <br>\n                      <br>\n                      <br>\n                    <\/p>\n                    <p>\n                      <br>\n                    <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1127-outer style-local-223-c29-outer\">\n            <div data-colibri-id=\"223-c29\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1127 style-local-223-c29 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"223-c48\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-1125 style-local-223-c48 h-hide-lg position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1126-outer style-local-223-c49-outer\">\n            <div data-colibri-id=\"223-c49\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1126 style-local-223-c49 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"223-c50\" class=\"h-lead h-text h-text-component style-1128 style-local-223-c50 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <h3><span style=\"color: rgb(255, 255, 255); font-family: Muli;\"><br><br>Projections Holographiques.<\/span><\/h3>\n                    <p><span style=\"font-family: Muli;\">L&rsquo; hologramme s\u2019invite dans vos show et lieux immersifs. Qu\u2019il soit simplement d\u00e9coratif ou interactif, celui-ci peut maintenant faire partie int\u00e9grante de votre sc\u00e9nario.<\/span>\n                      <br>\n                      <br>Notre exp\u00e9rience dans les techniques de projection nous permet de vous proposer la meilleur illusion possible, de la conception \u00e0 l&rsquo;installation dans vos d\u00e9cors.\n                      <br>\n                      <br>\n                      <br>\n                    <\/p>\n                    <p>\n                      <br>\n                    <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1127-outer style-local-223-c51-outer\">\n            <div data-colibri-id=\"223-c51\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1127 style-local-223-c51 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-component=\"slider\" data-colibri-id=\"223-c30\" class=\"h-slider d-flex style-1108 style-local-223-c30 position-relative\">\n        <!---->\n        <div class=\"swiper-container h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-3 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 h-overflow-hidden\">\n          <div class=\"swiper-wrapper h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-3 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3\">\n            <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-1109-outer style-local-223-c31-outer\">\n              <div data-colibri-id=\"223-c31\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1109 style-local-223-c31 position-relative\">\n                <!---->\n                <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                  <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                    <!---->\n                    <div data-colibri-component=\"video\" data-colibri-id=\"223-c32\" class=\"d-block h-video d-block h-video style-965 style-local-223-c32 position-relative h-element\">\n                      <!---->\n                      <!---->\n                      <div class=\"video-container position-relative\">\n                        <div class=\"h-global-transition-all ratio-inner\"><iframe src=https:\/\/www.youtube.com\/embed\/T2pF4gATs4o?autoplay=0&#038;mute=0&#038;modestbranding=0&#038;rel=0&#038;enablejsapi=1&#038; class='h-video-main'  allowfullscreen><\/iframe><\/div>\n                      <\/div>\n                    <\/div>\n                    <div data-colibri-id=\"223-c34\" class=\"h-global-transition-all h-heading style-1113 style-local-223-c34 position-relative h-element\">\n                      <!---->\n                      <div class=\"h-heading__outer style-1113 style-local-223-c34\">\n                        <!---->\n                        <!---->\n                        <h5 class=\"\"><span style=\"color: rgb(255, 255, 255); font-family: Muli;\">Mike le petit fant\u00f4me <br>Hologramme et m\u00e9canismes interactifs.<\/span><\/h5>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-1109-outer style-local-223-c35-outer\">\n              <div data-colibri-id=\"223-c35\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1109 style-local-223-c35 position-relative\">\n                <!---->\n                <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                  <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                    <!---->\n                    <div data-colibri-component=\"video\" data-colibri-id=\"223-c36\" class=\"d-block h-video d-block h-video style-959 style-local-223-c36 position-relative h-element\">\n                      <!---->\n                      <!---->\n                      <div class=\"video-container position-relative\">\n                        <div class=\"h-global-transition-all ratio-inner\"><iframe src=https:\/\/www.youtube.com\/embed\/UeypjPKV0ng?autoplay=0&#038;mute=0&#038;modestbranding=0&#038;rel=0&#038;enablejsapi=1&#038; class='h-video-main'  allowfullscreen><\/iframe><\/div>\n                      <\/div>\n                    <\/div>\n                    <div data-colibri-id=\"223-c38\" class=\"h-global-transition-all h-heading style-1113 style-local-223-c38 position-relative h-element\">\n                      <!---->\n                      <div class=\"h-heading__outer style-1113 style-local-223-c38\">\n                        <!---->\n                        <!---->\n                        <h5 class=\"\"><span style=\"color: rgb(255, 255, 255); font-family: Muli;\">L&rsquo;illusionniste <br>Projection holographique sc\u00e9nographique.<\/span><\/h5>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"resize-triggers\">\n            <div class=\"expand-trigger\">\n              <div style=\"width: 1px; height: 1px;\"><\/div>\n            <\/div>\n            <div class=\"contract-trigger\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-swiper-dots__outer justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-end align-items-md-end align-items-end style-1118-positionWrapper style-local-223-c43-positionWrapper h-element\">\n          <div data-colibri-id=\"223-c43\" class=\"h-swiper-dots__wrapper style-1118 style-local-223-c43 position-relative\">\n            <!---->\n            <div id=\"swiper-pagination__223-c30\" class=\"h-swiper-dots swiper-pagination d-flex swiper-pagination-clickable swiper-pagination-bullets\"><\/div>\n            <div><\/div>\n          <\/div>\n        <\/div>\n        <div data-colibri-id=\"223-c39\" class=\"h-swiper-arrow__outer justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-center align-items-md-center align-items-center style-1115 style-local-223-c39 position-relative h-element\">\n          <!---->\n          <div id=\"swiper-arrow__223-c39\" class=\"h-swiper-arrow h-slider-navigation-arrow swiper-button-prev\">\n            <div data-colibri-id=\"223-c40\" class=\"h-icon style-1116 style-local-223-c40 position-relative h-element\">\n              <!----><span class=\"h-svg-icon h-icon__icon style-1116-icon style-local-223-c40-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"chevron-left\" viewBox=\"0 0 1289.1823 1896.0833\">\n      <path d=\"M1171 301L640 832l531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19L173 877q-19-19-19-45t19-45L915 45q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z\"><\/path>\n    <\/svg><\/span><\/div>\n          <\/div>\n        <\/div>\n        <div data-colibri-id=\"223-c41\" class=\"h-swiper-arrow__outer justify-content-lg-end justify-content-md-end justify-content-end align-items-lg-center align-items-md-center align-items-center style-1117 style-local-223-c41 position-relative h-element\">\n          <!---->\n          <div id=\"swiper-arrow__223-c41\" class=\"h-swiper-arrow h-slider-navigation-arrow swiper-button-next\">\n            <div data-colibri-id=\"223-c42\" class=\"h-icon style-1116 style-local-223-c42 position-relative h-element\">\n              <!----><span class=\"h-svg-icon h-icon__icon style-1116-icon style-local-223-c42-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"chevron-right\" viewBox=\"0 0 1280 1896.0833\">\n      <path d=\"M1107 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45L275 45q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z\"><\/path>\n    <\/svg><\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Tableaux et miroirs interactifs. Nos tableaux et miroirs interactifs ont plusieurs types d&rsquo;interactions possibles. Ils peuvent&nbsp;animer votre lieux ou faire partie int\u00e9grante d&rsquo;une aventure. Nous travaillons l&rsquo;int\u00e9gration de ces \u00e9l\u00e9ments dans votre d\u00e9cor, afin de les rendre indiscernables d&rsquo;un objet authentique. Tableaux et miroirs interactifs. Nos tableaux et miroirs interactifs ont plusieurs types d&rsquo;interactions possibles. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/magic-on.fr\/index.php?rest_route=\/wp\/v2\/pages\/223"}],"collection":[{"href":"https:\/\/magic-on.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magic-on.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magic-on.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magic-on.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=223"}],"version-history":[{"count":17,"href":"https:\/\/magic-on.fr\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":1621,"href":"https:\/\/magic-on.fr\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions\/1621"}],"wp:attachment":[{"href":"https:\/\/magic-on.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}