{"id":7760,"date":"2021-08-18T10:47:54","date_gmt":"2021-08-18T08:47:54","guid":{"rendered":"http:\/\/cineprod.pro\/?page_id=7760"},"modified":"2026-09-12T21:28:00","modified_gmt":"2026-09-12T19:28:00","slug":"technical-means","status":"publish","type":"page","link":"https:\/\/cineprod.pro\/?page_id=7760","title":{"rendered":"RINGS-CAGES-DECORS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7760\" class=\"elementor elementor-7760\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2da550fd e-con-full e-flex e-con e-parent\" data-id=\"2da550fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b04c6bc elementor-widget elementor-widget-html\" data-id=\"b04c6bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CINEPROD \u2014 PAGE RINGS DE BOXE\r\n========================================================= -->\r\n\r\n<div class=\"cineprod-rings-page\">\r\n\r\n    <!-- =====================================================\r\n         CONTENU SEO\r\n    ====================================================== -->\r\n\r\n    <section class=\"cineprod-rings-content\">\r\n\r\n        <h1>RINGS DE BOXE SUR MESURE POUR VOS \u00c9V\u00c9NEMENTS<\/h1>\r\n\r\n        <p class=\"cineprod-intro\">\r\n            <strong>Transformez votre \u00e9v\u00e9nement en une v\u00e9ritable exp\u00e9rience visuelle.<\/strong>\r\n        <\/p>\r\n\r\n        <p>\r\n            Un ring de boxe ne se contente pas d'occuper un espace : il attire les regards,\r\n            cr\u00e9e un d\u00e9cor imm\u00e9diatement identifiable et donne une identit\u00e9 forte \u00e0 votre \u00e9v\u00e9nement.\r\n        <\/p>\r\n\r\n        <p>\r\n            <strong>CINEPROD<\/strong> propose la location de rings de boxe personnalisables \u00e0 100 %,\r\n            con\u00e7us pour s'int\u00e9grer parfaitement \u00e0 votre univers, votre identit\u00e9 visuelle et vos objectifs\r\n            de communication.\r\n        <\/p>\r\n\r\n        <p>\r\n            Que vous pr\u00e9pariez un <strong>lancement de marque<\/strong>, un \u00e9v\u00e9nement dans un\r\n            <strong>h\u00f4tel ou un restaurant<\/strong>, une soir\u00e9e en <strong>bo\u00eete de nuit<\/strong>,\r\n            une <strong>\u00e9mission de radio ou de t\u00e9l\u00e9vision<\/strong>, un \u00e9v\u00e9nement sportif,\r\n            un <strong>club de boxe<\/strong>, une <strong>salle de sport<\/strong>, un\r\n            <strong>tournage de film<\/strong> ou un <strong>clip musical<\/strong>,\r\n            nous adaptons le ring \u00e0 votre projet.\r\n        <\/p>\r\n\r\n\r\n        <h2>UNE PI\u00c8CE CENTRALE QUI CAPTE IMM\u00c9DIATEMENT L'ATTENTION<\/h2>\r\n\r\n        <p>\r\n            Imaginez l'arriv\u00e9e de vos invit\u00e9s.\r\n        <\/p>\r\n\r\n        <p>\r\n            Au centre de la pi\u00e8ce, un ring enti\u00e8rement habill\u00e9 aux couleurs de votre marque.\r\n            Votre logo sur les toiles, votre identit\u00e9 graphique sur les poteaux, vos couleurs\r\n            jusque dans les moindres d\u00e9tails.\r\n        <\/p>\r\n\r\n        <p>\r\n            <strong>Le regard se pose naturellement dessus.<\/strong>\r\n        <\/p>\r\n\r\n        <p>\r\n            Le ring devient alors bien plus qu'un \u00e9quipement sportif : il devient un d\u00e9cor,\r\n            un point de rencontre, un outil de communication et un v\u00e9ritable \u00e9l\u00e9ment sc\u00e9nographique.\r\n        <\/p>\r\n\r\n        <p>\r\n            Pour une marque, c'est l'occasion de cr\u00e9er un espace dont vos invit\u00e9s se souviendront.\r\n        <\/p>\r\n\r\n        <p>\r\n            Pour un h\u00f4tel ou un restaurant, c'est une sc\u00e9nographie spectaculaire qui transforme\r\n            l'ambiance du lieu.\r\n        <\/p>\r\n\r\n        <p>\r\n            Pour une bo\u00eete de nuit, c'est un d\u00e9cor puissant qui cr\u00e9e imm\u00e9diatement une atmosph\u00e8re.\r\n        <\/p>\r\n\r\n        <p>\r\n            Pour une \u00e9mission TV ou radio, c'est un \u00e9l\u00e9ment visuel fort qui donne du relief au plateau.\r\n        <\/p>\r\n\r\n        <p>\r\n            Pour un film ou un clip, c'est un d\u00e9cor cr\u00e9dible et personnalisable qui permet de\r\n            construire une v\u00e9ritable identit\u00e9 visuelle.\r\n        <\/p>\r\n\r\n\r\n        <h2>100 % PERSONNALISABLE<\/h2>\r\n\r\n        <p>\r\n            Chez <strong>CINEPROD<\/strong>, chaque projet est diff\u00e9rent.\r\n        <\/p>\r\n\r\n        <p>\r\n            Dimensions, couleurs, branding, toiles, habillage, logos, \u00e9l\u00e9ments graphiques\r\n            et int\u00e9gration sc\u00e9nographique : nous pouvons adapter le ring \u00e0 votre univers\r\n            et \u00e0 votre cahier des charges.\r\n        <\/p>\r\n\r\n        <p>\r\n            <strong>Notre objectif est simple :<\/strong>\r\n        <\/p>\r\n\r\n        <p>\r\n            que le ring ne soit pas simplement install\u00e9 dans votre \u00e9v\u00e9nement,\r\n            mais qu'il semble avoir \u00e9t\u00e9 con\u00e7u sp\u00e9cialement pour lui.\r\n        <\/p>\r\n\r\n        <p>\r\n            Cette personnalisation permet notamment aux marques et agences \u00e9v\u00e9nementielles\r\n            de cr\u00e9er un espace parfaitement coh\u00e9rent avec une campagne de communication,\r\n            un lancement de produit ou une activation de marque.\r\n        <\/p>\r\n\r\n\r\n        <h2>POUR TOUS TYPES D'\u00c9V\u00c9NEMENTS<\/h2>\r\n\r\n        <p>\r\n            Nos rings de boxe peuvent \u00eatre int\u00e9gr\u00e9s \u00e0 de nombreux projets :\r\n        <\/p>\r\n\r\n\r\n        <div class=\"cineprod-event-list\">\r\n\r\n            <div class=\"cineprod-event\">\r\n                <h3>Lancement de marque et activation marketing<\/h3>\r\n                <p>\r\n                    Cr\u00e9ez un d\u00e9cor spectaculaire qui attire naturellement les participants\r\n                    et g\u00e9n\u00e8re des contenus photo et vid\u00e9o m\u00e9morables.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cineprod-event\">\r\n                <h3>H\u00f4tels, restaurants et lieux premium<\/h3>\r\n                <p>\r\n                    Transformez votre espace avec une installation inattendue,\r\n                    \u00e9l\u00e9gante et spectaculaire.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cineprod-event\">\r\n                <h3>Bo\u00eetes de nuit et soir\u00e9es priv\u00e9es<\/h3>\r\n                <p>\r\n                    Donnez \u00e0 votre \u00e9v\u00e9nement une identit\u00e9 forte et cr\u00e9ez un v\u00e9ritable\r\n                    point central autour duquel l'exp\u00e9rience peut s'articuler.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cineprod-event\">\r\n                <h3>\u00c9missions TV et radio<\/h3>\r\n                <p>\r\n                    Int\u00e9grez un ring directement dans votre d\u00e9cor pour cr\u00e9er\r\n                    un plateau imm\u00e9diatement reconnaissable.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cineprod-event\">\r\n                <h3>Clubs de boxe et salles de sport<\/h3>\r\n                <p>\r\n                    Valorisez votre espace avec un \u00e9quipement professionnel capable\r\n                    d'accompagner entra\u00eenements, comp\u00e9titions et \u00e9v\u00e9nements.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cineprod-event\">\r\n                <h3>Films, s\u00e9ries et clips musicaux<\/h3>\r\n                <p>\r\n                    Recr\u00e9ez une ambiance de combat, de comp\u00e9tition ou de spectacle\r\n                    avec un ring parfaitement int\u00e9gr\u00e9 \u00e0 votre direction artistique.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2>LE RING QUI DEVIENT UNE EXP\u00c9RIENCE<\/h2>\r\n\r\n        <p>\r\n            Un \u00e9v\u00e9nement r\u00e9ussi est un \u00e9v\u00e9nement dont on parle encore apr\u00e8s.\r\n        <\/p>\r\n\r\n        <p>\r\n            C'est pourquoi nous pensons chaque installation comme une\r\n            <strong>exp\u00e9rience visuelle<\/strong>.\r\n        <\/p>\r\n\r\n        <p>\r\n            Le spectateur doit avoir envie de s'en approcher.\r\n        <\/p>\r\n\r\n        <p>\r\n            Le participant doit avoir envie de monter sur le ring.\r\n        <\/p>\r\n\r\n        <p>\r\n            Le photographe doit avoir envie de le photographier.\r\n        <\/p>\r\n\r\n        <p>\r\n            La cam\u00e9ra doit naturellement trouver sa place autour de lui.\r\n        <\/p>\r\n\r\n        <p>\r\n            Parce qu'un d\u00e9cor r\u00e9ussi ne se regarde pas seulement :\r\n            <strong>il se vit.<\/strong>\r\n        <\/p>\r\n\r\n        <p>\r\n            Avec <strong>CINEPROD<\/strong>, votre ring devient un v\u00e9ritable outil de\r\n            sc\u00e9nographie et de communication, capable de donner du caract\u00e8re \u00e0 votre\r\n            \u00e9v\u00e9nement et de cr\u00e9er des souvenirs durables.\r\n        <\/p>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         GALERIE\r\n    ====================================================== -->\r\n\r\n    <section class=\"cineprod-gallery cineprod-ring-gallery\">\r\n\r\n        <div class=\"cineprod-gallery-container\">\r\n\r\n            <div class=\"cineprod-gallery-title\">\r\n\r\n                <h2>NOS RINGS DE BOXE<\/h2>\r\n\r\n                <p>\r\n                    D\u00e9couvrez quelques-unes de nos installations et r\u00e9alisations.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cineprod-carousel\">\r\n\r\n                <button\r\n                    class=\"cineprod-carousel-arrow cineprod-carousel-prev\"\r\n                    type=\"button\"\r\n                    aria-label=\"Photo pr\u00e9c\u00e9dente\"\r\n                >\r\n                    \u2039\r\n                <\/button>\r\n\r\n\r\n                <div class=\"cineprod-carousel-viewport\">\r\n\r\n                    <div class=\"cineprod-carousel-track\">\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2026\/09\/RING-5X5-HAGLER-KERY-JAMES-ROOTS.jpg\"\r\n                                alt=\"Location ring de boxe Cineprod\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2026\/09\/DSCF3021-scaled.jpg\"\r\n                                alt=\"Ring de boxe \u00e9v\u00e9nementiel\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2026\/09\/ring-fashion-week-scaled.jpg\"\r\n                                alt=\"Ring de boxe Fashion Week\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/07\/LOCATION-RING-BOXE-PARIS-JO-OLYMPIQUE-HOTEL-SHANGRI-LA-PALACE-1.jpg\"\r\n                                alt=\"Location ring de boxe Paris\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-DE-BOXE-CINEPROD-HAGLER-ALI-FOREMAN-1.jpg\"\r\n                                alt=\"Location ring de boxe\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2020\/09\/ring-de-boxe-equipe-21cineprod.pro_.jpg\"\r\n                                alt=\"Ring de boxe \u00e9v\u00e9nement\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2020\/09\/RING-DE-BOXETournage-CLIP-PORTLAND.jpg\"\r\n                                alt=\"Ring de boxe tournage clip\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2020\/09\/ring-flottantring-flottant-piscine-monacocineprod.pro_.jpg\"\r\n                                alt=\"Ring de boxe flottant\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2021\/08\/SHOW-SPECTACULAIRE.jpg\"\r\n                                alt=\"Ring de boxe spectacle\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-18-1.jpg\"\r\n                                alt=\"Ring de boxe Festival de Cannes\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-26-1.jpg\"\r\n                                alt=\"Ring de boxe Cannes\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-52-1.jpg\"\r\n                                alt=\"Location ring de boxe Cannes\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-23-1.jpg\"\r\n                                alt=\"Ring de boxe \u00e9v\u00e9nement Cannes\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-30-1.jpg\"\r\n                                alt=\"Ring de boxe professionnel\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"cineprod-carousel-slide\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/01\/BOXING-EVENT-PARIS-2024-3.jpg\"\r\n                                alt=\"Boxing event Paris 2024\"\r\n                            >\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    class=\"cineprod-carousel-arrow cineprod-carousel-next\"\r\n                    type=\"button\"\r\n                    aria-label=\"Photo suivante\"\r\n                >\r\n                    \u203a\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cineprod-carousel-info\">\r\n\r\n                <span class=\"cineprod-carousel-counter\">\r\n                    1 \/ 15\r\n                <\/span>\r\n\r\n                <span class=\"cineprod-carousel-hint\">\r\n                    CLIQUEZ SUR LA PHOTO POUR AGRANDIR\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             LIGHTBOX\r\n        ================================================== -->\r\n\r\n        <div class=\"cineprod-lightbox\">\r\n\r\n            <div class=\"cineprod-lightbox-bg\"><\/div>\r\n\r\n            <button\r\n                class=\"cineprod-close\"\r\n                type=\"button\"\r\n                aria-label=\"Fermer\"\r\n            >\r\n                \u00d7\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"cineprod-arrow cineprod-prev\"\r\n                type=\"button\"\r\n                aria-label=\"Photo pr\u00e9c\u00e9dente\"\r\n            >\r\n                \u2039\r\n            <\/button>\r\n\r\n            <img decoding=\"async\"\r\n                class=\"cineprod-lightbox-img\"\r\n                src=\"\"\r\n                alt=\"\"\r\n            >\r\n\r\n            <button\r\n                class=\"cineprod-arrow cineprod-next\"\r\n                type=\"button\"\r\n                aria-label=\"Photo suivante\"\r\n            >\r\n                \u203a\r\n            <\/button>\r\n\r\n            <div class=\"cineprod-counter\">\r\n                1 \/ 15\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   POLICES\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Hammersmith+One&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.cineprod-rings-page,\r\n.cineprod-rings-page *,\r\n.cineprod-rings-page *::before,\r\n.cineprod-rings-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE\r\n   FOND PLEINE LARGEUR\r\n========================================================= *\/\r\n\r\n.cineprod-rings-page {\r\n\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    background: #0A0A0A;\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENU SEO\r\n   M\u00caME LOGIQUE QUE TON AUTRE CODE :\r\n   1280PX \/ 94VW\r\n========================================================= *\/\r\n\r\n.cineprod-rings-content {\r\n\r\n    width: min(1280px, 94vw);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 75px 0 30px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITRES\r\n========================================================= *\/\r\n\r\n.cineprod-rings-content h1,\r\n.cineprod-rings-content h2,\r\n.cineprod-gallery-title h2 {\r\n\r\n    margin: 0 0 30px;\r\n\r\n    color: #E51616;\r\n\r\n    font-family: 'Hammersmith One', sans-serif;\r\n\r\n    font-size: 30px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.25;\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n.cineprod-rings-content h2 {\r\n\r\n    margin-top: 65px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTE\r\n========================================================= *\/\r\n\r\n.cineprod-rings-content p {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    padding: 0;\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.6;\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n.cineprod-rings-content strong {\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n.cineprod-intro {\r\n\r\n    font-size: 18px !important;\r\n\r\n    line-height: 1.7 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u00c9V\u00c9NEMENTS\r\n========================================================= *\/\r\n\r\n.cineprod-event-list {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 35px;\r\n\r\n}\r\n\r\n\r\n.cineprod-event {\r\n\r\n    padding: 28px;\r\n\r\n    background: #0A0A0A;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.cineprod-event:hover {\r\n\r\n    border-color: rgba(229,22,22,.65);\r\n\r\n    transform: translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.cineprod-event h3 {\r\n\r\n    margin: 0 0 12px;\r\n\r\n    color: #E51616;\r\n\r\n    font-family: 'Hammersmith One', sans-serif;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.3;\r\n\r\n}\r\n\r\n\r\n.cineprod-event p {\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALERIE\r\n   FOND PLEINE LARGEUR\r\n========================================================= *\/\r\n\r\n.cineprod-gallery {\r\n\r\n    width: 100%;\r\n\r\n    background: #0A0A0A;\r\n\r\n    padding: 55px 0 80px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEUR GALERIE\r\n   EXACTEMENT LE M\u00caME AXE QUE LE SEO\r\n========================================================= *\/\r\n\r\n.cineprod-gallery-container {\r\n\r\n    width: min(1280px, 94vw);\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITRE GALERIE\r\n========================================================= *\/\r\n\r\n.cineprod-gallery-title {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 0 35px;\r\n\r\n}\r\n\r\n\r\n.cineprod-gallery-title h2 {\r\n\r\n    margin-bottom: 12px;\r\n\r\n}\r\n\r\n\r\n.cineprod-gallery-title p {\r\n\r\n    margin: 0;\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARROUSEL\r\n   LARGEUR DU CONTENEUR \u2014 PAS 100VW\r\n========================================================= *\/\r\n\r\n.cineprod-carousel {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-viewport {\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-track {\r\n\r\n    display: flex;\r\n\r\n    width: 100%;\r\n\r\n    transition:\r\n        transform .55s cubic-bezier(.22,.61,.36,1);\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-slide {\r\n\r\n    flex: 0 0 100%;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #0A0A0A;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-slide img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .6s ease,\r\n        opacity .4s ease;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-viewport:hover\r\n.cineprod-carousel-slide img {\r\n\r\n    transform: scale(1.025);\r\n\r\n    opacity: .92;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FL\u00c8CHES CARROUSEL\r\n========================================================= *\/\r\n\r\n.cineprod-carousel-arrow {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 52px;\r\n\r\n    height: 52px;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(255,255,255,.22);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #0A0A0A;\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 40px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        border-color .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-arrow:hover {\r\n\r\n    background: #E51616;\r\n\r\n    border-color: #E51616;\r\n\r\n    color: #FBFBFB;\r\n\r\n    transform: scale(1.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFOS\r\n========================================================= *\/\r\n\r\n.cineprod-carousel-info {\r\n\r\n    width: 100%;\r\n\r\n    margin: 18px 0 0;\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-counter {\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n.cineprod-carousel-hint {\r\n\r\n    color: rgba(251,251,251,.45);\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n========================================================= *\/\r\n\r\n.cineprod-lightbox {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: none;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n.cineprod-lightbox.open {\r\n\r\n    display: flex;\r\n\r\n}\r\n\r\n\r\n.cineprod-lightbox-bg {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background: rgba(10,10,10,.97);\r\n\r\n}\r\n\r\n\r\n.cineprod-lightbox-img {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    display: block;\r\n\r\n    max-width: 85vw;\r\n\r\n    max-height: 82vh;\r\n\r\n    width: auto;\r\n\r\n    height: auto;\r\n\r\n    object-fit: contain;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FERMETURE\r\n========================================================= *\/\r\n\r\n.cineprod-close {\r\n\r\n    position: absolute;\r\n\r\n    top: 25px;\r\n\r\n    right: 30px;\r\n\r\n    z-index: 20;\r\n\r\n    width: 45px;\r\n\r\n    height: 45px;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #0A0A0A;\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-size: 30px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease;\r\n\r\n}\r\n\r\n\r\n.cineprod-close:hover {\r\n\r\n    background: #E51616;\r\n\r\n    color: #FBFBFB;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FL\u00c8CHES LIGHTBOX\r\n========================================================= *\/\r\n\r\n.cineprod-arrow {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    z-index: 20;\r\n\r\n    width: 55px;\r\n\r\n    height: 55px;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #0A0A0A;\r\n\r\n    color: #FBFBFB;\r\n\r\n    font-size: 42px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease;\r\n\r\n}\r\n\r\n\r\n.cineprod-arrow:hover {\r\n\r\n    background: #E51616;\r\n\r\n    color: #FBFBFB;\r\n\r\n}\r\n\r\n\r\n.cineprod-prev {\r\n\r\n    left: 25px;\r\n\r\n}\r\n\r\n\r\n.cineprod-next {\r\n\r\n    right: 25px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPTEUR LIGHTBOX\r\n========================================================= *\/\r\n\r\n.cineprod-counter {\r\n\r\n    position: absolute;\r\n\r\n    bottom: 25px;\r\n\r\n    left: 50%;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    z-index: 20;\r\n\r\n    color: rgba(251,251,251,.65);\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRAND \u00c9CRAN\r\n========================================================= *\/\r\n\r\n@media (min-width: 1440px) {\r\n\r\n    .cineprod-rings-content,\r\n    .cineprod-gallery-container {\r\n\r\n        width: 1320px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1023px) {\r\n\r\n    .cineprod-rings-content,\r\n    .cineprod-gallery-container {\r\n\r\n        width: 94vw;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .cineprod-rings-page {\r\n\r\n        width: 100%;\r\n\r\n        margin-left: 0;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-rings-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 540px;\r\n\r\n        min-width: 0;\r\n\r\n        margin: 0 auto;\r\n\r\n        padding: 45px 20px 20px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-rings-content h1,\r\n    .cineprod-rings-content h2,\r\n    .cineprod-gallery-title h2 {\r\n\r\n        font-size: 26px;\r\n\r\n        line-height: 1.3;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-rings-content h2 {\r\n\r\n        margin-top: 55px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-rings-content p {\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.7;\r\n\r\n        text-align: justify;\r\n\r\n        text-justify: inter-word;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-intro {\r\n\r\n        font-size: 17px !important;\r\n\r\n        line-height: 1.7 !important;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------------\r\n       \u00c9V\u00c9NEMENTS\r\n    ------------------------------------------------ *\/\r\n\r\n    .cineprod-event-list {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-event {\r\n\r\n        padding: 22px;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------------\r\n       GALERIE\r\n    ------------------------------------------------ *\/\r\n\r\n    .cineprod-gallery {\r\n\r\n        padding: 45px 20px 60px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-gallery-container {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 540px;\r\n\r\n        margin: 0 auto;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-gallery-title {\r\n\r\n        margin: 0 0 30px;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------------\r\n       CARROUSEL\r\n    ------------------------------------------------ *\/\r\n\r\n    .cineprod-carousel {\r\n\r\n        width: 100%;\r\n\r\n        gap: 7px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-carousel-slide {\r\n\r\n        aspect-ratio: 4 \/ 3;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-carousel-arrow {\r\n\r\n        width: 42px;\r\n\r\n        height: 42px;\r\n\r\n        font-size: 32px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-carousel-info {\r\n\r\n        margin-top: 13px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-carousel-hint {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------------\r\n       LIGHTBOX\r\n    ------------------------------------------------ *\/\r\n\r\n    .cineprod-lightbox-img {\r\n\r\n        max-width: 90vw;\r\n\r\n        max-height: 78vh;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-close {\r\n\r\n        top: 12px;\r\n\r\n        right: 12px;\r\n\r\n        width: 42px;\r\n\r\n        height: 42px;\r\n\r\n        font-size: 28px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-arrow {\r\n\r\n        width: 44px;\r\n\r\n        height: 44px;\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-prev {\r\n\r\n        left: 7px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-next {\r\n\r\n        right: 7px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-counter {\r\n\r\n        bottom: 15px;\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PETITS MOBILES\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .cineprod-rings-content {\r\n\r\n        padding-left: 16px;\r\n\r\n        padding-right: 16px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-gallery {\r\n\r\n        padding-left: 16px;\r\n\r\n        padding-right: 16px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-rings-content h1,\r\n    .cineprod-rings-content h2,\r\n    .cineprod-gallery-title h2 {\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-rings-content p {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-carousel-arrow {\r\n\r\n        width: 38px;\r\n\r\n        height: 38px;\r\n\r\n        font-size: 29px;\r\n\r\n    }\r\n\r\n\r\n    .cineprod-carousel {\r\n\r\n        gap: 4px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    const gallery =\r\n        document.querySelector('.cineprod-ring-gallery');\r\n\r\n\r\n    if (!gallery) return;\r\n\r\n\r\n    \/* =====================================================\r\n       \u00c9L\u00c9MENTS\r\n    ====================================================== *\/\r\n\r\n    const track =\r\n        gallery.querySelector('.cineprod-carousel-track');\r\n\r\n\r\n    const slides =\r\n        gallery.querySelectorAll('.cineprod-carousel-slide');\r\n\r\n\r\n    const prevButton =\r\n        gallery.querySelector('.cineprod-carousel-prev');\r\n\r\n\r\n    const nextButton =\r\n        gallery.querySelector('.cineprod-carousel-next');\r\n\r\n\r\n    const counter =\r\n        gallery.querySelector('.cineprod-carousel-counter');\r\n\r\n\r\n    const viewport =\r\n        gallery.querySelector('.cineprod-carousel-viewport');\r\n\r\n\r\n    \/* =====================================================\r\n       LIGHTBOX\r\n    ====================================================== *\/\r\n\r\n    const lightbox =\r\n        gallery.querySelector('.cineprod-lightbox');\r\n\r\n\r\n    const lightboxImage =\r\n        gallery.querySelector('.cineprod-lightbox-img');\r\n\r\n\r\n    const lightboxCounter =\r\n        gallery.querySelector('.cineprod-counter');\r\n\r\n\r\n    const lightboxPrev =\r\n        gallery.querySelector('.cineprod-prev');\r\n\r\n\r\n    const lightboxNext =\r\n        gallery.querySelector('.cineprod-next');\r\n\r\n\r\n    const closeButton =\r\n        gallery.querySelector('.cineprod-close');\r\n\r\n\r\n    const lightboxBackground =\r\n        gallery.querySelector('.cineprod-lightbox-bg');\r\n\r\n\r\n    let current = 0;\r\n\r\n    const total = slides.length;\r\n\r\n\r\n    \/* =====================================================\r\n       CARROUSEL\r\n    ====================================================== *\/\r\n\r\n    function renderCarousel() {\r\n\r\n        track.style.transform =\r\n            'translateX(-' + (current * 100) + '%)';\r\n\r\n\r\n        counter.textContent =\r\n            (current + 1) + ' \/ ' + total;\r\n\r\n    }\r\n\r\n\r\n    function nextSlide() {\r\n\r\n        current =\r\n            (current + 1) % total;\r\n\r\n        renderCarousel();\r\n\r\n    }\r\n\r\n\r\n    function previousSlide() {\r\n\r\n        current =\r\n            (current - 1 + total) % total;\r\n\r\n        renderCarousel();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LIGHTBOX\r\n    ====================================================== *\/\r\n\r\n    function renderLightbox() {\r\n\r\n        const img =\r\n            slides[current].querySelector('img');\r\n\r\n\r\n        lightboxImage.src =\r\n            img.src;\r\n\r\n\r\n        lightboxImage.alt =\r\n            img.alt;\r\n\r\n\r\n        lightboxCounter.textContent =\r\n            (current + 1) + ' \/ ' + total;\r\n\r\n    }\r\n\r\n\r\n    function openLightbox() {\r\n\r\n        renderLightbox();\r\n\r\n        lightbox.classList.add('open');\r\n\r\n        document.body.style.overflow = 'hidden';\r\n\r\n    }\r\n\r\n\r\n    function closeLightbox() {\r\n\r\n        lightbox.classList.remove('open');\r\n\r\n        document.body.style.overflow = '';\r\n\r\n    }\r\n\r\n\r\n    function lightboxNextSlide() {\r\n\r\n        nextSlide();\r\n\r\n        renderLightbox();\r\n\r\n    }\r\n\r\n\r\n    function lightboxPreviousSlide() {\r\n\r\n        previousSlide();\r\n\r\n        renderLightbox();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARROUSEL \u2014 BOUTON SUIVANT\r\n    ====================================================== *\/\r\n\r\n    nextButton.addEventListener('click', function(e) {\r\n\r\n        e.preventDefault();\r\n\r\n        e.stopPropagation();\r\n\r\n        nextSlide();\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       CARROUSEL \u2014 BOUTON PR\u00c9C\u00c9DENT\r\n    ====================================================== *\/\r\n\r\n    prevButton.addEventListener('click', function(e) {\r\n\r\n        e.preventDefault();\r\n\r\n        e.stopPropagation();\r\n\r\n        previousSlide();\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       PHOTO \u2192 LIGHTBOX\r\n    ====================================================== *\/\r\n\r\n    viewport.addEventListener('click', function(e) {\r\n\r\n        if (\r\n            e.target.closest('.cineprod-carousel-arrow')\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        openLightbox();\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       LIGHTBOX \u2014 SUIVANT\r\n    ====================================================== *\/\r\n\r\n    lightboxNext.addEventListener('click', function(e) {\r\n\r\n        e.preventDefault();\r\n\r\n        e.stopPropagation();\r\n\r\n        lightboxNextSlide();\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       LIGHTBOX \u2014 PR\u00c9C\u00c9DENT\r\n    ====================================================== *\/\r\n\r\n    lightboxPrev.addEventListener('click', function(e) {\r\n\r\n        e.preventDefault();\r\n\r\n        e.stopPropagation();\r\n\r\n        lightboxPreviousSlide();\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       FERMETURE\r\n    ====================================================== *\/\r\n\r\n    closeButton.addEventListener(\r\n        'click',\r\n        closeLightbox\r\n    );\r\n\r\n\r\n    lightboxBackground.addEventListener(\r\n        'click',\r\n        closeLightbox\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CLAVIER\r\n    ====================================================== *\/\r\n\r\n    document.addEventListener('keydown', function(e) {\r\n\r\n        if (!lightbox.classList.contains('open')) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        if (e.key === 'Escape') {\r\n\r\n            closeLightbox();\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        if (e.key === 'ArrowRight') {\r\n\r\n            lightboxNextSlide();\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        if (e.key === 'ArrowLeft') {\r\n\r\n            lightboxPreviousSlide();\r\n\r\n            return;\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALISATION\r\n    ====================================================== *\/\r\n\r\n    renderCarousel();\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e962237 e-con e-atomic-element e-flexbox-base e-default-div e-a4f73cf \" data-id=\"e962237\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e962237\">\n    \t\t<div class=\"elementor-element elementor-element-a1c73a5 elementor-widget elementor-widget-html\" data-id=\"a1c73a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= CINEPROD \u2014 PAGE CAGES MMA ========================================================= --> <div class=\"cineprod-mma-page\">\r\n<!-- =====================================================\r\n     CONTENU SEO\r\n====================================================== -->\r\n\r\n<section class=\"cineprod-mma-content\">\r\n\r\n    <h1>CAGES MMA SUR MESURE POUR \u00c9V\u00c9NEMENTS, TOURNAGES ET ACTIVATIONS DE MARQUE<\/h1>\r\n\r\n    <p class=\"cineprod-intro\">\r\n        <strong>Entrez dans l'ar\u00e8ne. Cr\u00e9ez une exp\u00e9rience que personne n'oubliera.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        Plus spectaculaire, plus immersive et imm\u00e9diatement reconnaissable,\r\n        la cage MMA poss\u00e8de une capacit\u00e9 unique \u00e0 transformer un espace en\r\n        v\u00e9ritable ar\u00e8ne.\r\n    <\/p>\r\n\r\n    <p>\r\n        <strong>CINEPROD<\/strong> propose la location de cages MMA et d'octogones\r\n        personnalisables, adapt\u00e9s aux \u00e9v\u00e9nements sportifs, aux activations de marques,\r\n        aux \u00e9missions TV, aux tournages, aux clubs et aux \u00e9v\u00e9nements priv\u00e9s.\r\n    <\/p>\r\n\r\n    <p>\r\n        Une cage MMA attire imm\u00e9diatement le regard par sa pr\u00e9sence monumentale.\r\n        Elle \u00e9voque instantan\u00e9ment la <strong>confrontation, la puissance, la performance,\r\n        le d\u00e9passement de soi et l'adr\u00e9naline<\/strong>.\r\n    <\/p>\r\n\r\n    <p>\r\n        Et c'est pr\u00e9cis\u00e9ment cette charge \u00e9motionnelle qui en fait un d\u00e9cor exceptionnel\r\n        pour cr\u00e9er une exp\u00e9rience forte et m\u00e9morable.\r\n    <\/p>\r\n\r\n    <h2>CR\u00c9EZ L'ADR\u00c9NALINE AVANT M\u00caME QUE L'\u00c9V\u00c9NEMENT COMMENCE<\/h2>\r\n\r\n    <p>\r\n        Imaginez vos invit\u00e9s entrer dans une salle.\r\n    <\/p>\r\n\r\n    <p>\r\n        Au loin, une cage MMA.\r\n        Les lumi\u00e8res se refl\u00e8tent sur la structure.\r\n        Votre identit\u00e9 visuelle habille l'espace.\r\n        Le volume de la cage impose naturellement sa pr\u00e9sence.\r\n    <\/p>\r\n\r\n    <p>\r\n        <strong>En quelques secondes, l'ambiance change.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        La cage cr\u00e9e une sensation d'attente.\r\n        On imagine d\u00e9j\u00e0 le combat, le spectacle, la performance.\r\n    <\/p>\r\n\r\n    <p>\r\n        C'est cette \u00e9motion que nous cherchons \u00e0 provoquer.\r\n    <\/p>\r\n\r\n    <p>\r\n        Pour une marque, elle permet d'associer son image \u00e0 des valeurs fortes :\r\n        <strong>d\u00e9passement de soi, courage, puissance, d\u00e9termination et performance.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        Pour un \u00e9v\u00e9nement sportif, elle devient naturellement le c\u0153ur de l'action.\r\n    <\/p>\r\n\r\n    <p>\r\n        Pour un tournage, elle permet de cr\u00e9er instantan\u00e9ment une atmosph\u00e8re cr\u00e9dible,\r\n        spectaculaire et immersive.\r\n    <\/p>\r\n\r\n    <h2>UNE CAGE MMA 100 % PERSONNALISABLE<\/h2>\r\n\r\n    <p>\r\n        Votre \u00e9v\u00e9nement poss\u00e8de sa propre identit\u00e9.\r\n        <strong>Votre cage doit avoir la sienne.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        CINEPROD permet de personnaliser l'installation afin de l'int\u00e9grer\r\n        parfaitement \u00e0 votre univers visuel et \u00e0 votre sc\u00e9nographie.\r\n    <\/p>\r\n\r\n    <p>\r\n        Branding, couleurs, habillage, logos et \u00e9l\u00e9ments graphiques peuvent \u00eatre\r\n        pens\u00e9s pour cr\u00e9er une installation coh\u00e9rente avec votre \u00e9v\u00e9nement,\r\n        votre campagne ou votre production.\r\n    <\/p>\r\n\r\n    <p>\r\n        <strong>L'objectif n'est pas simplement de louer une cage.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        L'objectif est de construire une v\u00e9ritable ar\u00e8ne \u00e0 votre image,\r\n        capable de devenir un \u00e9l\u00e9ment central de votre communication et de votre d\u00e9cor.\r\n    <\/p>\r\n\r\n    <h2>POUR LES MARQUES QUI VEULENT MARQUER LES ESPRITS<\/h2>\r\n\r\n    <p>\r\n        Une activation de marque r\u00e9ussie ne doit pas seulement \u00eatre vue.\r\n        <strong>Elle doit \u00eatre ressentie.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        La cage MMA poss\u00e8de cette force \u00e9motionnelle.\r\n        Elle peut devenir le d\u00e9cor d'un lancement de produit, d'une campagne \u00e9v\u00e9nementielle,\r\n        d'un shooting, d'une exp\u00e9rience immersive ou d'une op\u00e9ration de communication.\r\n    <\/p>\r\n\r\n    <p>\r\n        Elle attire naturellement les participants et offre un environnement\r\n        particuli\u00e8rement fort pour la cr\u00e9ation de <strong>photos, vid\u00e9os et contenus\r\n        pour les r\u00e9seaux sociaux<\/strong>.\r\n    <\/p>\r\n\r\n    <p>\r\n        Votre marque ne se contente plus d'\u00eatre affich\u00e9e.\r\n        <strong>Elle devient partie int\u00e9grante de l'exp\u00e9rience.<\/strong>\r\n    <\/p>\r\n\r\n    <h2>POUR H\u00d4TELS, RESTAURANTS, CLUBS ET LIEUX \u00c9V\u00c9NEMENTIELS<\/h2>\r\n\r\n    <p>\r\n        Une cage MMA peut \u00e9galement transformer compl\u00e8tement l'identit\u00e9 d'un lieu.\r\n    <\/p>\r\n\r\n    <p>\r\n        Dans un h\u00f4tel, elle devient une installation inattendue et spectaculaire.\r\n    <\/p>\r\n\r\n    <p>\r\n        Dans un restaurant, elle cr\u00e9e un contraste visuel fort et m\u00e9morable.\r\n    <\/p>\r\n\r\n    <p>\r\n        Dans une bo\u00eete de nuit, elle peut devenir le centre d'une sc\u00e9nographie immersive.\r\n    <\/p>\r\n\r\n    <p>\r\n        Dans une salle de sport ou un club de combat, elle affirme imm\u00e9diatement\r\n        l'identit\u00e9 sportive du lieu.\r\n    <\/p>\r\n\r\n    <p>\r\n        <strong>Un espace ordinaire peut soudain devenir une v\u00e9ritable ar\u00e8ne.<\/strong>\r\n    <\/p>\r\n\r\n    <h2>POUR LA T\u00c9L\u00c9VISION, LE CIN\u00c9MA ET LES CLIPS<\/h2>\r\n\r\n    <p>\r\n        La cage MMA est \u00e9galement un formidable outil de d\u00e9coration et de\r\n        sc\u00e9nographie audiovisuelle.\r\n    <\/p>\r\n\r\n    <p>\r\n        Elle permet de cr\u00e9er rapidement un environnement cr\u00e9dible pour :\r\n    <\/p>\r\n\r\n    <div class=\"cineprod-mma-list\">\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            \u00c9missions de t\u00e9l\u00e9vision\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            \u00c9missions de radio avec captation vid\u00e9o\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Films et s\u00e9ries\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Clips musicaux\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Publicit\u00e9s\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Interviews\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Contenus YouTube et r\u00e9seaux sociaux\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Shootings photo\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-mma-list-item\">\r\n            Productions sportives\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p>\r\n        Gr\u00e2ce \u00e0 sa structure imposante et \u00e0 sa forte identit\u00e9 visuelle,\r\n        elle apporte imm\u00e9diatement du <strong>relief, de la profondeur et de la tension\r\n        \u00e0 l'image<\/strong>.\r\n    <\/p>\r\n\r\n    <h2>PLUS QU'UNE CAGE : UNE V\u00c9RITABLE EXP\u00c9RIENCE<\/h2>\r\n\r\n    <p>\r\n        La puissance d'une cage MMA vient de ce qu'elle fait ressentir.\r\n    <\/p>\r\n\r\n    <p>\r\n        <strong>La tension avant le combat.<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        L'adr\u00e9naline.\r\n    <\/p>\r\n\r\n    <p>\r\n        La concentration.\r\n    <\/p>\r\n\r\n    <p>\r\n        La puissance.\r\n    <\/p>\r\n\r\n    <p>\r\n        Le d\u00e9passement de soi.\r\n    <\/p>\r\n\r\n    <p>\r\n        L'envie de repousser ses limites.\r\n    <\/p>\r\n\r\n    <p>\r\n        Ce sont ces \u00e9motions que votre public doit ressentir lorsqu'il d\u00e9couvre\r\n        votre installation.\r\n    <\/p>\r\n\r\n    <p>\r\n        Avec <strong>CINEPROD<\/strong>, nous cr\u00e9ons des installations pens\u00e9es\r\n        pour \u00eatre <strong>vues, v\u00e9cues et film\u00e9es<\/strong>.\r\n    <\/p>\r\n\r\n    <p>\r\n        Parce qu'aujourd'hui, un \u00e9v\u00e9nement ne doit plus seulement \u00eatre r\u00e9ussi sur place.\r\n        <strong>Il doit continuer \u00e0 vivre dans les images, les souvenirs et les contenus\r\n        qu'il g\u00e9n\u00e8re.<\/strong>\r\n    <\/p>\r\n\r\n<\/section>\r\n\r\n<!-- =====================================================\r\n     GALERIE\r\n====================================================== -->\r\n\r\n<section class=\"cineprod-gallery cineprod-mma-gallery\">\r\n\r\n    <div class=\"cineprod-gallery-container\">\r\n\r\n        <div class=\"cineprod-gallery-title\">\r\n\r\n            <h2>NOS CAGES MMA<\/h2>\r\n\r\n            <p>\r\n                D\u00e9couvrez quelques-unes de nos installations et r\u00e9alisations.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-carousel\">\r\n\r\n            <button\r\n                class=\"cineprod-carousel-arrow cineprod-carousel-prev\"\r\n                type=\"button\"\r\n                aria-label=\"Photo pr\u00e9c\u00e9dente\"\r\n            >\r\n                \u2039\r\n            <\/button>\r\n\r\n            <div class=\"cineprod-carousel-viewport\">\r\n\r\n                <div class=\"cineprod-carousel-track\">\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2025\/04\/SYLVAIN-MORELLEC-ACTEUR-EMISSION-CANAL-MMA-CAGE-1.jpg\"\r\n                            alt=\"Cage MMA \u00e9v\u00e9nementielle CINEPROD\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/mma-cage-a-louer-cineprod.pro-location-octogone-paris-1.jpg\"\r\n                            alt=\"Location cage MMA Paris\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-16-1.jpg\"\r\n                            alt=\"Cage MMA \u00e9v\u00e9nement Cannes\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-15-1.jpg\"\r\n                            alt=\"Cage MMA Cannes\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-3-1.jpg\"\r\n                            alt=\"Location cage MMA\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/LOCATION-RING-BOXE-FESTIVAL-CANNES-2024-CINEPROD.PRO-2-1.jpg\"\r\n                            alt=\"Cage MMA professionnelle\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2024\/04\/TOURNAGE-FILM-CINEPROD-3.jpg\"\r\n                            alt=\"Cage MMA tournage cin\u00e9ma\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"cineprod-carousel-slide\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/cineprod.pro\/wp-content\/uploads\/2021\/09\/MMA_CAGE-EMISSION-C8.jpg\"\r\n                            alt=\"Cage MMA \u00e9mission TV\"\r\n                        >\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <button\r\n                class=\"cineprod-carousel-arrow cineprod-carousel-next\"\r\n                type=\"button\"\r\n                aria-label=\"Photo suivante\"\r\n            >\r\n                \u203a\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cineprod-carousel-info\">\r\n\r\n            <span class=\"cineprod-carousel-counter\">\r\n                1 \/ 8\r\n            <\/span>\r\n\r\n            <span class=\"cineprod-carousel-hint\">\r\n                CLIQUEZ SUR LA PHOTO POUR AGRANDIR\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =================================================\r\n         LIGHTBOX\r\n    ================================================== -->\r\n\r\n    <div class=\"cineprod-lightbox\">\r\n\r\n        <div class=\"cineprod-lightbox-bg\"><\/div>\r\n\r\n        <button\r\n            class=\"cineprod-close\"\r\n            type=\"button\"\r\n            aria-label=\"Fermer\"\r\n        >\r\n            \u00d7\r\n        <\/button>\r\n\r\n        <button\r\n            class=\"cineprod-arrow cineprod-prev\"\r\n            type=\"button\"\r\n            aria-label=\"Photo pr\u00e9c\u00e9dente\"\r\n        >\r\n            \u2039\r\n        <\/button>\r\n\r\n        <img decoding=\"async\"\r\n            class=\"cineprod-lightbox-img\"\r\n            src=\"\"\r\n            alt=\"\"\r\n        >\r\n\r\n        <button\r\n            class=\"cineprod-arrow cineprod-next\"\r\n            type=\"button\"\r\n            aria-label=\"Photo suivante\"\r\n        >\r\n            \u203a\r\n        <\/button>\r\n\r\n        <div class=\"cineprod-counter\">\r\n            1 \/ 8\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/div> <style>\r\n\/* =========================================================\r\nPOLICES\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Hammersmith+One&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n\/* =========================================================\r\nRESET\r\n========================================================= *\/\r\n\r\n.cineprod-mma-page,\r\n.cineprod-mma-page *,\r\n.cineprod-mma-page *::before,\r\n.cineprod-mma-page *::after {\r\n\r\nbox-sizing: border-box;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nPAGE\r\nFOND PLEINE LARGEUR\r\n========================================================= *\/\r\n\r\n.cineprod-mma-page {\r\n\r\nwidth: 100vw;\r\n\r\nmargin-left: calc(50% - 50vw);\r\n\r\nbackground: #0A0A0A;\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 16px;\r\n\r\nline-height: 1.8;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nCONTENU SEO\r\nM\u00caME AXE QUE LA PAGE RINGS\r\n========================================================= *\/\r\n\r\n.cineprod-mma-content {\r\n\r\nwidth: min(1280px, 94vw);\r\n\r\nmargin: 0 auto;\r\n\r\npadding: 75px 0 30px;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nTITRES\r\n========================================================= *\/\r\n\r\n.cineprod-mma-content h1,\r\n.cineprod-mma-content h2,\r\n.cineprod-gallery-title h2 {\r\n\r\nmargin: 0 0 30px;\r\n\r\ncolor: #E51616;\r\n\r\nfont-family: 'Hammersmith One', sans-serif;\r\n\r\nfont-size: 30px;\r\n\r\nfont-weight: 400;\r\n\r\nline-height: 1.25;\r\n\r\ntext-align: left;\r\n\r\n}\r\n\r\n.cineprod-mma-content h2 {\r\n\r\nmargin-top: 65px;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nTEXTE\r\n========================================================= *\/\r\n\r\n.cineprod-mma-content p {\r\n\r\nwidth: 100%;\r\n\r\nmargin: 0 0 22px;\r\n\r\npadding: 0;\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 16px;\r\n\r\nfont-weight: 400;\r\n\r\nline-height: 1.6;\r\n\r\ntext-align: left;\r\n\r\n}\r\n\r\n.cineprod-mma-content strong {\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-weight: 600;\r\n\r\n}\r\n\r\n.cineprod-intro {\r\n\r\nfont-size: 18px !important;\r\n\r\nline-height: 1.7 !important;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nLISTE MMA\r\n========================================================= *\/\r\n\r\n.cineprod-mma-list {\r\n\r\ndisplay: grid;\r\n\r\ngrid-template-columns: repeat(3, 1fr);\r\n\r\ngap: 18px;\r\n\r\nmargin-top: 35px;\r\n\r\n}\r\n\r\n.cineprod-mma-list-item {\r\n\r\npadding: 22px 24px;\r\n\r\nbackground: #0A0A0A;\r\n\r\nborder: 1px solid rgba(255,255,255,.12);\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 15px;\r\n\r\nline-height: 1.5;\r\n\r\ntransition:\r\n    border-color .3s ease,\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n.cineprod-mma-list-item:hover {\r\n\r\nborder-color: rgba(229,22,22,.65);\r\n\r\ntransform: translateY(-3px);\r\n\r\n}\r\n\r\n\/* =========================================================\r\nGALERIE\r\nFOND PLEINE LARGEUR\r\n========================================================= *\/\r\n\r\n.cineprod-gallery {\r\n\r\nwidth: 100%;\r\n\r\nbackground: #0A0A0A;\r\n\r\npadding: 55px 0 80px;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nCONTENEUR GALERIE\r\nEXACTEMENT LE M\u00caME AXE QUE LE SEO\r\n========================================================= *\/\r\n\r\n.cineprod-gallery-container {\r\n\r\nwidth: min(1280px, 94vw);\r\n\r\nmargin: 0 auto;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nTITRE GALERIE\r\n========================================================= *\/\r\n\r\n.cineprod-gallery-title {\r\n\r\nwidth: 100%;\r\n\r\nmargin: 0 0 35px;\r\n\r\n}\r\n\r\n.cineprod-gallery-title h2 {\r\n\r\nmargin-bottom: 12px;\r\n\r\n}\r\n\r\n.cineprod-gallery-title p {\r\n\r\nmargin: 0;\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 16px;\r\n\r\nline-height: 1.7;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nCARROUSEL\r\nUNE IMAGE \u00c0 LA FOIS\r\n========================================================= *\/\r\n\r\n.cineprod-carousel {\r\n\r\nposition: relative;\r\n\r\nwidth: 100%;\r\n\r\nmargin: 0;\r\n\r\ndisplay: flex;\r\n\r\nalign-items: center;\r\n\r\ngap: 18px;\r\n\r\n}\r\n\r\n.cineprod-carousel-viewport {\r\n\r\nwidth: 100%;\r\n\r\noverflow: hidden;\r\n\r\ncursor: pointer;\r\n\r\n}\r\n\r\n.cineprod-carousel-track {\r\n\r\ndisplay: flex;\r\n\r\nwidth: 100%;\r\n\r\ntransition:\r\n    transform .55s cubic-bezier(.22,.61,.36,1);\r\n\r\n}\r\n\r\n.cineprod-carousel-slide {\r\n\r\nflex: 0 0 100%;\r\n\r\nwidth: 100%;\r\n\r\naspect-ratio: 16 \/ 9;\r\n\r\noverflow: hidden;\r\n\r\nbackground: #0A0A0A;\r\n\r\n}\r\n\r\n.cineprod-carousel-slide img {\r\n\r\ndisplay: block;\r\n\r\nwidth: 100%;\r\n\r\nheight: 100%;\r\n\r\nobject-fit: cover;\r\n\r\ntransition:\r\n    transform .6s ease,\r\n    opacity .4s ease;\r\n\r\n}\r\n\r\n.cineprod-carousel-viewport:hover\r\n.cineprod-carousel-slide img {\r\n\r\ntransform: scale(1.025);\r\n\r\nopacity: .92;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nFL\u00c8CHES CARROUSEL\r\n========================================================= *\/\r\n\r\n.cineprod-carousel-arrow {\r\n\r\nflex: 0 0 auto;\r\n\r\nwidth: 52px;\r\n\r\nheight: 52px;\r\n\r\npadding: 0;\r\n\r\nborder: 1px solid rgba(255,255,255,.22);\r\n\r\nborder-radius: 50%;\r\n\r\nbackground: #0A0A0A;\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: Arial, sans-serif;\r\n\r\nfont-size: 40px;\r\n\r\nline-height: 1;\r\n\r\ncursor: pointer;\r\n\r\ndisplay: flex;\r\n\r\nalign-items: center;\r\n\r\njustify-content: center;\r\n\r\ntransition:\r\n    background .25s ease,\r\n    color .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n.cineprod-carousel-arrow:hover {\r\n\r\nbackground: #E51616;\r\n\r\nborder-color: #E51616;\r\n\r\ncolor: #FBFBFB;\r\n\r\ntransform: scale(1.06);\r\n\r\n}\r\n\r\n\/* =========================================================\r\nINFOS\r\n========================================================= *\/\r\n\r\n.cineprod-carousel-info {\r\n\r\nwidth: 100%;\r\n\r\nmargin: 18px 0 0;\r\n\r\ndisplay: flex;\r\n\r\njustify-content: space-between;\r\n\r\nalign-items: center;\r\n\r\ngap: 20px;\r\n\r\n}\r\n\r\n.cineprod-carousel-counter {\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 13px;\r\n\r\nletter-spacing: 1px;\r\n\r\n}\r\n\r\n.cineprod-carousel-hint {\r\n\r\ncolor: rgba(251,251,251,.45);\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 11px;\r\n\r\nfont-weight: 600;\r\n\r\nletter-spacing: 1px;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nLIGHTBOX\r\n========================================================= *\/\r\n\r\n.cineprod-lightbox {\r\n\r\nposition: fixed;\r\n\r\ninset: 0;\r\n\r\nz-index: 999999;\r\n\r\ndisplay: none;\r\n\r\nalign-items: center;\r\n\r\njustify-content: center;\r\n\r\n}\r\n\r\n.cineprod-lightbox.open {\r\n\r\ndisplay: flex;\r\n\r\n}\r\n\r\n.cineprod-lightbox-bg {\r\n\r\nposition: absolute;\r\n\r\ninset: 0;\r\n\r\nbackground: rgba(10,10,10,.97);\r\n\r\n}\r\n\r\n.cineprod-lightbox-img {\r\n\r\nposition: relative;\r\n\r\nz-index: 5;\r\n\r\ndisplay: block;\r\n\r\nmax-width: 85vw;\r\n\r\nmax-height: 82vh;\r\n\r\nwidth: auto;\r\n\r\nheight: auto;\r\n\r\nobject-fit: contain;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nFERMETURE\r\n========================================================= *\/\r\n\r\n.cineprod-close {\r\n\r\nposition: absolute;\r\n\r\ntop: 25px;\r\n\r\nright: 30px;\r\n\r\nz-index: 20;\r\n\r\nwidth: 45px;\r\n\r\nheight: 45px;\r\n\r\npadding: 0;\r\n\r\nborder: 1px solid rgba(255,255,255,.25);\r\n\r\nborder-radius: 50%;\r\n\r\nbackground: #0A0A0A;\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: Arial, sans-serif;\r\n\r\nfont-size: 30px;\r\n\r\nline-height: 1;\r\n\r\ncursor: pointer;\r\n\r\ntransition:\r\n    background .25s ease,\r\n    color .25s ease;\r\n\r\n}\r\n\r\n.cineprod-close:hover {\r\n\r\nbackground: #E51616;\r\n\r\ncolor: #FBFBFB;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nFL\u00c8CHES LIGHTBOX\r\n========================================================= *\/\r\n\r\n.cineprod-arrow {\r\n\r\nposition: absolute;\r\n\r\ntop: 50%;\r\n\r\ntransform: translateY(-50%);\r\n\r\nz-index: 20;\r\n\r\nwidth: 55px;\r\n\r\nheight: 55px;\r\n\r\npadding: 0;\r\n\r\nborder: 1px solid rgba(255,255,255,.25);\r\n\r\nborder-radius: 50%;\r\n\r\nbackground: #0A0A0A;\r\n\r\ncolor: #FBFBFB;\r\n\r\nfont-family: Arial, sans-serif;\r\n\r\nfont-size: 42px;\r\n\r\nline-height: 1;\r\n\r\ncursor: pointer;\r\n\r\ndisplay: flex;\r\n\r\nalign-items: center;\r\n\r\njustify-content: center;\r\n\r\ntransition:\r\n    background .25s ease,\r\n    color .25s ease;\r\n\r\n}\r\n\r\n.cineprod-arrow:hover {\r\n\r\nbackground: #E51616;\r\n\r\ncolor: #FBFBFB;\r\n\r\n}\r\n\r\n.cineprod-prev {\r\n\r\nleft: 25px;\r\n\r\n}\r\n\r\n.cineprod-next {\r\n\r\nright: 25px;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nCOMPTEUR LIGHTBOX\r\n========================================================= *\/\r\n\r\n.cineprod-counter {\r\n\r\nposition: absolute;\r\n\r\nbottom: 25px;\r\n\r\nleft: 50%;\r\n\r\ntransform: translateX(-50%);\r\n\r\nz-index: 20;\r\n\r\ncolor: rgba(251,251,251,.65);\r\n\r\nfont-family: 'Montserrat', sans-serif;\r\n\r\nfont-size: 12px;\r\n\r\nletter-spacing: 1px;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nGRAND \u00c9CRAN\r\n========================================================= *\/\r\n\r\n@media (min-width: 1440px) {\r\n\r\n.cineprod-mma-content,\r\n.cineprod-gallery-container {\r\n\r\n    width: 1320px;\r\n\r\n}\r\n\r\n}\r\n\r\n\/* =========================================================\r\nTABLETTE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1023px) {\r\n\r\n.cineprod-mma-content,\r\n.cineprod-gallery-container {\r\n\r\n    width: 94vw;\r\n\r\n}\r\n\r\n.cineprod-mma-list {\r\n\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n}\r\n\r\n}\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n.cineprod-mma-page {\r\n\r\n    width: 100%;\r\n\r\n    margin-left: 0;\r\n\r\n}\r\n\r\n.cineprod-mma-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 540px;\r\n\r\n    min-width: 0;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 45px 20px 20px;\r\n\r\n}\r\n\r\n.cineprod-mma-content h1,\r\n.cineprod-mma-content h2,\r\n.cineprod-gallery-title h2 {\r\n\r\n    font-size: 26px;\r\n\r\n    line-height: 1.3;\r\n\r\n}\r\n\r\n.cineprod-mma-content h2 {\r\n\r\n    margin-top: 55px;\r\n\r\n}\r\n\r\n.cineprod-mma-content p {\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n    text-align: justify;\r\n\r\n    text-justify: inter-word;\r\n\r\n}\r\n\r\n.cineprod-intro {\r\n\r\n    font-size: 17px !important;\r\n\r\n    line-height: 1.7 !important;\r\n\r\n}\r\n\r\n\/* -----------------------------------------------\r\n   LISTE MMA\r\n------------------------------------------------ *\/\r\n\r\n.cineprod-mma-list {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 12px;\r\n\r\n}\r\n\r\n.cineprod-mma-list-item {\r\n\r\n    padding: 18px 20px;\r\n\r\n}\r\n\r\n\/* -----------------------------------------------\r\n   GALERIE\r\n------------------------------------------------ *\/\r\n\r\n.cineprod-gallery {\r\n\r\n    padding: 45px 20px 60px;\r\n\r\n}\r\n\r\n.cineprod-gallery-container {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 540px;\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n.cineprod-gallery-title {\r\n\r\n    margin: 0 0 30px;\r\n\r\n}\r\n\r\n\/* -----------------------------------------------\r\n   CARROUSEL\r\n------------------------------------------------ *\/\r\n\r\n.cineprod-carousel {\r\n\r\n    width: 100%;\r\n\r\n    gap: 7px;\r\n\r\n}\r\n\r\n.cineprod-carousel-slide {\r\n\r\n    aspect-ratio: 4 \/ 3;\r\n\r\n}\r\n\r\n.cineprod-carousel-arrow {\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    font-size: 32px;\r\n\r\n}\r\n\r\n.cineprod-carousel-info {\r\n\r\n    margin-top: 13px;\r\n\r\n}\r\n\r\n.cineprod-carousel-hint {\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\/* -----------------------------------------------\r\n   LIGHTBOX\r\n------------------------------------------------ *\/\r\n\r\n.cineprod-lightbox-img {\r\n\r\n    max-width: 90vw;\r\n\r\n    max-height: 78vh;\r\n\r\n}\r\n\r\n.cineprod-close {\r\n\r\n    top: 12px;\r\n\r\n    right: 12px;\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    font-size: 28px;\r\n\r\n}\r\n\r\n.cineprod-arrow {\r\n\r\n    width: 44px;\r\n\r\n    height: 44px;\r\n\r\n    font-size: 34px;\r\n\r\n}\r\n\r\n.cineprod-prev {\r\n\r\n    left: 7px;\r\n\r\n}\r\n\r\n.cineprod-next {\r\n\r\n    right: 7px;\r\n\r\n}\r\n\r\n.cineprod-counter {\r\n\r\n    bottom: 15px;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n}\r\n\r\n\/* =========================================================\r\nPETITS MOBILES\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n.cineprod-mma-content {\r\n\r\n    padding-left: 16px;\r\n\r\n    padding-right: 16px;\r\n\r\n}\r\n\r\n.cineprod-gallery {\r\n\r\n    padding-left: 16px;\r\n\r\n    padding-right: 16px;\r\n\r\n}\r\n\r\n.cineprod-mma-content h1,\r\n.cineprod-mma-content h2,\r\n.cineprod-gallery-title h2 {\r\n\r\n    font-size: 24px;\r\n\r\n}\r\n\r\n.cineprod-mma-content p {\r\n\r\n    font-size: 15px;\r\n\r\n}\r\n\r\n.cineprod-carousel-arrow {\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    font-size: 29px;\r\n\r\n}\r\n\r\n.cineprod-carousel {\r\n\r\n    gap: 4px;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style> <script>\r\n(function() {\r\n\r\n\"use strict\";\r\n\r\nconst gallery =\r\n    document.querySelector('.cineprod-mma-gallery');\r\n\r\nif (!gallery) return;\r\n\r\n\/* =====================================================\r\n   \u00c9L\u00c9MENTS\r\n====================================================== *\/\r\n\r\nconst track =\r\n    gallery.querySelector('.cineprod-carousel-track');\r\n\r\nconst slides =\r\n    gallery.querySelectorAll('.cineprod-carousel-slide');\r\n\r\nconst prevButton =\r\n    gallery.querySelector('.cineprod-carousel-prev');\r\n\r\nconst nextButton =\r\n    gallery.querySelector('.cineprod-carousel-next');\r\n\r\nconst counter =\r\n    gallery.querySelector('.cineprod-carousel-counter');\r\n\r\nconst viewport =\r\n    gallery.querySelector('.cineprod-carousel-viewport');\r\n\r\n\/* =====================================================\r\n   LIGHTBOX\r\n====================================================== *\/\r\n\r\nconst lightbox =\r\n    gallery.querySelector('.cineprod-lightbox');\r\n\r\nconst lightboxImage =\r\n    gallery.querySelector('.cineprod-lightbox-img');\r\n\r\nconst lightboxCounter =\r\n    gallery.querySelector('.cineprod-counter');\r\n\r\nconst lightboxPrev =\r\n    gallery.querySelector('.cineprod-prev');\r\n\r\nconst lightboxNext =\r\n    gallery.querySelector('.cineprod-next');\r\n\r\nconst closeButton =\r\n    gallery.querySelector('.cineprod-close');\r\n\r\nconst lightboxBackground =\r\n    gallery.querySelector('.cineprod-lightbox-bg');\r\n\r\nlet current = 0;\r\n\r\nconst total = slides.length;\r\n\r\n\/* =====================================================\r\n   CARROUSEL\r\n====================================================== *\/\r\n\r\nfunction renderCarousel() {\r\n\r\n    track.style.transform =\r\n        'translateX(-' + (current * 100) + '%)';\r\n\r\n    counter.textContent =\r\n        (current + 1) + ' \/ ' + total;\r\n\r\n}\r\n\r\nfunction nextSlide() {\r\n\r\n    current =\r\n        (current + 1) % total;\r\n\r\n    renderCarousel();\r\n\r\n}\r\n\r\nfunction previousSlide() {\r\n\r\n    current =\r\n        (current - 1 + total) % total;\r\n\r\n    renderCarousel();\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   LIGHTBOX\r\n====================================================== *\/\r\n\r\nfunction renderLightbox() {\r\n\r\n    const img =\r\n        slides[current].querySelector('img');\r\n\r\n    lightboxImage.src =\r\n        img.src;\r\n\r\n    lightboxImage.alt =\r\n        img.alt;\r\n\r\n    lightboxCounter.textContent =\r\n        (current + 1) + ' \/ ' + total;\r\n\r\n}\r\n\r\nfunction openLightbox() {\r\n\r\n    renderLightbox();\r\n\r\n    lightbox.classList.add('open');\r\n\r\n    document.body.style.overflow = 'hidden';\r\n\r\n}\r\n\r\nfunction closeLightbox() {\r\n\r\n    lightbox.classList.remove('open');\r\n\r\n    document.body.style.overflow = '';\r\n\r\n}\r\n\r\nfunction lightboxNextSlide() {\r\n\r\n    nextSlide();\r\n\r\n    renderLightbox();\r\n\r\n}\r\n\r\nfunction lightboxPreviousSlide() {\r\n\r\n    previousSlide();\r\n\r\n    renderLightbox();\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   CARROUSEL \u2014 SUIVANT\r\n====================================================== *\/\r\n\r\nnextButton.addEventListener('click', function(e) {\r\n\r\n    e.preventDefault();\r\n\r\n    e.stopPropagation();\r\n\r\n    nextSlide();\r\n\r\n});\r\n\r\n\/* =====================================================\r\n   CARROUSEL \u2014 PR\u00c9C\u00c9DENT\r\n====================================================== *\/\r\n\r\nprevButton.addEventListener('click', function(e) {\r\n\r\n    e.preventDefault();\r\n\r\n    e.stopPropagation();\r\n\r\n    previousSlide();\r\n\r\n});\r\n\r\n\/* =====================================================\r\n   PHOTO \u2192 LIGHTBOX\r\n====================================================== *\/\r\n\r\nviewport.addEventListener('click', function(e) {\r\n\r\n    if (\r\n        e.target.closest('.cineprod-carousel-arrow')\r\n    ) {\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    openLightbox();\r\n\r\n});\r\n\r\n\/* =====================================================\r\n   LIGHTBOX \u2014 SUIVANT\r\n====================================================== *\/\r\n\r\nlightboxNext.addEventListener('click', function(e) {\r\n\r\n    e.preventDefault();\r\n\r\n    e.stopPropagation();\r\n\r\n    lightboxNextSlide();\r\n\r\n});\r\n\r\n\/* =====================================================\r\n   LIGHTBOX \u2014 PR\u00c9C\u00c9DENT\r\n====================================================== *\/\r\n\r\nlightboxPrev.addEventListener('click', function(e) {\r\n\r\n    e.preventDefault();\r\n\r\n    e.stopPropagation();\r\n\r\n    lightboxPreviousSlide();\r\n\r\n});\r\n\r\n\/* =====================================================\r\n   FERMETURE\r\n====================================================== *\/\r\n\r\ncloseButton.addEventListener(\r\n    'click',\r\n    closeLightbox\r\n);\r\n\r\nlightboxBackground.addEventListener(\r\n    'click',\r\n    closeLightbox\r\n);\r\n\r\n\/* =====================================================\r\n   CLAVIER\r\n====================================================== *\/\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n\r\n    if (!lightbox.classList.contains('open')) {\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    if (e.key === 'Escape') {\r\n\r\n        closeLightbox();\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    if (e.key === 'ArrowRight') {\r\n\r\n        lightboxNextSlide();\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    if (e.key === 'ArrowLeft') {\r\n\r\n        lightboxPreviousSlide();\r\n\r\n        return;\r\n\r\n    }\r\n\r\n});\r\n\r\n\/* =====================================================\r\n   SWIPE MOBILE\r\n====================================================== *\/\r\n\r\nlet touchStartX = 0;\r\n\r\nlet touchEndX = 0;\r\n\r\nviewport.addEventListener(\r\n    'touchstart',\r\n    function(e) {\r\n\r\n        touchStartX =\r\n            e.changedTouches[0].screenX;\r\n\r\n    },\r\n    { passive: true }\r\n);\r\n\r\nviewport.addEventListener(\r\n    'touchend',\r\n    function(e) {\r\n\r\n        touchEndX =\r\n            e.changedTouches[0].screenX;\r\n\r\n        const distance =\r\n            touchStartX - touchEndX;\r\n\r\n        if (Math.abs(distance) < 50) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n        if (distance > 0) {\r\n\r\n            nextSlide();\r\n\r\n        } else {\r\n\r\n            previousSlide();\r\n\r\n        }\r\n\r\n    },\r\n    { passive: true }\r\n);\r\n\r\n\/* =====================================================\r\n   INITIALISATION\r\n====================================================== *\/\r\n\r\nrenderCarousel();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RINGS DE BOXE SUR MESURE POUR VOS \u00c9V\u00c9NEMENTS Transformez votre \u00e9v\u00e9nement en une v\u00e9ritable exp\u00e9rience visuelle. Un ring de boxe ne se contente pas d&rsquo;occuper un espace : il attire les regards, cr\u00e9e un d\u00e9cor imm\u00e9diatement identifiable et donne une identit\u00e9 forte \u00e0 votre \u00e9v\u00e9nement. CINEPROD propose la location de rings de boxe personnalisables \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7760","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages\/7760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cineprod.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7760"}],"version-history":[{"count":52,"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages\/7760\/revisions"}],"predecessor-version":[{"id":13485,"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages\/7760\/revisions\/13485"}],"wp:attachment":[{"href":"https:\/\/cineprod.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}