{"id":204,"date":"2016-03-02T20:29:30","date_gmt":"2016-03-02T19:29:30","guid":{"rendered":"http:\/\/scm-football.com\/accueil\/?page_id=204"},"modified":"2026-08-11T16:36:57","modified_gmt":"2026-08-11T15:36:57","slug":"notre-equipe","status":"publish","type":"page","link":"https:\/\/scm-football.com\/accueil\/notre-equipe","title":{"rendered":"&#8211; NOTRE EQUIPE &#8211;"},"content":{"rendered":"\n    <style>\n        :root {\n            --bleu: #0756a8;\n            --bleu-fonce: #06366b;\n            --bleu-clair: #1685e5;\n            --blanc: #ffffff;\n            --gris: #d9e2ec;\n            --fond: #071522;\n            --fond-card: #0d2235;\n            --ligne: #2388d9;\n            --ombre: 0 15px 40px rgba(0, 0, 0, 0.30);\n        }\n\n        * {\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            margin: 0;\n            font-family: Arial, Helvetica, sans-serif;\n            background:\n                radial-gradient(\n                    circle at top center,\n                    #12385b 0%,\n                    var(--fond) 55%\n                );\n            color: var(--blanc);\n            min-height: 100vh;\n        }\n\n        \/* =====================================================\n           CONTENEUR PRINCIPAL\n        ===================================================== *\/\n\n        .organigramme {\n            width: min(1200px, 94%);\n            margin: 0 auto;\n            padding: 60px 0 80px;\n        }\n\n        \/* =====================================================\n           EN-T\u00caTE\n        ===================================================== *\/\n\n        .header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .club-badge {\n            width: 75px;\n            height: 75px;\n            margin: 0 auto 20px;\n            border-radius: 50%;\n            background: linear-gradient(\n                145deg,\n                var(--bleu-clair),\n                var(--bleu-fonce)\n            );\n            border: 3px solid rgba(255,255,255,0.9);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            font-weight: 900;\n            box-shadow: var(--ombre);\n        }\n\n        .header h1 {\n            margin: 0;\n            font-size: clamp(30px, 5vw, 52px);\n            font-weight: 900;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .header h1 span {\n            color: var(--bleu-clair);\n        }\n\n        .header p {\n            margin: 12px 0 0;\n            color: var(--gris);\n            font-size: 16px;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        \/* =====================================================\n           ORGANIGRAMME\n        ===================================================== *\/\n\n        .structure {\n            position: relative;\n        }\n\n        .niveau {\n            display: flex;\n            justify-content: center;\n            position: relative;\n        }\n\n        \/* =====================================================\n           CARTE PERSONNE\n        ===================================================== *\/\n\n        .personne {\n            width: 310px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .carte {\n            background: linear-gradient(\n                145deg,\n                rgba(18, 53, 82, 0.98),\n                rgba(8, 28, 45, 0.98)\n            );\n\n            border: 1px solid rgba(35, 136, 217, 0.55);\n            border-radius: 18px;\n            overflow: hidden;\n            box-shadow: var(--ombre);\n\n            transition:\n                transform 0.3s ease,\n                box-shadow 0.3s ease,\n                border-color 0.3s ease;\n        }\n\n        .carte:hover {\n            transform: translateY(-8px);\n            border-color: var(--bleu-clair);\n            box-shadow:\n                0 20px 50px rgba(0, 0, 0, 0.40),\n                0 0 25px rgba(22, 133, 229, 0.18);\n        }\n\n        \/* =====================================================\n           PHOTO\n        ===================================================== *\/\n\n        .photo-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            background: #102b42;\n        }\n\n        .photo-container::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background:\n                linear-gradient(\n                    to top,\n                    rgba(7, 21, 34, 0.90),\n                    transparent 45%\n                );\n            pointer-events: none;\n        }\n\n        .photo {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n            display: block;\n        }\n\n        \/* =====================================================\n           CONTENU CARTE\n        ===================================================== *\/\n\n        .contenu {\n            padding: 22px 24px 25px;\n            text-align: center;\n        }\n\n        .fonction {\n            display: inline-block;\n            padding: 7px 14px;\n            margin-bottom: 12px;\n\n            border-radius: 30px;\n\n            background: rgba(22, 133, 229, 0.15);\n            border: 1px solid rgba(22, 133, 229, 0.5);\n\n            color: #6dbfff;\n            font-size: 11px;\n            font-weight: 800;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n        }\n\n        .nom {\n            margin: 0 0 12px;\n            font-size: 22px;\n            font-weight: 900;\n            color:#FFFFFF!important;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .description {\n            margin: 0;\n            color: #c3d0dc;\n            font-size: 14px;\n            line-height: 1.65;\n        }\n\n        \/* =====================================================\n           RESPONSABLE PRINCIPAL\n        ===================================================== *\/\n\n        .direction {\n            margin-bottom: 90px;\n        }\n\n        \/* Ligne verticale sous le responsable *\/\n        .direction::after {\n            content: \"\";\n            position: absolute;\n            left: 50%;\n            bottom: -90px;\n            width: 3px;\n            height: 90px;\n            background: linear-gradient(\n                to bottom,\n                var(--ligne),\n                rgba(35,136,217,0)\n            );\n            transform: translateX(-50%);\n        }\n\n        \/* =====================================================\n           NIVEAU \u00c9QUIPE\n        ===================================================== *\/\n\n        .equipe {\n            display: grid;\n            grid-template-columns: repeat(2, 310px);\n            justify-content: center;\n            gap: 130px;\n            position: relative;\n        }\n\n        \/* Ligne horizontale entre les deux personnes *\/\n        .equipe::before {\n            content: \"\";\n            position: absolute;\n            top: -40px;\n            left: calc(50% - 375px);\n            right: calc(50% - 375px);\n            height: 3px;\n\n            background: linear-gradient(\n                90deg,\n                transparent,\n                var(--ligne) 20%,\n                var(--ligne) 80%,\n                transparent\n            );\n        }\n\n        \/* Ligne verticale vers chaque carte *\/\n        .equipe .personne::before {\n            content: \"\";\n            position: absolute;\n            top: -1px;\n            left: 50%;\n            width: 3px;\n            height: 35px;\n            background: var(--ligne);\n            transform: translateY(-100%);\n        }\n\n        \/* =====================================================\n           TITRE DE SECTION\n        ===================================================== *\/\n\n        .titre-section {\n            text-align: center;\n            margin: 0 0 30px;\n        }\n\n        .titre-section span {\n            display: inline-block;\n            padding: 8px 18px;\n\n            background: var(--bleu-fonce);\n            border: 1px solid var(--bleu);\n\n            border-radius: 30px;\n\n            font-size: 12px;\n            font-weight: 800;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        \/* =====================================================\n           FOOTER\n        ===================================================== *\/\n\n        .footer {\n            text-align: center;\n            margin-top: 70px;\n            color: #7f95a8;\n            font-size: 12px;\n            letter-spacing: 1px;\n        }\n\n        \/* =====================================================\n           TABLETTES\n        ===================================================== *\/\n\n        @media (max-width: 900px) {\n\n            .equipe {\n                grid-template-columns: repeat(2, minmax(250px, 310px));\n                gap: 50px;\n            }\n\n            .equipe::before {\n                left: 10%;\n                right: 10%;\n            }\n        }\n\n        \/* =====================================================\n           MOBILE\n        ===================================================== *\/\n\n        @media (max-width: 700px) {\n\n            .organigramme {\n                padding-top: 35px;\n            }\n\n            .header {\n                margin-bottom: 40px;\n            }\n\n            .personne {\n                width: min(100%, 330px);\n            }\n\n            .direction {\n                margin-bottom: 60px;\n            }\n\n            .direction::after {\n                bottom: -60px;\n                height: 60px;\n            }\n\n            .equipe {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 50px;\n            }\n\n            .equipe::before {\n                display: none;\n            }\n\n            .equipe .personne::before {\n                display: none;\n            }\n\n            .equipe .personne:not(:first-child)::after {\n                content: \"\";\n                position: absolute;\n                top: -50px;\n                left: 50%;\n                width: 3px;\n                height: 50px;\n                background: var(--ligne);\n                transform: translateX(-50%);\n            }\n\n            .photo-container {\n                height: 300px;\n            }\n        }\n\n        \/* =====================================================\n           PETITS T\u00c9L\u00c9PHONES\n        ===================================================== *\/\n\n        @media (max-width: 400px) {\n\n            .organigramme {\n                width: 92%;\n            }\n\n            .photo-container {\n                height: 260px;\n            }\n\n            .nom {\n                font-size: 19px;\n                var(--blanc);\n            }\n\n            .description {\n                font-size: 13px;\n            }\n        }\n\n        \/* =====================================================\n           ACCESSIBILIT\u00c9\n        ===================================================== *\/\n\n        @media (prefers-reduced-motion: reduce) {\n            *,\n            *::before,\n            *::after {\n                scroll-behavior: auto !important;\n                transition: none !important;\n            }\n        }\n    <\/style>\n\n        <!-- =================================================\n             EN-T\u00caTE\n        ================================================== -->\n\n        <header class=\"header\">\n            <p style=\"color:#000; font-size:16px;font-weight:bold\">\n                \u00c9quipe &amp; organisation\n            <\/p>\n        <\/header>\n\n\n        <!-- =================================================\n             STRUCTURE\n        ================================================== -->\n\n        <section class=\"structure\">\n\n            <!-- DIRECTION -->\n\n            <div class=\"niveau direction\">\n\n                <article class=\"personne\">\n\n                    <div class=\"carte\">\n\n                        <div class=\"photo-container\">\n\n                            <img decoding=\"async\"\n                                class=\"photo\"\n                                src=\"images\/jacky-mouyal.png\"\n                                alt=\"Portrait de Jacky Mouyal\"\n                            >\n\n                        <\/div>\n\n                        <div class=\"contenu\">\n\n                            <div class=\"fonction\">\n                                Direction\n                            <\/div>\n\n                            <h2 class=\"nom\">\n                                Jacky Mouyal\n                            <\/h2>\n\n                            <p class=\"description\">\n                                Agent de joueurs FFF, FIFA &amp; FA<br>\n                                Agent de matchs UEFA, FIFA &amp; FA<br>\n                                Email : <b>jacky.mouyal@scm-football.com<\/b>\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"equipe\">\n\n                <!-- SAINT ANGE PARTIBANE -->\n\n                <article class=\"personne\">\n\n                    <div class=\"carte\">\n\n                        <div class=\"photo-container\">\n\n                            <img decoding=\"async\"\n                                class=\"photo\"\n                                src=\"images\/saint-ange-partibane.jpg\"\n                                alt=\"Portrait de Saint Ange Partibane\"\n                            >\n\n                        <\/div>\n\n                        <div class=\"contenu\">\n\n                            <div class=\"fonction\">\n                                Communication\n                            <\/div>\n\n                            <h2 class=\"nom\">\n                                Saint Ange Partibane\n                            <\/h2>\n\n                            <p class=\"description\">\n                                Responsable Web<br>\n                                Email : webmaster@scm-football.com\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- AJOUT FUTUR -->\n\n                <article class=\"personne\">\n\n                    <div class=\"carte\">\n\n                        <div class=\"photo-container\">\n\n                            <img decoding=\"async\"\n                                class=\"photo\"\n                                src=\"images\/varun.jpg\"\n                                alt=\"SAINT ANGE VARUN\"\n                            >\n\n                        <\/div>\n\n                        <div class=\"contenu\">\n\n                            <div class=\"fonction\">\n                                COMMUNICATION\n                            <\/div>\n\n                            <h2 class=\"nom\">\n                                SAINT ANGE <br>VARUN\n                            <\/h2>\n\n                            <p class=\"description\">\n                               Responsable Analyste Vid\u00e9o\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n        <\/section>\n\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/scm-football.com\/accueil\/wp-content\/uploads\/2026\/07\/Derniere-carte-de-visite-S-CM-Jacky-MOUYAL.png\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9quipe &amp; organisation Direction Jacky Mouyal Agent de joueurs FFF, FIFA &amp; FA Agent de matchs UEFA, FIFA &amp; FA Email : jacky.mouyal@scm-football.com Communication Saint Ange Partibane Responsable Web Email : webmaster@scm-football.com COMMUNICATION SAINT ANGE VARUN Responsable Analyste Vid\u00e9o<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sidebar-page.php","meta":{"footnotes":""},"class_list":["post-204","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/pages\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":57,"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":3736,"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/pages\/204\/revisions\/3736"}],"wp:attachment":[{"href":"https:\/\/scm-football.com\/accueil\/wp-json\/wp\/v2\/media?parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}