{"id":13461,"date":"2026-09-12T20:07:24","date_gmt":"2026-09-12T18:07:24","guid":{"rendered":"https:\/\/cineprod.pro\/?page_id=13461"},"modified":"2026-09-12T21:45:44","modified_gmt":"2026-09-12T19:45:44","slug":"notre-histoire","status":"publish","type":"page","link":"https:\/\/cineprod.pro\/?page_id=13461","title":{"rendered":"Notre Histoire"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13461\" class=\"elementor elementor-13461\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c3d861 e-con e-atomic-element e-flexbox-base \" data-id=\"7c3d861\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c3d861\">\n    \t\t<div class=\"elementor-element elementor-element-df1c187 elementor-widget elementor-widget-html\" data-id=\"df1c187\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CINEPROD \u2014 PAGE PARCOURS SYLVAIN MORELLEC\r\n========================================================= -->\r\n\r\n<div class=\"cineprod-parcours-page\">\r\n\r\n<!-- =====================================================\r\n     CONTENU SEO\r\n====================================================== -->\r\n\r\n<section class=\"cineprod-parcours-content\">\r\n\r\n    <h1>\r\n        SYLVAIN MORELLEC \u2014 UN PARCOURS AU C\u0152UR DU RING ET DES SPORTS DE COMBAT\r\n    <\/h1>\r\n\r\n    <p class=\"cineprod-parcours-intro\">\r\n        <strong>\r\n            Depuis pr\u00e8s de 30 ans, Sylvain Morellec \u00e9volue dans l'univers\r\n            du spectacle, du ring et des sports de combat.\r\n        <\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n        Son parcours d\u00e9bute dans les ann\u00e9es 2000 avec le monde du catch et du spectacle\r\n        de combat, o\u00f9 il se produit sous le nom de Tyzon.\r\n        Cette exp\u00e9rience lui permet de d\u00e9couvrir de l'int\u00e9rieur les exigences du ring :\r\n        pr\u00e9paration d'un \u00e9v\u00e9nement, installation, mise en sc\u00e8ne, entr\u00e9e des combattants,\r\n        gestion du public et environnement technique.\r\n    <\/p>\r\n\r\n    <p>\r\n        Au fil des ann\u00e9es, cette exp\u00e9rience du spectacle sportif s'accompagne d'un\r\n        int\u00e9r\u00eat croissant pour la boxe et les \u00e9quipements d\u00e9di\u00e9s aux sports de combat.\r\n        Sylvain d\u00e9veloppe alors un v\u00e9ritable savoir-faire autour des rings, de leur\r\n        conception, de leur installation et de leur utilisation dans le cadre\r\n        d'\u00e9v\u00e9nements.\r\n    <\/p>\r\n\r\n\r\n    <!-- =================================================\r\n         GALERIE 1\r\n    ================================================== -->\r\n\r\n    <section class=\"cineprod-parcours-gallery\" data-gallery=\"parcours-gallery-1\">\r\n\r\n        <div class=\"cineprod-gallery-title\">\r\n\r\n            <h2>\r\n                LES D\u00c9BUTS DANS LE MONDE DU CATCH\r\n            <\/h2>\r\n\r\n            <p>\r\n                Les premi\u00e8res exp\u00e9riences de Sylvain Morellec dans l'univers du spectacle\r\n                de combat et du catch.\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\/AFFICHE-CATCH-TYZON-SYLVAIN-MORELLEC-AFFICHE-CATCHEUR-PRO-1PACT-ORGANISATION.jpg\"\r\n                            alt=\"Tyzon Sylvain Morellec catcheur\"\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\/2025\/04\/ARTICLE-JOURNAL-SHOW-CATCH-MONACO-PISCINE-OLYMPIQUE-CATCHEUR-TYZON-SYLVAIN-MORELLEC.jpg\"\r\n                            alt=\"Show catch Monaco Sylvain Morellec\"\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\/2025\/04\/ARTICLE-JOURNAL-PRESSE-SHOW-CATCH-MONACO-CATCHEUR-TYZON-SYLVAIN-MORELLEC.jpg\"\r\n                            alt=\"Article presse catch Sylvain Morellec\"\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 \/ 3\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        <!-- LIGHTBOX -->\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-lightbox-arrow cineprod-lightbox-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-lightbox-arrow cineprod-lightbox-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-lightbox-counter\">\r\n                1 \/ 3\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =================================================\r\n         2015\r\n    ================================================== -->\r\n\r\n    <h2>\r\n        2015 \u2014 LA CR\u00c9ATION DE HAGLER\r\n    <\/h2>\r\n\r\n    <p>\r\n        Le 22 septembre 2015, Sylvain Morellec cr\u00e9e HAGLER, soci\u00e9t\u00e9 sp\u00e9cialis\u00e9e dans\r\n        l'\u00e9v\u00e9nementiel et les \u00e9quipements sportifs.\r\n    <\/p>\r\n\r\n    <p>\r\n        \u00c0 travers cette structure, il d\u00e9veloppe notamment des activit\u00e9s autour des\r\n        rings de boxe, \u00e9quipements sportifs, manifestations et \u00e9v\u00e9nements li\u00e9s au sport.\r\n    <\/p>\r\n\r\n    <p>\r\n        Cette p\u00e9riode marque une \u00e9tape importante dans son parcours :\r\n        son exp\u00e9rience du ring et du spectacle devient une v\u00e9ritable expertise professionnelle.\r\n    <\/p>\r\n\r\n\r\n    <!-- =================================================\r\n         GALERIE 2\r\n    ================================================== -->\r\n\r\n    <section class=\"cineprod-parcours-gallery\" data-gallery=\"parcours-gallery-2\">\r\n\r\n        <div class=\"cineprod-gallery-title\">\r\n\r\n            <h2>\r\n                2015 \u2014 HAGLER ET L'\u00c9V\u00c9NEMENTIEL\r\n            <\/h2>\r\n\r\n            <p>\r\n                Une nouvelle \u00e9tape professionnelle autour de l'\u00e9v\u00e9nementiel sportif,\r\n                du spectacle et des \u00e9quipements de combat.\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\/03\/SYLVAIN-MORELLEC-COORDINATEUR-EVENEMENTIEL-18.jpg\"\r\n                            alt=\"Sylvain Morellec coordinateur \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\/2025\/03\/SYLVAIN-MORELLEC-COORDINATEUR-EVENEMENTIEL-2.jpg\"\r\n                            alt=\"Sylvain Morellec \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\/2024\/08\/SYLVAIN-MORELLEC-ACTOR.jpg\"\r\n                            alt=\"Sylvain Morellec acteur\"\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 \/ 3\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        <!-- LIGHTBOX -->\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-lightbox-arrow cineprod-lightbox-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-lightbox-arrow cineprod-lightbox-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-lightbox-counter\">\r\n                1 \/ 3\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =================================================\r\n         2016\r\n    ================================================== -->\r\n\r\n    <h2>\r\n        2016 \u2014 LE MONDE DE LA BOXE ENTRE DANS L'IMAGE\r\n    <\/h2>\r\n\r\n    <p>\r\n        En 2016, Sylvain Morellec participe notamment au clip\r\n        \u00ab Mouhammad Alix \u00bb de Kery James, consacr\u00e9 \u00e0 la figure du boxeur Mohamed Ali.\r\n        Il fait \u00e9galement une apparition dans le clip de Sounds Of Legend\r\n        \u00ab You Keep Me Hangin On \u00bb o\u00f9 il joue le r\u00f4le du coach.\r\n    <\/p>\r\n\r\n    <p>\r\n        Cette exp\u00e9rience illustre la passerelle qui s'est progressivement cr\u00e9\u00e9e entre\r\n        son univers des sports de combat et celui de l'image.\r\n    <\/p>\r\n\r\n    <p>\r\n        Le ring devient alors pour lui \u00e0 la fois un espace sportif,\r\n        un espace de spectacle et un v\u00e9ritable \u00e9l\u00e9ment de mise en sc\u00e8ne.\r\n    <\/p>\r\n\r\n\r\n    <!-- =================================================\r\n         GALERIE 3\r\n    ================================================== -->\r\n\r\n    <section class=\"cineprod-parcours-gallery\" data-gallery=\"parcours-gallery-3\">\r\n\r\n        <div class=\"cineprod-gallery-title\">\r\n\r\n            <h2>\r\n                2016 \u2014 SPORTS DE COMBAT ET IMAGE\r\n            <\/h2>\r\n\r\n            <p>\r\n                Le savoir-faire du ring rencontre progressivement l'univers\r\n                de la t\u00e9l\u00e9vision, du clip et de l'audiovisuel.\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\/2024\/07\/sylvain-morellec-comedienArbitre.jpg\"\r\n                            alt=\"Sylvain Morellec arbitre\"\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\/03\/CINEPROD-SYLVAIN-MORELLEC-COMEDIEN-ACTEUR-COACH-BOXE-CLIP-SOUND-OF-LEGEND-96.jpg\"\r\n                            alt=\"Sylvain Morellec coach 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\/2024\/03\/CINEPROD-SYLVAIN-MORELLEC-COMEDIEN-ACTEUR-COACH-BOXE-CLIP-SOUND-OF-LEGEND-17.jpg\"\r\n                            alt=\"Sylvain Morellec Sound of Legend\"\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 \/ 3\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        <!-- LIGHTBOX -->\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-lightbox-arrow cineprod-lightbox-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-lightbox-arrow cineprod-lightbox-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-lightbox-counter\">\r\n                1 \/ 3\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =================================================\r\n         2020\r\n    ================================================== -->\r\n\r\n    <h2>\r\n        2020 \u2014 CINEPROD D\u00c9VELOPPE SON EXPERTISE DU RING\r\n    <\/h2>\r\n\r\n    <p>\r\n        En mars 2020, CINEPROD met en avant son activit\u00e9 autour des rings et d\u00e9cors\r\n        de boxe pour les \u00e9v\u00e9nements et les tournages.\r\n    <\/p>\r\n\r\n    <p>\r\n        Cette activit\u00e9 s'inscrit directement dans la continuit\u00e9 du travail d\u00e9velopp\u00e9\r\n        depuis plusieurs ann\u00e9es.\r\n    <\/p>\r\n\r\n    <p>\r\n        Rings de boxe, rings d'entra\u00eenement, cages MMA et d\u00e9cors sportifs deviennent\r\n        une v\u00e9ritable sp\u00e9cialit\u00e9 de CINEPROD, avec une volont\u00e9 particuli\u00e8re de proposer\r\n        des installations \u00e0 la fois r\u00e9alistes, fonctionnelles et adapt\u00e9es \u00e0 l'image.\r\n    <\/p>\r\n\r\n\r\n    <!-- =================================================\r\n         GALERIE 4\r\n    ================================================== -->\r\n\r\n    <section class=\"cineprod-parcours-gallery\" data-gallery=\"parcours-gallery-4\">\r\n\r\n        <div class=\"cineprod-gallery-title\">\r\n\r\n            <h2>\r\n                2020 \u2014 RINGS, CAGES MMA ET D\u00c9CORS SPORTIFS\r\n            <\/h2>\r\n\r\n            <p>\r\n                Des installations con\u00e7ues pour les \u00e9v\u00e9nements, les tournages\r\n                et les productions audiovisuelles.\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\/2024\/01\/MIN-RING-BOXE-PRIEURE-EGLISE-PARIS-3.jpg\"\r\n                            alt=\"Mini ring 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\/2024\/01\/RING-B0XE-TOURNAGE-PUB-SAMSUNG.jpg\"\r\n                            alt=\"Ring boxe tournage Samsung\"\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\/MMA-CAGE-CENTRE-COMMERCIAL-LA-DEFENCE-PEPSI.jpg\"\r\n                            alt=\"Cage MMA Pepsi\"\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\/MINI-RING-BOXE-SPECIAL-EVENT.jpg\"\r\n                            alt=\"Mini ring 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\/2024\/01\/RING-BOXE-FRANCAISE-DES-JEUX.jpg\"\r\n                            alt=\"Ring boxe Fran\u00e7aise des Jeux\"\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 \/ 5\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        <!-- LIGHTBOX -->\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-lightbox-arrow cineprod-lightbox-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-lightbox-arrow cineprod-lightbox-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-lightbox-counter\">\r\n                1 \/ 5\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =================================================\r\n         2022\r\n    ================================================== -->\r\n\r\n    <h2>\r\n        2022 \u2014 CINEPROD\r\n    <\/h2>\r\n\r\n    <p>\r\n        Le 2 septembre 2022, CINEPROD est officiellement d\u00e9clar\u00e9e \u00e0 Montlh\u00e9ry.\r\n    <\/p>\r\n\r\n    <p>\r\n        La structure permet \u00e0 Sylvain Morellec de r\u00e9unir plusieurs d\u00e9cennies\r\n        d'exp\u00e9rience dans le spectacle, l'\u00e9v\u00e9nementiel, les sports de combat\r\n        et l'audiovisuel.\r\n    <\/p>\r\n\r\n    <p>\r\n        Son exp\u00e9rience du terrain constitue aujourd'hui l'une des particularit\u00e9s\r\n        de CINEPROD : conna\u00eetre le monde du combat de l'int\u00e9rieur et comprendre\r\n        les contraintes qui entourent un ring, aussi bien pour un \u00e9v\u00e9nement sportif\r\n        que pour un tournage.\r\n    <\/p>\r\n\r\n\r\n    <!-- =================================================\r\n         EXPERTISE\r\n    ================================================== -->\r\n\r\n    <h2>\r\n        UNE EXPERTISE CONSTRUITE SUR LE TERRAIN\r\n    <\/h2>\r\n\r\n    <p>\r\n        Le parcours de Sylvain Morellec est avant tout celui d'un homme de terrain.\r\n    <\/p>\r\n\r\n    <p>\r\n        Du spectacle de combat au catch, de l'\u00e9v\u00e9nementiel sportif \u00e0 la conception\r\n        et \u00e0 la location de rings, il a progressivement construit une expertise autour\r\n        d'un m\u00eame univers : celui du combat et de sa mise en sc\u00e8ne.\r\n    <\/p>\r\n\r\n    <p>\r\n        Cette exp\u00e9rience lui permet aujourd'hui d'aborder un projet dans sa globalit\u00e9 :\r\n        choix du ring, dimensions, implantation, montage, environnement visuel,\r\n        logistique et rendu final.\r\n    <\/p>\r\n\r\n    <p>\r\n        Pour CINEPROD, un ring n'est pas simplement une structure.\r\n        C'est le c\u0153ur d'un spectacle, un d\u00e9cor, une sc\u00e8ne et un \u00e9l\u00e9ment essentiel\r\n        de l'identit\u00e9 visuelle d'un \u00e9v\u00e9nement.\r\n    <\/p>\r\n\r\n    <p>\r\n        C'est cette connaissance du terrain, construite au fil des ann\u00e9es,\r\n        que Sylvain Morellec met aujourd'hui au service de CINEPROD et de ses clients.\r\n    <\/p>\r\n\r\n\r\n    <!-- =================================================\r\n         GALERIE FINALE\r\n    ================================================== -->\r\n\r\n    <section class=\"cineprod-parcours-gallery\" data-gallery=\"parcours-gallery-5\">\r\n\r\n        <div class=\"cineprod-gallery-title\">\r\n\r\n            <h2>\r\n                CINEPROD \u2014 DES RINGS POUR TOUS LES UNIVERS\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u00c9v\u00e9nements sportifs, spectacles, t\u00e9l\u00e9vision, cin\u00e9ma, clips,\r\n                shootings et exp\u00e9riences de marque.\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\/2024\/01\/SOIREE-BOXE-BUSINESS-CABARET-SAUVAGE.jpg\"\r\n                            alt=\"Soir\u00e9e boxe Business Cabaret Sauvage\"\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-20.jpg\"\r\n                            alt=\"Boxing Event 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\/01\/RING-BOXE-HOTEL-SEMINAIRE-ENTREPRISE.jpg\"\r\n                            alt=\"Ring boxe h\u00f4tel s\u00e9minaire entreprise\"\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\/RING-BOXE-PLATEAU-TV-SAINT-DENIS.jpg\"\r\n                            alt=\"Ring boxe plateau TV Saint-Denis\"\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\/RING-BOXE-SHOOTING-MODE-1.jpg\"\r\n                            alt=\"Ring boxe shooting mode\"\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\/RING-BOXE-SOIREE-BOXE-MONTREUIL-ENTREPOT-1ring-boxe-entrepot-montreuil-2.jpg\"\r\n                            alt=\"Ring boxe soir\u00e9e Montreuil\"\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\/RING-BOXE-SOIREE-EMISSION-TELEREALITE-TV.jpg\"\r\n                            alt=\"Ring boxe \u00e9mission t\u00e9l\u00e9r\u00e9alit\u00e9\"\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\/RING-BOXE-SOIREE-MARBRERIE-MONTREUIL.jpg\"\r\n                            alt=\"Ring boxe soir\u00e9e marbrerie Montreuil\"\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\/RING-BOXE-TOURNAGE-CLIP-KERY-JAMES-1.jpg\"\r\n                            alt=\"Ring boxe tournage clip Kery James\"\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\/RING-BOXE-TOURNAGE-EMISSION-TV.jpg\"\r\n                            alt=\"Ring boxe tournage \u00e9mission TV\"\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\/RING-BOXE-TOURNAGE-FILM-KO.jpg\"\r\n                            alt=\"Ring boxe tournage film KO\"\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 \/ 11\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        <!-- LIGHTBOX -->\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-lightbox-arrow cineprod-lightbox-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-lightbox-arrow cineprod-lightbox-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-lightbox-counter\">\r\n                1 \/ 11\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     STYLE\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-parcours-page,\r\n.cineprod-parcours-page *,\r\n.cineprod-parcours-page *::before,\r\n.cineprod-parcours-page *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE\r\n   PLEINE LARGEUR\r\n========================================================= *\/\r\n\r\n.cineprod-parcours-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\r\n========================================================= *\/\r\n\r\n.cineprod-parcours-content {\r\n\r\n    width: min(1280px, 94vw);\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 75px 0 80px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITRES\r\n========================================================= *\/\r\n\r\n.cineprod-parcours-content h1,\r\n.cineprod-parcours-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.cineprod-parcours-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-parcours-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.cineprod-parcours-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\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.cineprod-parcours-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   GALERIE\r\n========================================================= *\/\r\n\r\n.cineprod-parcours-gallery {\r\n\r\n    width: 100%;\r\n\r\n    margin: 55px 0 30px;\r\n\r\n    padding: 0;\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.cineprod-gallery-title h2 {\r\n\r\n    margin-top: 0;\r\n\r\n    margin-bottom: 12px;\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   UNE IMAGE \u00c0 LA FOIS\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.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.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.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.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.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.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   INFORMATIONS\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.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.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.cineprod-lightbox.open {\r\n\r\n    display: flex;\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.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-family: Arial, sans-serif;\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.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-lightbox-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-family: Arial, sans-serif;\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.cineprod-lightbox-arrow:hover {\r\n\r\n    background: #E51616;\r\n\r\n    color: #FBFBFB;\r\n\r\n}\r\n\r\n.cineprod-lightbox-prev {\r\n\r\n    left: 25px;\r\n\r\n}\r\n\r\n.cineprod-lightbox-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-lightbox-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-parcours-content {\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-parcours-content {\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-parcours-page {\r\n\r\n        width: 100%;\r\n\r\n        margin-left: 0;\r\n\r\n    }\r\n\r\n    .cineprod-parcours-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 60px;\r\n\r\n    }\r\n\r\n    .cineprod-parcours-content h1,\r\n    .cineprod-parcours-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-parcours-content h2 {\r\n\r\n        margin-top: 55px;\r\n\r\n    }\r\n\r\n    .cineprod-parcours-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-parcours-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       GALERIE\r\n    ------------------------------------------------ *\/\r\n\r\n    .cineprod-parcours-gallery {\r\n\r\n        margin-top: 45px;\r\n\r\n        margin-bottom: 20px;\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    .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    \/* -----------------------------------------------\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-lightbox-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-lightbox-prev {\r\n\r\n        left: 7px;\r\n\r\n    }\r\n\r\n    .cineprod-lightbox-next {\r\n\r\n        right: 7px;\r\n\r\n    }\r\n\r\n    .cineprod-lightbox-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-parcours-content {\r\n\r\n        padding-left: 16px;\r\n\r\n        padding-right: 16px;\r\n\r\n    }\r\n\r\n    .cineprod-parcours-content h1,\r\n    .cineprod-parcours-content h2,\r\n    .cineprod-gallery-title h2 {\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n    .cineprod-parcours-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>\r\n\r\n\r\n<!-- =====================================================\r\n     JAVASCRIPT\r\n====================================================== -->\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n\"use strict\";\r\n\r\n\r\n\/* =====================================================\r\n   TOUTES LES GALERIES DE LA PAGE\r\n====================================================== *\/\r\n\r\nconst galleries =\r\n    document.querySelectorAll(\r\n        '.cineprod-parcours-gallery'\r\n    );\r\n\r\n\r\nif (!galleries.length) {\r\n\r\n    return;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INITIALISATION DE CHAQUE GALERIE\r\n====================================================== *\/\r\n\r\ngalleries.forEach(function(gallery) {\r\n\r\n\r\n    \/* =================================================\r\n       \u00c9L\u00c9MENTS\r\n    ================================================== *\/\r\n\r\n    const track =\r\n        gallery.querySelector(\r\n            '.cineprod-carousel-track'\r\n        );\r\n\r\n    const slides =\r\n        gallery.querySelectorAll(\r\n            '.cineprod-carousel-slide'\r\n        );\r\n\r\n    const prevButton =\r\n        gallery.querySelector(\r\n            '.cineprod-carousel-prev'\r\n        );\r\n\r\n    const nextButton =\r\n        gallery.querySelector(\r\n            '.cineprod-carousel-next'\r\n        );\r\n\r\n    const counter =\r\n        gallery.querySelector(\r\n            '.cineprod-carousel-counter'\r\n        );\r\n\r\n    const viewport =\r\n        gallery.querySelector(\r\n            '.cineprod-carousel-viewport'\r\n        );\r\n\r\n\r\n    \/* =================================================\r\n       LIGHTBOX\r\n    ================================================== *\/\r\n\r\n    const lightbox =\r\n        gallery.querySelector(\r\n            '.cineprod-lightbox'\r\n        );\r\n\r\n    const lightboxImage =\r\n        gallery.querySelector(\r\n            '.cineprod-lightbox-img'\r\n        );\r\n\r\n    const lightboxCounter =\r\n        gallery.querySelector(\r\n            '.cineprod-lightbox-counter'\r\n        );\r\n\r\n    const lightboxPrev =\r\n        gallery.querySelector(\r\n            '.cineprod-lightbox-prev'\r\n        );\r\n\r\n    const lightboxNext =\r\n        gallery.querySelector(\r\n            '.cineprod-lightbox-next'\r\n        );\r\n\r\n    const closeButton =\r\n        gallery.querySelector(\r\n            '.cineprod-close'\r\n        );\r\n\r\n    const lightboxBackground =\r\n        gallery.querySelector(\r\n            '.cineprod-lightbox-bg'\r\n        );\r\n\r\n\r\n    \/* =================================================\r\n       VARIABLES\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(-' +\r\n            (current * 100) +\r\n            '%)';\r\n\r\n        counter.textContent =\r\n            (current + 1) +\r\n            ' \/ ' +\r\n            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        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) +\r\n            ' \/ ' +\r\n            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 =\r\n            '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\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 SUIVANT\r\n    ================================================== *\/\r\n\r\n    nextButton.addEventListener(\r\n        'click',\r\n        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    \/* =================================================\r\n       CARROUSEL \u2014 PR\u00c9C\u00c9DENT\r\n    ================================================== *\/\r\n\r\n    prevButton.addEventListener(\r\n        'click',\r\n        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    \/* =================================================\r\n       PHOTO \u2192 LIGHTBOX\r\n    ================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n        'click',\r\n        function(e) {\r\n\r\n            if (\r\n                e.target.closest(\r\n                    '.cineprod-carousel-arrow'\r\n                )\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\r\n    \/* =================================================\r\n       LIGHTBOX \u2014 SUIVANT\r\n    ================================================== *\/\r\n\r\n    lightboxNext.addEventListener(\r\n        'click',\r\n        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    \/* =================================================\r\n       LIGHTBOX \u2014 PR\u00c9C\u00c9DENT\r\n    ================================================== *\/\r\n\r\n    lightboxPrev.addEventListener(\r\n        'click',\r\n        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    \/* =================================================\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(\r\n        'keydown',\r\n        function(e) {\r\n\r\n            if (\r\n                !lightbox.classList.contains('open')\r\n            ) {\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\r\n    \/* =================================================\r\n       SWIPE MOBILE\r\n    ================================================== *\/\r\n\r\n    let touchStartX = 0;\r\n\r\n    let touchEndX = 0;\r\n\r\n\r\n    viewport.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        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    viewport.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\r\n            if (\r\n                Math.abs(distance) < 50\r\n            ) {\r\n\r\n                return;\r\n\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        {\r\n            passive: true\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})();\r\n\r\n<\/script>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SYLVAIN MORELLEC \u2014 UN PARCOURS AU C\u0152UR DU RING ET DES SPORTS DE COMBAT Depuis pr\u00e8s de 30 ans, Sylvain Morellec \u00e9volue dans l&rsquo;univers du spectacle, du ring et des sports de combat. Son parcours d\u00e9bute dans les ann\u00e9es 2000 avec le monde du catch et du spectacle de combat, o\u00f9 il se produit sous [&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-13461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages\/13461","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=13461"}],"version-history":[{"count":13,"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages\/13461\/revisions"}],"predecessor-version":[{"id":13488,"href":"https:\/\/cineprod.pro\/index.php?rest_route=\/wp\/v2\/pages\/13461\/revisions\/13488"}],"wp:attachment":[{"href":"https:\/\/cineprod.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}