{"id":1604,"date":"2026-06-17T20:41:54","date_gmt":"2026-06-17T20:41:54","guid":{"rendered":"https:\/\/kemasug.com\/?page_id=1604"},"modified":"2026-06-18T23:08:27","modified_gmt":"2026-06-18T23:08:27","slug":"accueil-2","status":"publish","type":"page","link":"https:\/\/kemasug.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>KEMASUG<\/title>\n\n<style>\n\n\/* ================= RESET ================= *\/\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:Arial;\n}\n\nbody{\nbackground:#0b0b0b;\ncolor:white;\noverflow-x:hidden;\n}\n\n\/* ================= HEADER ================= *\/\nheader{\nposition:fixed;\ntop:0;\nleft:0;\nwidth:100%;\nbackground:rgba(0,0,0,0.95);\ndisplay:flex;\njustify-content:space-between;\nalign-items:center;\npadding:10px 15px;\nz-index:1000;\nbackdrop-filter:blur(10px);\n}\n\n.logo{\ncolor:#e50914;\nfont-weight:bold;\nfont-size:20px;\n}\n\n.menu{\ndisplay:flex;\ngap:12px;\nalign-items:center;\nflex-wrap:wrap;\n}\n\n.menu a{\ncolor:white;\ntext-decoration:none;\nfont-size:12px;\nopacity:0.8;\n}\n\n.menu a:hover{\ncolor:#e50914;\nopacity:1;\n}\n\n.search{\npadding:6px 10px;\nborder:none;\nborder-radius:6px;\nbackground:#1a1a1a;\ncolor:white;\nwidth:140px;\n}\n\n\/* ================= HERO ================= *\/\n.hero{\nmargin-top:60px;\nheight:65vh;\nbackground:url('https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Lesagentsconfidentiels.png') center\/cover no-repeat;\ndisplay:flex;\nalign-items:flex-end;\npadding:30px;\nposition:relative;\n}\n\n.hero::before{\ncontent:\"\";\nposition:absolute;\ninset:0;\nbackground:linear-gradient(to top,#000,transparent);\n}\n\n.hero-content{\nposition:relative;\nmax-width:500px;\n}\n\n.hero h1{font-size:28px;margin-bottom:10px;}\n.hero p{font-size:13px;opacity:0.8;margin-bottom:10px;}\n\n.btn{\nbackground:#e50914;\nborder:none;\npadding:10px 14px;\ncolor:white;\nfont-weight:bold;\nborder-radius:6px;\ncursor:pointer;\n}\n\n\/* ================= SECTION ================= *\/\n.section{\npadding:20px;\n}\n\n.section h2{\nfont-size:15px;\nmargin-bottom:10px;\nborder-left:3px solid #e50914;\npadding-left:8px;\n}\n\n\/* ================= ROW ================= *\/\n.row{\ndisplay:flex;\ngap:12px;\noverflow-x:auto;\npadding-bottom:10px;\n}\n\n.row::-webkit-scrollbar{display:none;}\n\n\/* ================= CARD ================= *\/\n.card{\nmin-width:160px;\nbackground:#141414;\nborder-radius:8px;\noverflow:hidden;\ncursor:pointer;\nflex-shrink:0;\ntransition:0.3s;\n}\n\n.card:hover{transform:scale(1.05);}\n\n.card img{\nwidth:100%;\nheight:110px;\nobject-fit:cover;\n}\n\n.card-title{\nfont-size:12px;\npadding:6px;\ncolor:#e50914;\n}\n\n.card-info{\nfont-size:10px;\npadding:0 6px 6px;\ncolor:#aaa;\n}\n\n\/* ================= PLAYER ================= *\/\n.player{\ndisplay:none;\nposition:fixed;\ninset:0;\nbackground:black;\nz-index:99999;\njustify-content:center;\nalign-items:center;\n}\n\n#videoPlayer{\nwidth:100%;\nheight:100%;\nobject-fit:contain;\n}\n\n.close{\nposition:absolute;\ntop:15px;\nright:15px;\nwidth:40px;\nheight:40px;\nborder-radius:50%;\nbackground:rgba(0,0,0,0.6);\ncolor:white;\nfont-size:22px;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\ncursor:pointer;\nz-index:100000;\n}\n\n\/* ================= MOBILE ================= *\/\n@media(max-width:768px){\n.hero{height:50vh;padding:20px;}\n.hero h1{font-size:20px;}\n.search{width:100px;}\n.card{min-width:130px;}\n.menu a{font-size:11px;}\n}\n\n<\/style>\n\n\n\n\n<!-- ================= HEADER ================= -->\n<header>\n<div class=\"logo\">KEMASUG<\/div>\n<div class=\"menu\">\n<a href=\"#\">Accueil<\/a>\n<a href=\"#continue\">Continue<\/a>\n<a href=\"#only\">Exclusif<\/a>\n<a href=\"#action\">Action<\/a>\n<a href=\"#romance\">Romance<\/a>\n<a href=\"#series\">S\u00e9ries<\/a>\n<input class=\"search\" placeholder=\"Rechercher...\">\n<\/div>\n<\/header>\n\n<!-- ================= HERO ================= -->\n<div class=\"hero\">\n<div class=\"hero-content\">\n<h1>Les Agents Confidentiels<\/h1>\n<p>Une guerre secr\u00e8te mondiale commence dans l\u2019ombre.<\/p>\n<button class=\"btn\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/science-fiction\/agentconfidentiel.mp4')\">\u25b6 Regarder<\/button>\n<\/div>\n<\/div>\n\n<!-- ================= Films d'Actions ================= -->\n<div class=\"section\" id=\"continue\">\n<h2>Actions<\/h2>\n\n<div class=\"kemasug-row\">\n\n    <!-- FILM 1 -->\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/films\/LaFayette.mp4')\">\n\n        <div class=\"k-logo\">K<\/div>\n\n        <div class=\"poster-container\">\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Lafayette.jpg\">\n        <\/div>\n\n        <div class=\"info\">\n            <div class=\"description\">Une guerre historique entre loyaut\u00e9 et libert\u00e9.<\/div>\n            <div class=\"details\">\n                <div><strong>Film :<\/strong> La Fayette<\/div>\n                <div><strong>Producteur :<\/strong> KEMASUG<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- FILM 2 -->\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/films\/lesprofondeur.mp4')\">\n\n        <div class=\"k-logo\">K<\/div>\n\n        <div class=\"poster-container\">\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/lesprofondeurs.jpg\">\n        <\/div>\n\n        <div class=\"info\">\n            <div class=\"description\">Un myst\u00e8re sombre enfoui sous la peur humaine.<\/div>\n            <div class=\"details\">\n                <div><strong>Film :<\/strong> Les Profondeurs<\/div>\n                <div><strong>Producteur :<\/strong> KEMASUG<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<\/div>\n\n<!-- ================= STYLE ================= -->\n<style>\n.kemasug-row{\n    display:flex;\n    gap:10px;\n    overflow-x:auto;\n    padding:10px;\n}\n\n.kemasug-card{\n    flex:0 0 160px;\n    background:#111;\n    border-radius:12px;\n    overflow:hidden;\n    cursor:pointer;\n    transition:.2s;\n    box-shadow:0 8px 20px rgba(0,0,0,.5);\n}\n\n.kemasug-card:hover{\n    transform:scale(1.04);\n}\n\n.poster-container{\n    position:relative;\n    width:100%;\n    height:90px;\n    overflow:hidden;\n}\n\n.poster{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.k-logo{\n    position:absolute;\n    top:5px;\n    left:5px;\n    font-size:14px;\n    font-weight:900;\n    color:#e50914;\n}\n\n.info{\n    padding:6px 8px;\n    background:#111;\n}\n\n.description{\n    font-size:9px;\n    color:#cfcfcf;\n}\n\n.details{\n    font-size:8px;\n    color:#9c9c9c;\n}\n\n.details strong{\n    color:white;\n}\n<\/style>\n\n<!-- ================= PLAYER UNIQUE ================= -->\n<div id=\"player\" class=\"player\">\n    <button class=\"close\" onclick=\"closePlayer()\">\u2715<\/button>\n    <video id=\"videoPlayer\" controls=\"\" autoplay=\"\"><\/video>\n<\/div>\n\n<style>\n.player{\n    display:none;\n    position:fixed;\n    inset:0;\n    background:black;\n    z-index:99999;\n    justify-content:center;\n    align-items:center;\n}\n\n#videoPlayer{\n    width:100%;\n    height:100%;\n    object-fit:contain;\n}\n\n.close{\n    position:absolute;\n    top:15px;\n    right:15px;\n    width:40px;\n    height:40px;\n    border-radius:50%;\n    background:rgba(0,0,0,0.6);\n    color:white;\n    font-size:22px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n}\n<\/style>\n\n<!-- ================= SCRIPT PLAYER ================= -->\n<script>\n\nconst player = document.getElementById(\"player\");\nconst video = document.getElementById(\"videoPlayer\");\n\nfunction play(url){\n    player.style.display = \"flex\";\n    video.src = url;\n    video.load();\n    video.play().catch(()=>{});\n}\n\nfunction closePlayer(){\n    video.pause();\n    video.currentTime = 0;\n    video.src = \"\";\n    player.style.display = \"none\";\n}\n\n\/* ESC clavier *\/\ndocument.addEventListener(\"keydown\", (e)=>{\n    if(e.key === \"Escape\"){\n        closePlayer();\n    }\n});\n\n<\/script>\n\n<!-- ======================= GLOBAL STYLE ======================= -->\n<style>\n\nbody{\n    margin:0;\n    background:#000;\n    font-family:Arial, sans-serif;\n    color:white;\n}\n\n\/* ================= SECTION ================= *\/\n.section{\n    margin-top:10px;\n}\n\n.section h2{\n    font-size:18px;\n    font-weight:800;\n    padding:10px 15px;\n    margin:0;\n}\n\n\/* ================= ROW ================= *\/\n.kemasug-row{\n    display:flex;\n    gap:12px;\n    overflow-x:auto;\n    padding:10px 15px;\n}\n\n\/* ================= CARD ================= *\/\n.kemasug-card{\n    flex:0 0 170px;\n    background:#111;\n    border-radius:12px;\n    overflow:hidden;\n    cursor:pointer;\n    transition:.2s ease;\n    box-shadow:0 8px 20px rgba(0,0,0,.5);\n}\n\n.kemasug-card:hover{\n    transform:scale(1.05);\n}\n\n\/* ================= POSTER ================= *\/\n.poster-container{\n    position:relative;\n    width:100%;\n    height:110px;\n    overflow:hidden;\n}\n\n.poster{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n\/* K LOGO *\/\n.k-logo{\n    position:absolute;\n    top:6px;\n    left:6px;\n    background:#e50914;\n    color:white;\n    font-weight:900;\n    font-size:12px;\n    padding:2px 6px;\n    border-radius:4px;\n}\n\n\/* ================= INFO ================= *\/\n.info{\n    padding:8px;\n    background:#111;\n}\n\n.title{\n    font-size:12px;\n    font-weight:700;\n}\n\n.description{\n    font-size:9px;\n    color:#bbb;\n    margin-top:2px;\n}\n\n.details{\n    font-size:8px;\n    color:#999;\n    margin-top:5px;\n}\n\n.details strong{\n    color:white;\n}\n\n\/* ================= SCROLLBAR ================= *\/\n.kemasug-row::-webkit-scrollbar{\n    height:5px;\n}\n\n.kemasug-row::-webkit-scrollbar-thumb{\n    background:#333;\n    border-radius:10px;\n}\n\n\/* ================= PLAYER ================= *\/\n.player{\n    display:none;\n    position:fixed;\n    inset:0;\n    background:black;\n    z-index:99999;\n    justify-content:center;\n    align-items:center;\n}\n\n#videoPlayer{\n    width:100%;\n    height:100%;\n    object-fit:contain;\n}\n\n\/* CONTROLS OVERLAY *\/\n.controls{\n    position:absolute;\n    inset:0;\n    display:flex;\n    justify-content:flex-end;\n    align-items:flex-start;\n    padding:15px;\n    transition:opacity .25s ease;\n}\n\n.controls.hide{\n    opacity:0;\n    pointer-events:none;\n}\n\n.controls.show{\n    opacity:1;\n}\n\n\/* CLOSE BUTTON *\/\n.close{\n    width:42px;\n    height:42px;\n    border-radius:50%;\n    background:rgba(0,0,0,.6);\n    color:white;\n    font-size:22px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n}\n\n<\/style>\n\n<style>\n\n\/* ===== GLOBAL ===== *\/\nbody{\n    margin:0;\n    background:#000;\n    font-family:Arial;\n    color:white;\n}\n\n\/* ===== TITRES ===== *\/\n.section h2{\n    font-size:18px;\n    font-weight:800;\n    padding:10px 15px;\n    margin:0;\n}\n\n\/* ===== ROW ===== *\/\n.kemasug-row{\n    display:flex;\n    gap:12px;\n    overflow-x:auto;\n    padding:10px 15px;\n}\n\n\/* ===== CARD ===== *\/\n.kemasug-card{\n    flex:0 0 170px;\n    background:#111;\n    border-radius:12px;\n    overflow:hidden;\n    cursor:pointer;\n    transition:.2s;\n}\n\n.kemasug-card:hover{\n    transform:scale(1.05);\n}\n\n\/* ===== POSTER ===== *\/\n.poster-container{\n    position:relative;\n    height:110px;\n}\n\n.poster{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.k-logo{\n    position:absolute;\n    top:6px;\n    left:6px;\n    background:#e50914;\n    font-weight:900;\n    font-size:12px;\n    padding:2px 6px;\n    border-radius:4px;\n}\n\n\/* ===== INFO ===== *\/\n.info{\n    padding:8px;\n}\n\n.title{font-size:12px;font-weight:700;}\n.description{font-size:9px;color:#bbb;}\n.details{font-size:8px;color:#999;}\n.details strong{color:white;}\n\n\/* ===== PLAYER ===== *\/\n.player{\n    display:none;\n    position:fixed;\n    inset:0;\n    background:black;\n    justify-content:center;\n    align-items:center;\n    z-index:99999;\n}\n\n#videoPlayer{\n    width:100%;\n    height:100%;\n    object-fit:contain;\n}\n\n\/* ===== OVERLAY (X + CONTROLS SYNCHRO) ===== *\/\n.overlay{\n    position:absolute;\n    inset:0;\n    display:flex;\n    justify-content:flex-end;\n    align-items:flex-start;\n    padding:15px;\n    transition:opacity .25s ease;\n}\n\n.overlay.hide{\n    opacity:0;\n    pointer-events:none;\n}\n\n.overlay.show{\n    opacity:1;\n}\n\n\/* CLOSE *\/\n.close{\n    width:42px;\n    height:42px;\n    border-radius:50%;\n    background:rgba(0,0,0,.6);\n    color:white;\n    font-size:22px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    cursor:pointer;\n}\n\n<\/style>\n\n\n<!-- ================= AVENIR ================= -->\n<div class=\"section\">\n<h2>Avenir sur KEMASUG<\/h2>\n\n<div class=\"kemasug-row\">\n\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/teaser\/Lafayette.mp4')\">\n        <div class=\"poster-container\">\n            <div class=\"k-logo\">K<\/div>\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Lafayette.jpg\">\n        <\/div>\n        <div class=\"info\">\n            <div class=\"title\">La Fayette<\/div>\n            <div class=\"description\">Guerre entre loyaut\u00e9 et libert\u00e9<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/teaser\/Theregard.mp4')\">\n        <div class=\"poster-container\">\n            <div class=\"k-logo\">K<\/div>\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Les-regards.jpg\">\n        <\/div>\n        <div class=\"info\">\n            <div class=\"title\">The Regard<\/div>\n            <div class=\"description\">Myst\u00e8re psychologique<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/teaser\/Unenuitaparis.mp4')\">\n        <div class=\"poster-container\">\n            <div class=\"k-logo\">K<\/div>\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Une-nuit-a-Paris.png\">\n        <\/div>\n        <div class=\"info\">\n            <div class=\"title\">Une nuit \u00e0 Paris<\/div>\n            <div class=\"description\">Thriller nocturne<\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\n\n<!-- ================= EXCLUSIFS ================= -->\n<div class=\"section\">\n<h2>Seulement sur KEMASUG<\/h2>\n\n<div class=\"kemasug-row\">\n\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/drame\/Moimeme\/Moimeme.mp4')\">\n        <div class=\"poster-container\">\n            <div class=\"k-logo\">K<\/div>\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Moi-meme.jpg\">\n        <\/div>\n        <div class=\"info\">\n            <div class=\"title\">Moi-m\u00eame<\/div>\n            <div class=\"description\">Choix, silence, v\u00e9rit\u00e9<\/div>\n            <div class=\"details\">\n                <strong>Distribution :<\/strong> R\u00e9gina, Emilie, Queen, Gad, Luc\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"kemasug-card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/science-fiction\/agentconfidentiel.mp4')\">\n        <div class=\"poster-container\">\n            <div class=\"k-logo\">K<\/div>\n            <img decoding=\"async\" class=\"poster\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Lesagentsconfidentiels.png\">\n        <\/div>\n        <div class=\"info\">\n            <div class=\"title\">Agents Confidentiels<\/div>\n            <div class=\"description\">Guerre invisible mondiale<\/div>\n            <div class=\"details\">\n                <strong>Distribution :<\/strong> \u00c9quipe KEMASUG\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\n\n<!-- ================= PLAYER ================= -->\n<div id=\"player\" class=\"player\" onclick=\"toggleUI(event)\">\n\n    <div id=\"overlay\" class=\"overlay show\">\n        <button class=\"close\" onclick=\"closePlayer(event)\">\u2715<\/button>\n    <\/div>\n\n    <video id=\"videoPlayer\" controls=\"\" autoplay=\"\"><\/video>\n\n<\/div>\n\n\n<!-- ================= SCRIPT ================= -->\n<script>\n\nconst player = document.getElementById(\"player\");\nconst video = document.getElementById(\"videoPlayer\");\nconst overlay = document.getElementById(\"overlay\");\n\nlet visible = true;\nlet timer;\n\nfunction play(url){\n    player.style.display = \"flex\";\n    video.src = url;\n    video.play().catch(()=>{});\n    showUI();\n}\n\n\/* SHOW UI *\/\nfunction showUI(){\n    overlay.classList.remove(\"hide\");\n    overlay.classList.add(\"show\");\n    visible = true;\n\n    clearTimeout(timer);\n    timer = setTimeout(hideUI, 2200);\n}\n\n\/* HIDE UI (X + CONTROLS EN M\u00caME TEMPS) *\/\nfunction hideUI(){\n    overlay.classList.add(\"hide\");\n    overlay.classList.remove(\"show\");\n    visible = false;\n}\n\n\/* TOGGLE VIDEO TAP *\/\nfunction toggleUI(e){\n    if(e.target.tagName === \"VIDEO\"){\n        visible ? hideUI() : showUI();\n    }\n}\n\n\/* CLOSE *\/\nfunction closePlayer(e){\n    if(e) e.stopPropagation();\n\n    video.pause();\n    video.src = \"\";\n    player.style.display = \"none\";\n\n    overlay.classList.remove(\"hide\");\n    overlay.classList.add(\"show\");\n    visible = true;\n}\n\n\/* ESC *\/\ndocument.addEventListener(\"keydown\", e=>{\n    if(e.key === \"Escape\") closePlayer();\n});\n\n<\/script>\n\n<meta charset=\"UTF-8\">\n<title>KEMASUG &#8211; DESSINS ANIM\u00c9S<\/title>\n\n<style>\n\nbody{\n    margin:0;\n    background:#141414;\n    font-family:Arial;\n    color:white;\n}\n\nh2{\n    padding:20px;\n    margin:0;\n    font-size:18px;\n    font-weight:800;\n}\n\n\/* ROW *\/\n.row{\n    display:flex;\n    gap:15px;\n    padding:20px;\n    overflow-x:auto;\n}\n\n\/* CARD *\/\n.card{\n    width:220px;\n    border-radius:12px;\n    overflow:hidden;\n    background:#111;\n    cursor:pointer;\n    position:relative;\n    flex-shrink:0;\n    transition:.3s;\n}\n\n.card:hover{transform:scale(1.05);}\n\n.card img{\n    width:100%;\n    height:120px;\n    object-fit:cover;\n}\n\n.k{\n    position:absolute;\n    top:6px;\n    left:6px;\n    color:#e50914;\n    font-weight:bold;\n    font-size:18px;\n}\n\n\/* BADGE *\/\n.badge{\n    position:absolute;\n    bottom:8px;\n    left:8px;\n    background:rgba(0,0,0,.75);\n    padding:4px 8px;\n    border-radius:4px;\n    font-size:11px;\n}\n\n\/* INFO *\/\n.info{padding:10px;}\n\n.title{\n    font-size:13px;\n    font-weight:700;\n}\n\n.desc{\n    font-size:10px;\n    color:#bbb;\n    margin-top:4px;\n}\n\n.brand{\n    font-size:9px;\n    color:#e50914;\n    font-weight:900;\n    margin-top:6px;\n}\n\n\/* PLAYER *\/\n.player{\n    display:none;\n    position:fixed;\n    inset:0;\n    background:black;\n    z-index:99999;\n    justify-content:center;\n    align-items:center;\n}\n\n.player.show{display:flex;}\n\nvideo{\n    width:100%;\n    height:100%;\n    object-fit:contain;\n}\n\n.close{\n    position:absolute;\n    top:20px;\n    right:20px;\n    width:45px;\n    height:45px;\n    border:none;\n    border-radius:50%;\n    background:#e50914;\n    color:white;\n    font-size:22px;\n    cursor:pointer;\n}\n\n.overlay{\n    position:absolute;\n    top:20px;\n    left:20px;\n    background:rgba(0,0,0,.6);\n    padding:8px 12px;\n    border-radius:6px;\n    opacity:0;\n}\n\n.overlay.show{opacity:1;}\n\n<\/style>\n\n<!-- ================= AVENIR ================= -->\n<div class=\"section\">\n<h2>D\u00e9ssins Anim\u00e9s<\/h2>\n\n<div class=\"row\">\n\n    <!-- AGENT 327 -->\n    <div class=\"card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/Dessin%20anim\u00e9s\/Agent%20327%20Operation%20Barbershop%20-%20Blender%20Studio%20(1080p,%20h264).mp4')\">\n        <div class=\"k\">K<\/div>\n        <img decoding=\"async\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/agent327-1.jpg\">\n\n        <div class=\"info\">\n            <div class=\"title\">Agent 327<\/div>\n            <div class=\"desc\">+7 . HD . 4K . AD))<\/div>\n            <div class=\"desc\">Mission espionnage &amp; humour<\/div>\n            <div class=\"brand\">KEMASUG<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SINTEL -->\n    <div class=\"card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/Dessin%20anim\u00e9s\/Sintel.mp4')\">\n        <div class=\"k\">K<\/div>\n        <img decoding=\"async\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/Sintel.jpg\">\n\n        <div class=\"info\">\n            <div class=\"title\">Sintel<\/div>\n              <div class=\"desc\">+7 . HD . 4K . AD))<\/div>\n            <div class=\"desc\">Aventure \u00e9motionnelle et qu\u00eate<\/div>\n            <div class=\"brand\">KEMASUG<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SPRITE FRIGHT -->\n    <div class=\"card\" onclick=\"play('https:\/\/d2g93jp2bipg86.cloudfront.net\/Dessin%20anim\u00e9s\/Sprite%20Fright%20-%20Blender%20Open%20Movie%20-%20Blender%20Studio%20(1080p,%20h264).mp4')\">\n        <div class=\"k\">K<\/div>\n        <img decoding=\"async\" src=\"https:\/\/kemasug.com\/wp-content\/uploads\/2026\/06\/spritefright.jpg\">\n        \n        <div class=\"info\">\n            <div class=\"title\">Sprite Fright<\/div>\n            <div class=\"desc\">+7 . HD . 4K . AD))<\/div>\n            <div class=\"desc\">Horreur comique &amp; survie<\/div>\n            <div class=\"brand\">KEMASUG<\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- ================= PLAYER ================= -->\n<div class=\"player\" id=\"player\">\n\n    <button class=\"close\" onclick=\"closePlayer()\">\u2715<\/button>\n    <div class=\"overlay\" id=\"overlay\"><\/div>\n    <video id=\"video\" controls=\"\"><\/video>\n\n<\/div>\n\n<script>\n\nconst player=document.getElementById(\"player\");\nconst video=document.getElementById(\"video\");\nconst overlay=document.getElementById(\"overlay\");\n\n\/* PLAY *\/\nfunction play(url){\n    player.classList.add(\"show\");\n    video.src=url;\n    video.play();\n\n    overlay.innerText=\"KEMASUG\";\n    overlay.classList.add(\"show\");\n\n    setTimeout(()=>overlay.classList.remove(\"show\"),2000);\n}\n\n\/* CLOSE *\/\nfunction closePlayer(){\n    video.pause();\n    video.src=\"\";\n    player.classList.remove(\"show\");\n}\n\n\/* ================= BASE ================= *\/\nbody{\n    margin:0;\n    background:#141414;\n    font-family:Arial;\n    color:white;\n}\n\n\/* ================= CONTENU PLEIN \u00c9CRAN ================= *\/\n.container, .row, .section{\n    width:100%;\n    box-sizing:border-box;\n}\n\n\/* \u00e9vite que le contenu soit cach\u00e9 *\/\nbody{\n    overflow-x:hidden;\n}\n\n\/* ================= MENU GLOBAL ================= *\/\n.menu{\n    position:fixed;\n    top:0;\n    height:100%;\n    width:250px;\n    background:#000;\n    z-index:999999;\n    padding:20px;\n    display:flex;\n    flex-direction:column;\n    gap:15px;\n    transition:.3s;\n}\n\n\/* ================= MENU ITEMS ================= *\/\n.menu-item{\n    color:#aaa;\n    font-size:14px;\n    cursor:pointer;\n}\n\n.menu-item:hover{\n    color:#e50914;\n}\n\n\/* ================= ICONE BURGER ================= *\/\n.burger{\n    display:none;\n    position:fixed;\n    top:15px;\n    left:15px;\n    font-size:28px;\n    z-index:1000000;\n    cursor:pointer;\n    color:white;\n}\n\n\/* ================= TABLETTE ================= *\/\n@media (min-width:768px) and (max-width:1024px){\n\n    .menu{\n        right:0;\n        left:auto;\n        width:220px;\n    }\n\n    body{\n        padding-right:220px;\n    }\n\n    .burger{\n        display:none;\n    }\n}\n\n\n\/* ================= GLOBAL ================= *\/\nbody{\n    margin:0;\n    background:#141414;\n    font-family:Arial;\n    color:white;\n    overflow-x:hidden;\n}\ncript><\/div>\n","protected":false},"excerpt":{"rendered":"<p>KEMASUG KEMASUG Accueil Continue Exclusif Action Romance S\u00e9ries Les Agents Confidentiels Une guerre secr\u00e8te mondiale commence dans l\u2019ombre. \u25b6 Regarder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"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-1604","page","type-page","status-publish","hentry"],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages\/1604","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=1604"}],"version-history":[{"count":5,"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages\/1604\/revisions"}],"predecessor-version":[{"id":1674,"href":"https:\/\/kemasug.com\/index.php?rest_route=\/wp\/v2\/pages\/1604\/revisions\/1674"}],"wp:attachment":[{"href":"https:\/\/kemasug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}