{"id":1095,"date":"2026-10-21T19:39:23","date_gmt":"2026-10-21T19:39:23","guid":{"rendered":"https:\/\/kemasug.com\/?page_id=1095"},"modified":"2026-10-23T13:17:15","modified_gmt":"2026-10-23T13:17:15","slug":"entrez-dans-les-coulisses-de-kemasug","status":"publish","type":"page","link":"https:\/\/kemasug.com\/?page_id=1095","title":{"rendered":"Entrez dans les coulisses de KEMASUG"},"content":{"rendered":"\r\n        <section id=\"kemasug-coulisses-1\" class=\"kc-wrap\">\r\n\r\n            <style>\r\n                #kemasug-coulisses-1 {\r\n                    --kc-bg: #080808;\r\n                    --kc-card: #151515;\r\n                    --kc-text: #ffffff;\r\n                    --kc-muted: #bdbdbd;\r\n                    --kc-accent: #e50914;\r\n\r\n                    width: 100%;\r\n                    color: var(--kc-text);\r\n                    font-family: Arial, Helvetica, sans-serif;\r\n                    box-sizing: border-box;\r\n                }\r\n\r\n                #kemasug-coulisses-1 *,\r\n                #kemasug-coulisses-1 *::before,\r\n                #kemasug-coulisses-1 *::after {\r\n                    box-sizing: border-box;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-heading {\r\n                    margin: 0 0 8px;\r\n                    font-size: clamp(24px, 3vw, 36px);\r\n                    font-weight: 800;\r\n                    line-height: 1.2;\r\n                    color: var(--kc-text);\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-subtitle {\r\n                    margin: 0 0 24px;\r\n                    color: var(--kc-muted);\r\n                    font-size: 15px;\r\n                    line-height: 1.6;\r\n                }\r\n\r\n                \/* Catalogue horizontal *\/\r\n                #kemasug-coulisses-1 .kc-row {\r\n                    display: flex;\r\n                    flex-wrap: nowrap;\r\n                    align-items: stretch;\r\n                    gap: 22px;\r\n                    width: 100%;\r\n                    overflow-x: auto;\r\n                    overflow-y: hidden;\r\n                    padding: 4px 2px 18px;\r\n                    scroll-snap-type: x mandatory;\r\n                    -webkit-overflow-scrolling: touch;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-row::-webkit-scrollbar {\r\n                    height: 6px;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-row::-webkit-scrollbar-thumb {\r\n                    background: #444;\r\n                    border-radius: 20px;\r\n                }\r\n\r\n                \/* Affiche verticale *\/\r\n                #kemasug-coulisses-1 .kc-card {\r\n                    flex: 0 0 205px;\r\n                    width: 205px;\r\n                    min-width: 0;\r\n                    overflow: hidden;\r\n                    border-radius: 12px;\r\n                    background: var(--kc-card);\r\n                    scroll-snap-align: start;\r\n                    transition: transform .25s ease, box-shadow .25s ease;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-card:hover {\r\n                    transform: translateY(-5px);\r\n                    box-shadow: 0 10px 28px rgba(0, 0, 0, .4);\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-poster {\r\n                    display: block;\r\n                    width: 100%;\r\n                    height: auto;\r\n                    aspect-ratio: 2 \/ 3;\r\n                    object-fit: cover;\r\n                    object-position: center;\r\n                    background: #222;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-card-info {\r\n                    padding: 13px;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-card-title {\r\n                    margin: 0 0 7px;\r\n                    font-size: 17px;\r\n                    line-height: 1.3;\r\n                    font-weight: 800;\r\n                    color: #fff;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-meta {\r\n                    display: flex;\r\n                    flex-wrap: wrap;\r\n                    gap: 6px;\r\n                    margin-bottom: 10px;\r\n                    color: #ccc;\r\n                    font-size: 12px;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-tag {\r\n                    display: inline-block;\r\n                    padding: 4px 7px;\r\n                    border: 1px solid #444;\r\n                    border-radius: 4px;\r\n                    color: #eee;\r\n                    font-size: 11px;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-description {\r\n                    margin: 0;\r\n                    color: #c7c7c7;\r\n                    font-size: 13px;\r\n                    line-height: 1.55;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-button {\r\n                    display: inline-flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    width: 100%;\r\n                    min-height: 42px;\r\n                    padding: 10px 12px;\r\n                    border: 0;\r\n                    border-radius: 6px;\r\n                    background: var(--kc-accent);\r\n                    color: #fff;\r\n                    font-size: 14px;\r\n                    font-weight: 700;\r\n                    text-align: center;\r\n                    text-decoration: none;\r\n                    cursor: pointer;\r\n                    transition: background .2s ease;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-button:hover {\r\n                    background: #b80710;\r\n                    color: #fff;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-details {\r\n                    margin-top: 28px;\r\n                    padding: 22px;\r\n                    border: 1px solid #292929;\r\n                    border-radius: 12px;\r\n                    background: #111;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-details[hidden] {\r\n                    display: none !important;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-details-grid {\r\n                    display: grid;\r\n                    grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);\r\n                    align-items: start;\r\n                    gap: 26px;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-details-poster {\r\n                    display: block;\r\n                    width: 100%;\r\n                    height: auto;\r\n                    aspect-ratio: 2 \/ 3;\r\n                    object-fit: cover;\r\n                    border-radius: 9px;\r\n                    background: #222;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-details-title {\r\n                    margin: 0 0 12px;\r\n                    color: #fff;\r\n                    font-size: clamp(24px, 3vw, 34px);\r\n                    line-height: 1.2;\r\n                    font-weight: 800;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-details-text {\r\n                    margin: 0 0 14px;\r\n                    color: #ddd;\r\n                    font-size: 15px;\r\n                    line-height: 1.7;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-player {\r\n                    width: 100%;\r\n                    margin-top: 22px;\r\n                    overflow: hidden;\r\n                    border-radius: 10px;\r\n                    background: #000;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-player video {\r\n                    display: block;\r\n                    width: 100%;\r\n                    max-height: 75vh;\r\n                    aspect-ratio: 16 \/ 9;\r\n                    background: #000;\r\n                }\r\n\r\n                #kemasug-coulisses-1 .kc-player[hidden] {\r\n                    display: none !important;\r\n                }\r\n\r\n                @media (max-width: 600px) {\r\n                    #kemasug-coulisses-1 .kc-heading {\r\n                        font-size: 25px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-row {\r\n                        gap: 14px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-card {\r\n                        flex-basis: 155px;\r\n                        width: 155px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-card-info {\r\n                        padding: 10px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-card-title {\r\n                        font-size: 15px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-details {\r\n                        padding: 15px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-details-grid {\r\n                        grid-template-columns: minmax(0, 1fr);\r\n                        gap: 18px;\r\n                    }\r\n\r\n                    #kemasug-coulisses-1 .kc-details-poster {\r\n                        width: min(100%, 260px);\r\n                        margin: 0 auto;\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <h2 class=\"kc-heading\"> <\/h2>\r\n\r\n            <p class=\"kc-subtitle\">\r\n               \r\n            <\/p>\r\n\r\n            <div class=\"kc-row\">\r\n\r\n                <article class=\"kc-card\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"kc-poster\"\r\n                        src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/10\/Double-vie.png\"\r\n                        alt=\"Affiche de Double Vie\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"kc-card-info\">\r\n\r\n                        <h3 class=\"kc-card-title\">\r\n                           Les Coulisses de Kemasug\r\n                        <\/h3>\r\n\r\n                        <div class=\"kc-meta\">\r\n                            <span class=\"kc-tag\">2026<\/span>\r\n                            <span class=\"kc-tag\">13+<\/span>\r\n                            <span class=\"kc-tag\">S\u00e9rie<\/span>\r\n                        <\/div>\r\n\r\n                        <p class=\"kc-description\">\r\n                            Des adolescents affrontent leur destin face \u00e0 de faux comptes Instagram qui menacent de les faire chanter.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n            <section class=\"kc-details\" hidden>\r\n\r\n                <div class=\"kc-details-grid\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"kc-details-poster\"\r\n                        src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/10\/Double-vie.png\"\r\n                        alt=\"Affiche de Double Vie\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div>\r\n\r\n                        <h2 class=\"kc-details-title\">\r\n                           Les coulisses de Kemasug\r\n                        <\/h2>\r\n\r\n                        <div class=\"kc-meta\">\r\n                            <span class=\"kc-tag\">2026<\/span>\r\n                            <span class=\"kc-tag\">13+<\/span>\r\n                            <span class=\"kc-tag\">S\u00e9rie d'ados<\/span>\r\n                            <span class=\"kc-tag\">Drame<\/span>\r\n                            <span class=\"kc-tag\">Intense<\/span>\r\n                        <\/div>\r\n\r\n                        <p class=\"kc-details-text\">\r\n                            Les adolescents affrontent leur destin face \u00e0 de faux comptes Instagram qui les menacent de les faire chanter.\r\n                        <\/p>\r\n\r\n                        <p class=\"kc-details-text\">\r\n                            <strong>Distribution :<\/strong>\r\n                            R\u00e9gina, Leyla, Ezekiah, Alvine, Kimberly, Matteo\r\n                        <\/p>\r\n\r\n                        <p class=\"kc-details-text\">\r\n                            <strong>R\u00e9alisatrice :<\/strong> Emilie<br>\r\n                            <strong>Producteur :<\/strong> Gad KAMKOUMI NANA\r\n                        <\/p>\r\n\r\n                        <button type=\"button\" class=\"kc-button kc-watch\">\r\n                            \u25b6 Regarder Double Vie\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"kc-player\" hidden>\r\n\r\n                    <video controls playsinline preload=\"metadata\">\r\n                        <source\r\n                            src=\"https:\/\/d2g93jp2bipg86.cloudfront.net\/Coulisse%20Kemasug\/DOUBLEVIE.mov\"\r\n                            type=\"video\/quicktime\"\r\n                        >\r\n                        Votre navigateur ne peut pas lire cette vid\u00e9o.\r\n                    <\/video>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n            <script>\r\n                (function () {\r\n\r\n                    const root = document.getElementById(\r\n                        \"kemasug-coulisses-1\"                    );\r\n\r\n                    if (!root) return;\r\n\r\n                    const card = root.querySelector('.kc-card');\r\n                    const details = root.querySelector('.kc-details');\r\n                    const watchButton = root.querySelector('.kc-watch');\r\n                    const player = root.querySelector('.kc-player');\r\n                    const video = root.querySelector('video');\r\n\r\n                    \/* Ouvrir les d\u00e9tails en cliquant sur l'affiche *\/\r\n                    card.style.cursor = 'pointer';\r\n\r\n                    card.addEventListener('click', function () {\r\n\r\n                        details.hidden = !details.hidden;\r\n\r\n                        if (!details.hidden) {\r\n                            details.scrollIntoView({\r\n                                behavior: 'smooth',\r\n                                block: 'start'\r\n                            });\r\n                        } else {\r\n                            player.hidden = true;\r\n                            video.pause();\r\n                        }\r\n\r\n                    });\r\n\r\n                    \/* Lecture de la vid\u00e9o *\/\r\n                    watchButton.addEventListener('click', function () {\r\n\r\n                        player.hidden = false;\r\n\r\n                        player.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'center'\r\n                        });\r\n\r\n                        const playPromise = video.play();\r\n\r\n                        if (playPromise && typeof playPromise.catch === 'function') {\r\n                            playPromise.catch(function () {\r\n                                \/\/ Un clic suppl\u00e9mentaire peut \u00eatre n\u00e9cessaire selon le navigateur.\r\n                            });\r\n                        }\r\n\r\n                    });\r\n\r\n                    video.addEventListener('error', function () {\r\n                        console.warn(\r\n                            'La vid\u00e9o Double Vie n\u2019a pas pu \u00eatre charg\u00e9e. V\u00e9rifiez son URL CloudFront.'\r\n                        );\r\n                    });\r\n\r\n                })();\r\n            <\/script>\r\n\r\n        <\/section>\r\n\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1095","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages\/1095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kemasug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1095"}],"version-history":[{"count":4,"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages\/1095\/revisions"}],"predecessor-version":[{"id":1114,"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages\/1095\/revisions\/1114"}],"wp:attachment":[{"href":"https:\/\/kemasug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}