{"id":469,"date":"2026-04-15T22:14:47","date_gmt":"2026-04-15T22:14:47","guid":{"rendered":"https:\/\/stc-tu.com\/nos-services\/"},"modified":"2026-07-26T14:22:47","modified_gmt":"2026-07-26T14:22:47","slug":"nos-services","status":"publish","type":"page","link":"https:\/\/stc-tu.com\/fr\/nos-services\/","title":{"rendered":"Nos services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"469\" class=\"elementor elementor-469 elementor-118\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63b8de4c e-con-full e-flex e-con e-parent\" data-id=\"63b8de4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2339a7a3 e-flex e-con-boxed e-con e-child\" data-id=\"2339a7a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71d8afeb elementor-widget elementor-widget-heading\" data-id=\"71d8afeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Nos services<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e56caeb elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"e56caeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nous proposons des services complets dans le secteur minier, s&rsquo;appuyant sur une expertise op\u00e9rationnelle et une vision strat\u00e9gique, Afin de garantir les plus hauts niveaux d&rsquo;efficacit\u00e9 et de durabilit\u00e9 dans la gestion des ressources naturelles.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f66411b e-con-full e-flex e-con e-child\" data-id=\"f66411b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b01de7c elementor-widget elementor-widget-heading\" data-id=\"1b01de7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Nos services<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da3a397 elementor-widget elementor-widget-jkit_button\" data-id=\"da3a397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-after jeg_module___6ace8346b28c2\" ><a href=\"https:\/\/stc-tu.com\/fr\/\" class=\"jkit-button-wrapper\">Accueil<svg viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zm28.9-143.6L209.4 288H392c13.3 0 24-10.7 24-24v-16c0-13.3-10.7-24-24-24H209.4l75.5-72.4c9.7-9.3 9.9-24.8.4-34.3l-11-10.9c-9.4-9.4-24.6-9.4-33.9 0L107.7 239c-9.4 9.4-9.4 24.6 0 33.9l132.7 132.7c9.4 9.4 24.6 9.4 33.9 0l11-10.9c9.5-9.5 9.3-25-.4-34.3z\"><\/path><\/svg><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea0f753 e-con-full e-flex e-con e-parent\" data-id=\"ea0f753\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba92541 elementor-widget elementor-widget-html\" data-id=\"ba92541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   STC \u2013 Section des services miniers\r\n======================================== *\/\r\n\r\n.stc-services {\r\n    --stc-gold: #d7b476;\r\n    --stc-gold-light: #efd39d;\r\n    --stc-dark: #080808;\r\n    --stc-card: #10100f;\r\n    --stc-border: rgba(215, 180, 118, 0.25);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 110px 0;\r\n    direction: ltr;\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 15%,\r\n            rgba(215, 180, 118, 0.08),\r\n            transparent 32%\r\n        ),\r\n        #080808;\r\n}\r\n\r\n.stc-services,\r\n.stc-services * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.stc-services__container {\r\n    width: min(1200px, calc(100% - 48px));\r\n    margin-inline: auto;\r\n}\r\n\r\n\/* En-t\u00eate de la section *\/\r\n.stc-services__header {\r\n    max-width: 740px;\r\n    margin: 0 auto 55px;\r\n    text-align: center;\r\n}\r\n\r\n.stc-services__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--stc-gold);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-services__eyebrow::before,\r\n.stc-services__eyebrow::after {\r\n    content: \"\";\r\n    width: 32px;\r\n    height: 1px;\r\n    background: var(--stc-gold);\r\n    opacity: 0.65;\r\n}\r\n\r\n.stc-services__title {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: clamp(34px, 4vw, 52px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.3;\r\n}\r\n\r\n.stc-services__title span {\r\n    color: var(--stc-gold);\r\n}\r\n\r\n.stc-services__description {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* Grille des services *\/\r\n.stc-services__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 22px;\r\n}\r\n\r\n\/* Carte de service *\/\r\n.stc-service-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 405px;\r\n    overflow: hidden;\r\n    padding: 30px 26px 26px;\r\n    text-align: left;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.035),\r\n            rgba(255, 255, 255, 0)\r\n        ),\r\n        var(--stc-card);\r\n    border: 1px solid var(--stc-border);\r\n    border-radius: 10px;\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.stc-service-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: -85px;\r\n    right: -85px;\r\n    width: 180px;\r\n    height: 180px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 180, 118, 0.1);\r\n    filter: blur(40px);\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.stc-service-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--stc-gold);\r\n    transition: width 0.35s ease;\r\n}\r\n\r\n.stc-service-card:hover {\r\n    transform: translateY(-9px);\r\n    border-color: rgba(215, 180, 118, 0.65);\r\n    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.stc-service-card:hover::before {\r\n    transform: scale(1.25);\r\n}\r\n\r\n.stc-service-card:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n\/* Num\u00e9ro du service *\/\r\n.stc-service-card__number {\r\n    position: absolute;\r\n    top: 23px;\r\n    right: 24px;\r\n    color: rgba(215, 180, 118, 0.18);\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n}\r\n\r\n\/* Ic\u00f4ne du service *\/\r\n.stc-service-card__icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 62px;\r\n    height: 62px;\r\n    margin-bottom: 28px;\r\n    color: var(--stc-gold);\r\n    background: rgba(215, 180, 118, 0.08);\r\n    border: 1px solid rgba(215, 180, 118, 0.28);\r\n    border-radius: 8px;\r\n}\r\n\r\n.stc-service-card__icon svg {\r\n    width: 31px;\r\n    height: 31px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.stc-service-card__title {\r\n    margin: 0 0 16px;\r\n    color: #ffffff;\r\n    font-size: 18px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.55;\r\n}\r\n\r\n.stc-service-card__text {\r\n    margin: 0 0 28px;\r\n    color: rgba(255, 255, 255, 0.62);\r\n    font-size: 15px !important;\r\n    line-height: 1.95;\r\n}\r\n\r\n.stc-service-card__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    width: fit-content;\r\n    margin-top: auto;\r\n    color: var(--stc-gold) !important;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition:\r\n        color 0.25s ease,\r\n        gap 0.25s ease;\r\n}\r\n\r\n.stc-service-card__link:hover {\r\n    gap: 14px;\r\n    color: var(--stc-gold-light) !important;\r\n}\r\n\r\n.stc-service-card__arrow {\r\n    display: inline-block;\r\n    font-size: 20px;\r\n    line-height: 1;\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.stc-service-card__link:hover .stc-service-card__arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* CTA sous les services *\/\r\n.stc-services__footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-top: 45px;\r\n    padding: 28px 32px;\r\n    text-align: left;\r\n    background: rgba(215, 180, 118, 0.055);\r\n    border: 1px solid rgba(215, 180, 118, 0.2);\r\n    border-radius: 10px;\r\n}\r\n\r\n.stc-services__footer-text h3 {\r\n    margin: 0 0 7px;\r\n    color: #ffffff;\r\n    font-size: 21px;\r\n    font-weight: 750;\r\n}\r\n\r\n.stc-services__footer-text p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.62);\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.stc-services__footer-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-width: 235px;\r\n    min-height: 53px;\r\n    padding: 12px 24px;\r\n    color: #080808 !important;\r\n    background: var(--stc-gold);\r\n    border: 1px solid var(--stc-gold);\r\n    border-radius: 5px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease;\r\n}\r\n\r\n.stc-services__footer-btn:hover {\r\n    transform: translateY(-3px);\r\n    background: var(--stc-gold-light);\r\n}\r\n\r\n\/* Tablette *\/\r\n@media (max-width: 1024px) {\r\n    .stc-services {\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .stc-services__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .stc-service-card {\r\n        min-height: 390px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n    .stc-services {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .stc-services__container {\r\n        width: calc(100% - 32px);\r\n    }\r\n\r\n    .stc-services__header {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    .stc-services__title {\r\n        font-size: 33px !important;\r\n    }\r\n\r\n    .stc-services__description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .stc-services__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 17px;\r\n    }\r\n\r\n    .stc-service-card {\r\n        min-height: auto;\r\n        padding: 27px 23px 24px;\r\n    }\r\n\r\n    .stc-services__footer {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n        padding: 25px 22px;\r\n        text-align: center;\r\n    }\r\n\r\n    .stc-services__footer-btn {\r\n        width: 100%;\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .stc-service-card,\r\n    .stc-service-card::before,\r\n    .stc-service-card::after,\r\n    .stc-service-card__link,\r\n    .stc-service-card__arrow,\r\n    .stc-services__footer-btn {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    class=\"stc-services\"\r\n    aria-labelledby=\"stc-services-heading\"\r\n    lang=\"fr\"\r\n    dir=\"ltr\"\r\n>\r\n    <div class=\"stc-services__container\">\r\n\r\n        <header class=\"stc-services__header\">\r\n\r\n            <div class=\"stc-services__eyebrow\">\r\n                Nos services\r\n            <\/div>\r\n\r\n            <h2 class=\"stc-services__title\" id=\"stc-services-heading\">\r\n                Nos solutions <span>mini\u00e8res<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"stc-services__description\">\r\n                Des services con\u00e7us pour accompagner l\u2019ensemble du cycle\r\n                d\u2019un projet minier et transformer les ressources naturelles\r\n                en opportunit\u00e9s durables de production et d\u2019approvisionnement.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n        <div class=\"stc-services__grid\">\r\n\r\n            <!-- Service 01 -->\r\n            <article class=\"stc-service-card\">\r\n\r\n                <span class=\"stc-service-card__number\" aria-hidden=\"true\">\r\n                    01\r\n                <\/span>\r\n\r\n                <div class=\"stc-service-card__icon\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"6\"><\/circle>\r\n                        <path d=\"M16 16l4 4\"><\/path>\r\n                        <path d=\"M8 11h6\"><\/path>\r\n                        <path d=\"M11 8v6\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"stc-service-card__title\">\r\n                    Exploration et \u00e9valuation g\u00e9ologique\r\n                <\/h3>\r\n\r\n                <p class=\"stc-service-card__text\">\r\n                    Nous \u00e9tudions les sites et les ressources min\u00e9rales\r\n                    et recueillons les donn\u00e9es techniques n\u00e9cessaires\r\n                    pour \u00e9valuer les opportunit\u00e9s et d\u00e9finir les \u00e9tapes\r\n                    adapt\u00e9es au d\u00e9veloppement du projet.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"stc-service-card__link\"\r\n                    href=\"?service=geological-exploration#service-inquiry\"\r\n                    aria-label=\"Demander le service d\u2019exploration et d\u2019\u00e9valuation g\u00e9ologique\"\r\n                >\r\n                    Demander ce service\r\n\r\n                    <span\r\n                        class=\"stc-service-card__arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n            <!-- Service 02 -->\r\n            <article class=\"stc-service-card\">\r\n\r\n                <span class=\"stc-service-card__number\" aria-hidden=\"true\">\r\n                    02\r\n                <\/span>\r\n\r\n                <div class=\"stc-service-card__icon\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 20h16\"><\/path>\r\n                        <path d=\"M6 20V9l6-4 6 4v11\"><\/path>\r\n                        <path d=\"M9 20v-5h6v5\"><\/path>\r\n                        <path d=\"M9 10h6\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"stc-service-card__title\">\r\n                    D\u00e9veloppement et exploitation des mines\r\n                <\/h3>\r\n\r\n                <p class=\"stc-service-card__text\">\r\n                    Nous \u00e9laborons les plans de d\u00e9veloppement et\r\n                    d\u2019exploitation et g\u00e9rons les diff\u00e9rentes \u00e9tapes\r\n                    de production afin d\u2019am\u00e9liorer l\u2019efficacit\u00e9\r\n                    op\u00e9rationnelle et l\u2019utilisation des ressources.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"stc-service-card__link\"\r\n                    href=\"?service=mine-development#service-inquiry\"\r\n                    aria-label=\"Demander le service de d\u00e9veloppement et d\u2019exploitation des mines\"\r\n                >\r\n                    Demander ce service\r\n\r\n                    <span\r\n                        class=\"stc-service-card__arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n            <!-- Service 03 -->\r\n            <article class=\"stc-service-card\">\r\n\r\n                <span class=\"stc-service-card__number\" aria-hidden=\"true\">\r\n                    03\r\n                <\/span>\r\n\r\n                <div class=\"stc-service-card__icon\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 7h16\"><\/path>\r\n                        <path d=\"M6 7l2-3h8l2 3\"><\/path>\r\n                        <path d=\"M5 7l2 13h10l2-13\"><\/path>\r\n                        <path d=\"M9 11h6\"><\/path>\r\n                        <path d=\"M10 15h4\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"stc-service-card__title\">\r\n                    Traitement du minerai et contr\u00f4le qualit\u00e9\r\n                <\/h3>\r\n\r\n                <p class=\"stc-service-card__text\">\r\n                    Nous assurons le traitement et la classification\r\n                    des mati\u00e8res premi\u00e8res ainsi que le suivi des\r\n                    sp\u00e9cifications techniques et de la qualit\u00e9 pour\r\n                    r\u00e9pondre aux besoins industriels et du b\u00e2timent.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"stc-service-card__link\"\r\n                    href=\"?service=ore-quality#service-inquiry\"\r\n                    aria-label=\"Demander le service de traitement du minerai et de contr\u00f4le qualit\u00e9\"\r\n                >\r\n                    Demander ce service\r\n\r\n                    <span\r\n                        class=\"stc-service-card__arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n            <!-- Service 04 -->\r\n            <article class=\"stc-service-card\">\r\n\r\n                <span class=\"stc-service-card__number\" aria-hidden=\"true\">\r\n                    04\r\n                <\/span>\r\n\r\n                <div class=\"stc-service-card__icon\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 6h11v10H3z\"><\/path>\r\n                        <path d=\"M14 10h4l3 3v3h-7z\"><\/path>\r\n                        <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\r\n                        <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"stc-service-card__title\">\r\n                    Approvisionnement et solutions logistiques\r\n                <\/h3>\r\n\r\n                <p class=\"stc-service-card__text\">\r\n                    Nous coordonnons les contrats d\u2019approvisionnement,\r\n                    les quantit\u00e9s, les sp\u00e9cifications et les plans\r\n                    d\u2019exp\u00e9dition afin de garantir la fiabilit\u00e9 des\r\n                    cha\u00eenes logistiques et l\u2019acc\u00e8s aux march\u00e9s cibl\u00e9s.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"stc-service-card__link\"\r\n                    href=\"?service=supply-logistics#service-inquiry\"\r\n                    aria-label=\"Demander les solutions d\u2019approvisionnement et de logistique\"\r\n                >\r\n                    Demander ce service\r\n\r\n                    <span\r\n                        class=\"stc-service-card__arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"stc-services__footer\">\r\n\r\n            <div class=\"stc-services__footer-text\">\r\n\r\n                <h3>\r\n                    Vous recherchez une solution adapt\u00e9e \u00e0 votre projet ?\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Partagez vos besoins avec nous. Notre \u00e9quipe vous\r\n                    contactera pour discuter du service et des prochaines\r\n                    \u00e9tapes les plus appropri\u00e9es.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n                class=\"stc-services__footer-btn\"\r\n                href=\"#service-inquiry\"\r\n            >\r\n                Discuter de vos besoins\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4be35a1 e-con-full e-flex e-con e-parent\" data-id=\"4be35a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f43ac2 elementor-widget elementor-widget-html\" data-id=\"1f43ac2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   STC \u2013 M\u00e9thodologie de travail\r\n======================================== *\/\r\n\r\n.stc-process {\r\n    --stc-process-gold: #d7b476;\r\n    --stc-process-gold-light: #efd39d;\r\n    --stc-process-bg: #0d0d0c;\r\n    --stc-process-card: #131311;\r\n    --stc-process-border: rgba(215, 180, 118, 0.24);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 110px 0;\r\n    direction: ltr;\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 85%,\r\n            rgba(215, 180, 118, 0.09),\r\n            transparent 30%\r\n        ),\r\n        var(--stc-process-bg);\r\n}\r\n\r\n.stc-process,\r\n.stc-process * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.stc-process__container {\r\n    width: min(1200px, calc(100% - 48px));\r\n    margin-inline: auto;\r\n}\r\n\r\n\/* En-t\u00eate de la section *\/\r\n.stc-process__header {\r\n    max-width: 760px;\r\n    margin: 0 auto 70px;\r\n    text-align: center;\r\n}\r\n\r\n.stc-process__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--stc-process-gold);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-process__eyebrow::before,\r\n.stc-process__eyebrow::after {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 1px;\r\n    background: var(--stc-process-gold);\r\n    opacity: 0.65;\r\n}\r\n\r\n.stc-process__title {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: clamp(34px, 4vw, 52px);\r\n    font-weight: 800 !important;\r\n    line-height: 1.3;\r\n}\r\n\r\n.stc-process__title span {\r\n    color: var(--stc-process-gold);\r\n}\r\n\r\n.stc-process__description {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* Parcours des \u00e9tapes *\/\r\n.stc-process__timeline {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 24px;\r\n}\r\n\r\n\/* Ligne reliant les \u00e9tapes *\/\r\n.stc-process__timeline::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 39px;\r\n    right: 10%;\r\n    left: 10%;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n        to right,\r\n        transparent,\r\n        rgba(215, 180, 118, 0.65) 12%,\r\n        rgba(215, 180, 118, 0.65) 88%,\r\n        transparent\r\n    );\r\n}\r\n\r\n\/* \u00c9tape *\/\r\n.stc-process-step {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 345px;\r\n}\r\n\r\n\/* Num\u00e9ro de l\u2019\u00e9tape *\/\r\n.stc-process-step__number-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.stc-process-step__number {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 78px;\r\n    height: 78px;\r\n    color: #090909;\r\n    background: var(--stc-process-gold);\r\n    border: 7px solid var(--stc-process-bg);\r\n    border-radius: 50%;\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    box-shadow:\r\n        0 0 0 1px rgba(215, 180, 118, 0.38),\r\n        0 12px 28px rgba(0, 0, 0, 0.3);\r\n    transition:\r\n        transform 0.3s ease,\r\n        background-color 0.3s ease;\r\n}\r\n\r\n.stc-process-step:hover .stc-process-step__number {\r\n    transform: translateY(-5px) scale(1.06);\r\n    background: var(--stc-process-gold-light);\r\n}\r\n\r\n\/* Contenu de l\u2019\u00e9tape *\/\r\n.stc-process-step__content {\r\n    position: relative;\r\n    flex: 1;\r\n    padding: 30px 24px 28px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.035),\r\n            transparent\r\n        ),\r\n        var(--stc-process-card);\r\n    border: 1px solid var(--stc-process-border);\r\n    border-radius: 10px;\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.stc-process-step__content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: 45px;\r\n    height: 2px;\r\n    background: var(--stc-process-gold);\r\n    transform: translateX(-50%);\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n.stc-process-step:hover .stc-process-step__content {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(215, 180, 118, 0.58);\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);\r\n}\r\n\r\n.stc-process-step:hover .stc-process-step__content::before {\r\n    width: 100%;\r\n}\r\n\r\n\/* Ic\u00f4ne *\/\r\n.stc-process-step__icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 54px;\r\n    height: 54px;\r\n    margin: 0 auto 21px;\r\n    color: var(--stc-process-gold);\r\n    background: rgba(215, 180, 118, 0.08);\r\n    border: 1px solid rgba(215, 180, 118, 0.25);\r\n    border-radius: 8px;\r\n}\r\n\r\n.stc-process-step__icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.stc-process-step__title {\r\n    margin: 0 0 13px;\r\n    color: #ffffff;\r\n    font-size: 20px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.5;\r\n}\r\n\r\n.stc-process-step__text {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.62);\r\n    font-size: 15px;\r\n    line-height: 1.95;\r\n}\r\n\r\n\/* Remarque sous la section *\/\r\n.stc-process__note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    max-width: 800px;\r\n    margin: 50px auto 0;\r\n    padding: 19px 25px;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    background: rgba(215, 180, 118, 0.055);\r\n    border: 1px solid rgba(215, 180, 118, 0.18);\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.stc-process__note-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    flex: 0 0 28px;\r\n    color: var(--stc-process-gold);\r\n    border: 1px solid rgba(215, 180, 118, 0.35);\r\n    border-radius: 50%;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* Tablette *\/\r\n@media (max-width: 1024px) {\r\n    .stc-process {\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .stc-process__timeline {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 30px 22px;\r\n    }\r\n\r\n    .stc-process__timeline::before {\r\n        display: none;\r\n    }\r\n\r\n    .stc-process-step {\r\n        min-height: 345px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n    .stc-process {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .stc-process__container {\r\n        width: calc(100% - 32px);\r\n    }\r\n\r\n    .stc-process__header {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .stc-process__title {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .stc-process__description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .stc-process__timeline {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n    }\r\n\r\n    \/* Ligne verticale *\/\r\n    .stc-process__timeline::before {\r\n        display: block;\r\n        top: 35px;\r\n        bottom: 35px;\r\n        left: 35px;\r\n        right: auto;\r\n        width: 1px;\r\n        height: auto;\r\n        background: rgba(215, 180, 118, 0.45);\r\n    }\r\n\r\n    .stc-process-step {\r\n        display: grid;\r\n        grid-template-columns: 70px minmax(0, 1fr);\r\n        gap: 16px;\r\n        min-height: 0;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .stc-process-step:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .stc-process-step__number-wrap {\r\n        align-items: flex-start;\r\n        justify-content: flex-start;\r\n        margin: 0;\r\n    }\r\n\r\n    .stc-process-step__number {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-width: 6px;\r\n        font-size: 19px;\r\n    }\r\n\r\n    .stc-process-step__content {\r\n        min-height: 250px;\r\n        padding: 25px 20px;\r\n        text-align: left;\r\n    }\r\n\r\n    .stc-process-step__icon {\r\n        margin-right: auto;\r\n        margin-left: 0;\r\n    }\r\n\r\n    .stc-process__note {\r\n        align-items: flex-start;\r\n        margin-top: 38px;\r\n        padding: 18px;\r\n        text-align: left;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .stc-process-step {\r\n        grid-template-columns: 58px minmax(0, 1fr);\r\n        gap: 12px;\r\n    }\r\n\r\n    .stc-process-step__number {\r\n        width: 58px;\r\n        height: 58px;\r\n        border-width: 5px;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .stc-process__timeline::before {\r\n        left: 29px;\r\n        right: auto;\r\n    }\r\n\r\n    .stc-process-step__content {\r\n        padding: 23px 17px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .stc-process-step__number,\r\n    .stc-process-step__content,\r\n    .stc-process-step__content::before {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    class=\"stc-process\"\r\n    aria-labelledby=\"stc-process-title\"\r\n    lang=\"fr\"\r\n    dir=\"ltr\"\r\n>\r\n    <div class=\"stc-process__container\">\r\n\r\n        <header class=\"stc-process__header\">\r\n\r\n            <div class=\"stc-process__eyebrow\">\r\n                Notre m\u00e9thodologie\r\n            <\/div>\r\n\r\n            <h2 class=\"stc-process__title\" id=\"stc-process-title\">\r\n                Comment <span>travaillons-nous&nbsp;?<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"stc-process__description\">\r\n                Une m\u00e9thodologie claire pour transformer les besoins\r\n                du client en un plan d\u2019ex\u00e9cution pratique et mesurable,\r\n                avec un suivi continu \u00e0 chaque \u00e9tape du projet.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n        <div class=\"stc-process__timeline\">\r\n\r\n            <!-- \u00c9tape 01 -->\r\n            <article class=\"stc-process-step\">\r\n\r\n                <div class=\"stc-process-step__number-wrap\">\r\n                    <span class=\"stc-process-step__number\">01<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stc-process-step__content\">\r\n\r\n                    <div class=\"stc-process-step__icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M8 10h8\"><\/path>\r\n                            <path d=\"M8 14h5\"><\/path>\r\n                            <path d=\"M5 4h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8l-5 3v-3H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"stc-process-step__title\">\r\n                        Compr\u00e9hension des besoins\r\n                    <\/h3>\r\n\r\n                    <p class=\"stc-process-step__text\">\r\n                        Nous recueillons les informations relatives au\r\n                        projet ou aux besoins d\u2019approvisionnement, puis\r\n                        d\u00e9finissons les objectifs, le p\u00e9rim\u00e8tre, les\r\n                        quantit\u00e9s et les r\u00e9sultats attendus.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <!-- \u00c9tape 02 -->\r\n            <article class=\"stc-process-step\">\r\n\r\n                <div class=\"stc-process-step__number-wrap\">\r\n                    <span class=\"stc-process-step__number\">02<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stc-process-step__content\">\r\n\r\n                    <div class=\"stc-process-step__icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"11\" cy=\"11\" r=\"6\"><\/circle>\r\n                            <path d=\"M16 16l4 4\"><\/path>\r\n                            <path d=\"M8 11h6\"><\/path>\r\n                            <path d=\"M11 8v6\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"stc-process-step__title\">\r\n                        \u00c9valuation technique\r\n                    <\/h3>\r\n\r\n                    <p class=\"stc-process-step__text\">\r\n                        Nous examinons les informations techniques,\r\n                        les quantit\u00e9s, les sp\u00e9cifications, le site et\r\n                        le calendrier afin de d\u00e9terminer l\u2019approche\r\n                        d\u2019ex\u00e9cution la plus adapt\u00e9e.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <!-- \u00c9tape 03 -->\r\n            <article class=\"stc-process-step\">\r\n\r\n                <div class=\"stc-process-step__number-wrap\">\r\n                    <span class=\"stc-process-step__number\">03<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stc-process-step__content\">\r\n\r\n                    <div class=\"stc-process-step__icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 4h16v16H4z\"><\/path>\r\n                            <path d=\"M8 9h8\"><\/path>\r\n                            <path d=\"M8 13h8\"><\/path>\r\n                            <path d=\"M8 17h5\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"stc-process-step__title\">\r\n                        Proposition et plan d\u2019ex\u00e9cution\r\n                    <\/h3>\r\n\r\n                    <p class=\"stc-process-step__text\">\r\n                        Nous pr\u00e9sentons une proposition claire d\u00e9crivant\r\n                        le service, les \u00e9tapes d\u2019ex\u00e9cution, les\r\n                        responsabilit\u00e9s et la dur\u00e9e estim\u00e9e de chaque phase.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <!-- \u00c9tape 04 -->\r\n            <article class=\"stc-process-step\">\r\n\r\n                <div class=\"stc-process-step__number-wrap\">\r\n                    <span class=\"stc-process-step__number\">04<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stc-process-step__content\">\r\n\r\n                    <div class=\"stc-process-step__icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 12l5 5L20 6\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"stc-process-step__title\">\r\n                        Ex\u00e9cution et suivi\r\n                    <\/h3>\r\n\r\n                    <p class=\"stc-process-step__text\">\r\n                        Nous r\u00e9alisons les travaux convenus tout en assurant\r\n                        le suivi de la qualit\u00e9 et de l\u2019avancement, ainsi\r\n                        qu\u2019une communication continue jusqu\u2019\u00e0 l\u2019ach\u00e8vement\r\n                        du service.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"stc-process__note\">\r\n\r\n            <span class=\"stc-process__note-icon\" aria-hidden=\"true\">\r\n                \u2713\r\n            <\/span>\r\n\r\n            <span>\r\n                Les d\u00e9tails de chaque \u00e9tape sont d\u00e9finis selon la nature\r\n                du projet, le p\u00e9rim\u00e8tre des travaux, le site et les\r\n                quantit\u00e9s requises.\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8722ca e-con-full e-flex e-con e-parent\" data-id=\"a8722ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd7dcb elementor-widget elementor-widget-html\" data-id=\"0fd7dcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   STC \u2013 Preuves et r\u00e9sultats\r\n======================================== *\/\r\n\r\n.stc-proof {\r\n    --stc-proof-gold: #d7b476;\r\n    --stc-proof-gold-light: #efd39d;\r\n    --stc-proof-bg: #080808;\r\n    --stc-proof-card: #11110f;\r\n    --stc-proof-border: rgba(215, 180, 118, 0.24);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 110px 0;\r\n    direction: ltr;\r\n    background:\r\n        radial-gradient(\r\n            circle at 10% 15%,\r\n            rgba(215, 180, 118, 0.09),\r\n            transparent 30%\r\n        ),\r\n        radial-gradient(\r\n            circle at 90% 90%,\r\n            rgba(215, 180, 118, 0.06),\r\n            transparent 28%\r\n        ),\r\n        var(--stc-proof-bg);\r\n}\r\n\r\n.stc-proof,\r\n.stc-proof * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.stc-proof__container {\r\n    width: min(1200px, calc(100% - 48px));\r\n    margin-inline: auto;\r\n}\r\n\r\n\/* En-t\u00eate *\/\r\n.stc-proof__header {\r\n    max-width: 760px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.stc-proof__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--stc-proof-gold);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-proof__eyebrow::before,\r\n.stc-proof__eyebrow::after {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 1px;\r\n    background: var(--stc-proof-gold);\r\n    opacity: 0.65;\r\n}\r\n\r\n.stc-proof__title {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: clamp(34px, 4vw, 52px);\r\n    font-weight: 800 !important;\r\n    line-height: 1.3;\r\n}\r\n\r\n.stc-proof__title span {\r\n    color: var(--stc-proof-gold);\r\n}\r\n\r\n.stc-proof__description {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* Mise en page *\/\r\n.stc-proof__layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\r\n    gap: 28px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* Carte du projet *\/\r\n.stc-proof__project {\r\n    position: relative;\r\n    min-height: 585px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--stc-proof-border);\r\n    border-radius: 14px;\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(6, 6, 6, 0.98) 0%,\r\n            rgba(6, 6, 6, 0.72) 42%,\r\n            rgba(6, 6, 6, 0.18) 75%,\r\n            rgba(6, 6, 6, 0.08) 100%\r\n        ),\r\n        url(\"https:\/\/stc-tu.com\/wp-content\/uploads\/2026\/04\/aerial-view-of-landfill-with-burning-trash-piles-2025-04-02-23-46-06-utc-1.jpg\")\r\n        center center \/ cover no-repeat;\r\n    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.stc-proof__project::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            240deg,\r\n            rgba(215, 180, 118, 0.13),\r\n            transparent 38%\r\n        );\r\n    pointer-events: none;\r\n}\r\n\r\n.stc-proof__project-badge {\r\n    position: absolute;\r\n    top: 25px;\r\n    left: 25px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 9px 15px;\r\n    color: var(--stc-proof-gold-light);\r\n    background: rgba(8, 8, 8, 0.76);\r\n    border: 1px solid rgba(215, 180, 118, 0.38);\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.stc-proof__project-badge::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--stc-proof-gold);\r\n    box-shadow: 0 0 0 5px rgba(215, 180, 118, 0.12);\r\n}\r\n\r\n.stc-proof__project-content {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 36px 34px 34px;\r\n    text-align: left;\r\n}\r\n\r\n.stc-proof__project-label {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: var(--stc-proof-gold);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-proof__project-title {\r\n    margin: 0 0 15px;\r\n    color: #ffffff;\r\n    font-size: clamp(27px, 3vw, 40px);\r\n    font-weight: 600 !important;\r\n    line-height: 1.35;\r\n}\r\n\r\n.stc-proof__project-text {\r\n    max-width: 620px;\r\n    margin: 0 0 25px;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.stc-proof__project-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 52px;\r\n    padding: 12px 23px;\r\n    color: #090909 !important;\r\n    background: var(--stc-proof-gold);\r\n    border: 1px solid var(--stc-proof-gold);\r\n    border-radius: 5px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n    transition:\r\n        transform 0.25s ease,\r\n        background-color 0.25s ease;\r\n}\r\n\r\n.stc-proof__project-link:hover {\r\n    transform: translateY(-3px);\r\n    background: var(--stc-proof-gold-light);\r\n}\r\n\r\n\/* Bloc des r\u00e9sultats *\/\r\n.stc-proof__results {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 35px;\r\n    text-align: left;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.035),\r\n            transparent\r\n        ),\r\n        var(--stc-proof-card);\r\n    border: 1px solid var(--stc-proof-border);\r\n    border-radius: 14px;\r\n}\r\n\r\n.stc-proof__results-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    width: fit-content;\r\n    margin-bottom: 18px;\r\n    color: var(--stc-proof-gold);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-proof__results-label::before {\r\n    content: \"\";\r\n    width: 24px;\r\n    height: 1px;\r\n    background: var(--stc-proof-gold);\r\n}\r\n\r\n.stc-proof__results-title {\r\n    margin: 0 0 14px;\r\n    color: #ffffff;\r\n    font-size: 26px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.45;\r\n}\r\n\r\n.stc-proof__results-text {\r\n    margin: 0 0 30px;\r\n    color: rgba(255, 255, 255, 0.62);\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* Grille des chiffres *\/\r\n.stc-proof__stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n    margin-top: auto;\r\n}\r\n\r\n.stc-proof-stat {\r\n    position: relative;\r\n    min-height: 132px;\r\n    overflow: hidden;\r\n    padding: 22px 19px;\r\n    text-align: left;\r\n    background: rgba(215, 180, 118, 0.045);\r\n    border: 1px solid rgba(215, 180, 118, 0.18);\r\n    border-radius: 9px;\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        background-color 0.3s ease;\r\n}\r\n\r\n.stc-proof-stat:hover {\r\n    transform: translateY(-5px);\r\n    background: rgba(215, 180, 118, 0.075);\r\n    border-color: rgba(215, 180, 118, 0.5);\r\n}\r\n\r\n.stc-proof-stat--wide {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.stc-proof-stat__value {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--stc-proof-gold-light);\r\n    font-size: clamp(27px, 3vw, 38px);\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    direction: ltr;\r\n    text-align: left;\r\n}\r\n\r\n.stc-proof-stat__label {\r\n    display: block;\r\n    max-width: calc(100% - 38px);\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-size: 14px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.7;\r\n}\r\n\r\n.stc-proof-stat__icon {\r\n    position: absolute;\r\n    right: 14px;\r\n    bottom: 10px;\r\n    color: rgba(215, 180, 118, 0.11);\r\n    font-size: 48px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n\/* Remarque *\/\r\n.stc-proof__disclaimer {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 11px;\r\n    margin-top: 19px;\r\n    padding-top: 19px;\r\n    color: rgba(255, 255, 255, 0.45);\r\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n    text-align: left;\r\n}\r\n\r\n.stc-proof__disclaimer-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 21px;\r\n    height: 21px;\r\n    flex: 0 0 21px;\r\n    color: var(--stc-proof-gold);\r\n    border: 1px solid rgba(215, 180, 118, 0.32);\r\n    border-radius: 50%;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* Tablette *\/\r\n@media (max-width: 1024px) {\r\n    .stc-proof {\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .stc-proof__layout {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .stc-proof__project {\r\n        min-height: 560px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n    .stc-proof {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .stc-proof__container {\r\n        width: calc(100% - 32px);\r\n    }\r\n\r\n    .stc-proof__header {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .stc-proof__title {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .stc-proof__description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .stc-proof__project {\r\n        min-height: 610px;\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .stc-proof__project-badge {\r\n        top: 18px;\r\n        left: 18px;\r\n        right: auto;\r\n    }\r\n\r\n    .stc-proof__project-content {\r\n        padding: 28px 22px 24px;\r\n    }\r\n\r\n    .stc-proof__project-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .stc-proof__project-text {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .stc-proof__project-link {\r\n        width: 100%;\r\n    }\r\n\r\n    .stc-proof__results {\r\n        padding: 27px 21px;\r\n    }\r\n\r\n    .stc-proof__results-title {\r\n        font-size: 25px !important;\r\n    }\r\n\r\n    .stc-proof__stats {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .stc-proof-stat--wide {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .stc-proof-stat {\r\n        min-height: 115px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .stc-proof__project-link,\r\n    .stc-proof-stat {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    class=\"stc-proof\"\r\n    aria-labelledby=\"stc-proof-title\"\r\n    lang=\"fr\"\r\n    dir=\"ltr\"\r\n>\r\n    <div class=\"stc-proof__container\">\r\n\r\n        <header class=\"stc-proof__header\">\r\n\r\n            <div class=\"stc-proof__eyebrow\">\r\n                Preuves et r\u00e9sultats\r\n            <\/div>\r\n\r\n            <h2 class=\"stc-proof__title\" id=\"stc-proof-title\">\r\n                Une exp\u00e9rience soutenue par\r\n                <span>des chiffres clairs<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"stc-proof__description\">\r\n                Nous d\u00e9veloppons des ressources mini\u00e8res prometteuses\r\n                selon une vision qui associe efficacit\u00e9 op\u00e9rationnelle,\r\n                qualit\u00e9 des mati\u00e8res premi\u00e8res et approvisionnement durable.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n        <div class=\"stc-proof__layout\">\r\n\r\n            <!-- Projet de Sidi Bouzid -->\r\n            <article class=\"stc-proof__project\">\r\n\r\n                <div class=\"stc-proof__project-badge\">\r\n                    Projet strat\u00e9gique\r\n                <\/div>\r\n\r\n                <div class=\"stc-proof__project-content\">\r\n\r\n                    <span class=\"stc-proof__project-label\">\r\n                        L\u2019un des principaux projets de STC\r\n                    <\/span>\r\n\r\n                    <h3 class=\"stc-proof__project-title\">\r\n                        Projet de gypse de Sidi Bouzid\r\n                    <\/h3>\r\n\r\n                    <p class=\"stc-proof__project-text\">\r\n                        Un projet minier strat\u00e9gique constituant l\u2019un des\r\n                        principaux axes d\u2019expansion de STC et de d\u00e9veloppement\r\n                        des ressources de gypse de haute qualit\u00e9 en Tunisie,\r\n                        b\u00e9n\u00e9ficiant d\u2019un emplacement strat\u00e9gique et\r\n                        d\u2019opportunit\u00e9s prometteuses de production et\r\n                        d\u2019approvisionnement.\r\n                    <\/p>\r\n\r\n                    <a\r\n                        class=\"stc-proof__project-link\"\r\n                        href=\"https:\/\/stc-tu.com\/fr\/nos-projets\/\"\r\n                    >\r\n                        D\u00e9couvrir le projet\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <!-- R\u00e9sultats et chiffres -->\r\n            <div class=\"stc-proof__results\">\r\n\r\n                <div class=\"stc-proof__results-label\">\r\n                    Indicateurs du projet\r\n                <\/div>\r\n\r\n                <h3 class=\"stc-proof__results-title\">\r\n                    Un potentiel minier favorable \u00e0 la croissance\r\n                    et \u00e0 l\u2019expansion\r\n                <\/h3>\r\n\r\n                <p class=\"stc-proof__results-text\">\r\n                    Les indicateurs suivants refl\u00e8tent l\u2019envergure du projet,\r\n                    son emplacement et la qualit\u00e9 de ses ressources, favorisant\r\n                    les opportunit\u00e9s de production, d\u2019approvisionnement et de\r\n                    partenariat \u00e0 long terme.\r\n                <\/p>\r\n\r\n                <div class=\"stc-proof__stats\">\r\n\r\n                    <div class=\"stc-proof-stat\">\r\n                        <span class=\"stc-proof-stat__value\">\r\n                            10M+\r\n                        <\/span>\r\n\r\n                        <span class=\"stc-proof-stat__label\">\r\n                            Tonnes de r\u00e9serves estim\u00e9es\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"stc-proof-stat__icon\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            +\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-proof-stat\">\r\n                        <span class=\"stc-proof-stat__value\">\r\n                            98%+\r\n                        <\/span>\r\n\r\n                        <span class=\"stc-proof-stat__label\">\r\n                            Puret\u00e9 du gypse\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"stc-proof-stat__icon\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            %\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-proof-stat\">\r\n                        <span class=\"stc-proof-stat__value\">\r\n                            800+\r\n                        <\/span>\r\n\r\n                        <span class=\"stc-proof-stat__label\">\r\n                            Hectares de superficie mini\u00e8re\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"stc-proof-stat__icon\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u25c7\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-proof-stat\">\r\n                        <span class=\"stc-proof-stat__value\">\r\n                            104 KM\r\n                        <\/span>\r\n\r\n                        <span class=\"stc-proof-stat__label\">\r\n                            Distance jusqu\u2019au port de Sfax\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"stc-proof-stat__icon\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u2197\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-proof-stat stc-proof-stat--wide\">\r\n                        <span class=\"stc-proof-stat__value\">\r\n                            30+\r\n                        <\/span>\r\n\r\n                        <span class=\"stc-proof-stat__label\">\r\n                            Ann\u00e9es de concession pr\u00e9vues\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"stc-proof-stat__icon\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            \u221e\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"stc-proof__disclaimer\">\r\n\r\n                    <span\r\n                        class=\"stc-proof__disclaimer-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        i\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Les chiffres pr\u00e9sent\u00e9s sont fond\u00e9s sur les donn\u00e9es\r\n                        actuellement disponibles concernant le projet et\r\n                        peuvent \u00eatre actualis\u00e9s en fonction des \u00e9tudes et\r\n                        des approbations techniques.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68f345b e-con-full e-flex e-con e-parent\" data-id=\"68f345b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa70d38 elementor-widget elementor-widget-html\" data-id=\"fa70d38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   STC \u2013 Formulaire de demande de service\r\n======================================== *\/\r\n\r\n.stc-inquiry {\r\n    --stc-gold: #d7b476;\r\n    --stc-gold-light: #efd39d;\r\n    --stc-bg: #0d0d0c;\r\n    --stc-card: #131311;\r\n    --stc-border: rgba(215, 180, 118, 0.24);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 110px 0;\r\n    direction: ltr;\r\n    background:\r\n        radial-gradient(\r\n            circle at 10% 10%,\r\n            rgba(215, 180, 118, 0.1),\r\n            transparent 30%\r\n        ),\r\n        radial-gradient(\r\n            circle at 95% 90%,\r\n            rgba(215, 180, 118, 0.07),\r\n            transparent 28%\r\n        ),\r\n        var(--stc-bg);\r\n}\r\n\r\n.stc-inquiry,\r\n.stc-inquiry * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.stc-inquiry__container {\r\n    width: min(1200px, calc(100% - 48px));\r\n    margin-inline: auto;\r\n}\r\n\r\n\/* En-t\u00eate *\/\r\n.stc-inquiry__header {\r\n    max-width: 780px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.stc-inquiry__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--stc-gold);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-inquiry__eyebrow::before,\r\n.stc-inquiry__eyebrow::after {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 1px;\r\n    background: var(--stc-gold);\r\n    opacity: 0.65;\r\n}\r\n\r\n.stc-inquiry__title {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: clamp(34px, 4vw, 52px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.3;\r\n}\r\n\r\n.stc-inquiry__title span {\r\n    color: var(--stc-gold);\r\n}\r\n\r\n.stc-inquiry__description {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* Mise en page *\/\r\n.stc-inquiry__layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);\r\n    gap: 28px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* Bloc d\u2019informations *\/\r\n.stc-inquiry__info {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 42px 34px;\r\n    text-align: left;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(215, 180, 118, 0.08),\r\n            transparent 55%\r\n        ),\r\n        #11110f;\r\n    border: 1px solid var(--stc-border);\r\n    border-radius: 14px;\r\n}\r\n\r\n.stc-inquiry__info::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -110px;\r\n    right: -110px;\r\n    width: 260px;\r\n    height: 260px;\r\n    border-radius: 50%;\r\n    background: rgba(215, 180, 118, 0.1);\r\n    filter: blur(55px);\r\n    pointer-events: none;\r\n}\r\n\r\n.stc-inquiry__info-label {\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    color: var(--stc-gold);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-inquiry__info-title {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: 29px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.45;\r\n}\r\n\r\n.stc-inquiry__info-text {\r\n    margin: 0 0 32px;\r\n    color: rgba(255, 255, 255, 0.64);\r\n    font-size: 15px;\r\n    line-height: 1.95;\r\n}\r\n\r\n\/* Avantages *\/\r\n.stc-inquiry__benefits {\r\n    display: grid;\r\n    gap: 16px;\r\n    margin-bottom: 36px;\r\n}\r\n\r\n.stc-inquiry__benefit {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 13px;\r\n}\r\n\r\n.stc-inquiry__benefit-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 34px;\r\n    height: 34px;\r\n    flex: 0 0 34px;\r\n    color: #090909;\r\n    background: var(--stc-gold);\r\n    border-radius: 50%;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n}\r\n\r\n.stc-inquiry__benefit-content strong {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n}\r\n\r\n.stc-inquiry__benefit-content span {\r\n    color: rgba(255, 255, 255, 0.52);\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* WhatsApp *\/\r\n.stc-inquiry__whatsapp {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    padding-top: 27px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\r\n}\r\n\r\n.stc-inquiry__whatsapp-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 46px;\r\n    height: 46px;\r\n    flex: 0 0 46px;\r\n    color: var(--stc-gold);\r\n    background: rgba(215, 180, 118, 0.08);\r\n    border: 1px solid rgba(215, 180, 118, 0.27);\r\n    border-radius: 8px;\r\n}\r\n\r\n.stc-inquiry__whatsapp-icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.stc-inquiry__whatsapp-content span {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: rgba(255, 255, 255, 0.55);\r\n    font-size: 12px;\r\n}\r\n\r\n.stc-inquiry__whatsapp-content a {\r\n    color: var(--stc-gold) !important;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n}\r\n\r\n\/* Bloc du formulaire *\/\r\n.stc-inquiry__form-wrapper {\r\n    padding: 38px 34px;\r\n    text-align: left;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.03),\r\n            transparent\r\n        ),\r\n        var(--stc-card);\r\n    border: 1px solid var(--stc-border);\r\n    border-radius: 14px;\r\n}\r\n\r\n.stc-inquiry__form-title {\r\n    margin: 0 0 8px;\r\n    color: #ffffff;\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n}\r\n\r\n.stc-inquiry__form-description {\r\n    margin: 0 0 30px;\r\n    color: rgba(255, 255, 255, 0.54);\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.stc-inquiry__form {\r\n    display: grid;\r\n    gap: 19px;\r\n}\r\n\r\n.stc-inquiry__row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 17px;\r\n}\r\n\r\n.stc-inquiry__field {\r\n    min-width: 0;\r\n}\r\n\r\n.stc-inquiry__field--full {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.stc-inquiry__label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: rgba(255, 255, 255, 0.82);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stc-inquiry__required {\r\n    color: var(--stc-gold);\r\n}\r\n\r\n.stc-inquiry__input,\r\n.stc-inquiry__select,\r\n.stc-inquiry__textarea {\r\n    display: block;\r\n    width: 100%;\r\n    min-width: 0;\r\n    color: #ffffff !important;\r\n    background: #0c0c0b !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.14) !important;\r\n    border-radius: 7px !important;\r\n    outline: none !important;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    direction: ltr;\r\n    text-align: left;\r\n    transition:\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.stc-inquiry__input,\r\n.stc-inquiry__select {\r\n    height: 52px;\r\n    padding: 0 15px;\r\n}\r\n\r\n.stc-inquiry__textarea {\r\n    min-height: 145px;\r\n    padding: 14px 15px;\r\n    resize: vertical;\r\n    line-height: 1.8;\r\n}\r\n\r\n.stc-inquiry__input::placeholder,\r\n.stc-inquiry__textarea::placeholder {\r\n    color: rgba(255, 255, 255, 0.32);\r\n}\r\n\r\n.stc-inquiry__input:focus,\r\n.stc-inquiry__select:focus,\r\n.stc-inquiry__textarea:focus {\r\n    border-color: var(--stc-gold) !important;\r\n    box-shadow: 0 0 0 3px rgba(215, 180, 118, 0.09) !important;\r\n}\r\n\r\n.stc-inquiry__select option {\r\n    color: #ffffff;\r\n    background: #11110f;\r\n}\r\n\r\n\/* T\u00e9l\u00e9versement de fichier *\/\r\n.stc-inquiry__file {\r\n    position: relative;\r\n    display: block;\r\n}\r\n\r\n.stc-inquiry__file input {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.stc-inquiry__file-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    min-height: 58px;\r\n    padding: 11px 15px;\r\n    color: rgba(255, 255, 255, 0.55);\r\n    background: #0c0c0b;\r\n    border: 1px dashed rgba(215, 180, 118, 0.35);\r\n    border-radius: 7px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    transition:\r\n        border-color 0.25s ease,\r\n        background-color 0.25s ease;\r\n}\r\n\r\n.stc-inquiry__file-label:hover {\r\n    background: rgba(215, 180, 118, 0.04);\r\n    border-color: var(--stc-gold);\r\n}\r\n\r\n.stc-inquiry__file-button {\r\n    flex: 0 0 auto;\r\n    padding: 8px 13px;\r\n    color: var(--stc-gold);\r\n    background: rgba(215, 180, 118, 0.08);\r\n    border: 1px solid rgba(215, 180, 118, 0.23);\r\n    border-radius: 5px;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Consentement *\/\r\n.stc-inquiry__consent {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    color: rgba(255, 255, 255, 0.53);\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.stc-inquiry__consent input {\r\n    width: 17px;\r\n    height: 17px;\r\n    flex: 0 0 17px;\r\n    margin-top: 3px;\r\n    accent-color: var(--stc-gold);\r\n}\r\n\r\n\/* Bouton d\u2019envoi *\/\r\n.stc-inquiry__submit {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    width: 100%;\r\n    min-height: 56px;\r\n    padding: 13px 25px;\r\n    color: #090909 !important;\r\n    background: var(--stc-gold) !important;\r\n    border: 1px solid var(--stc-gold) !important;\r\n    border-radius: 6px !important;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    transition:\r\n        transform 0.25s ease,\r\n        background-color 0.25s ease,\r\n        opacity 0.25s ease;\r\n}\r\n\r\n.stc-inquiry__submit:hover {\r\n    transform: translateY(-3px);\r\n    background: var(--stc-gold-light) !important;\r\n}\r\n\r\n.stc-inquiry__submit:disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.65;\r\n    transform: none;\r\n}\r\n\r\n\/* Messages *\/\r\n.stc-inquiry__message {\r\n    display: none;\r\n    padding: 14px 16px;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.stc-inquiry__message--success {\r\n    display: block;\r\n    color: #dff7e6;\r\n    background: rgba(40, 167, 69, 0.13);\r\n    border: 1px solid rgba(40, 167, 69, 0.32);\r\n}\r\n\r\n.stc-inquiry__message--error {\r\n    display: block;\r\n    color: #ffdada;\r\n    background: rgba(220, 53, 69, 0.12);\r\n    border: 1px solid rgba(220, 53, 69, 0.3);\r\n}\r\n\r\n\/* Champ anti-spam *\/\r\n.stc-inquiry__website-field {\r\n    position: absolute !important;\r\n    left: -9999px !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    opacity: 0 !important;\r\n}\r\n\r\n\/* Tablette *\/\r\n@media (max-width: 1024px) {\r\n    .stc-inquiry {\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .stc-inquiry__layout {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n    .stc-inquiry {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .stc-inquiry__container {\r\n        width: calc(100% - 32px);\r\n    }\r\n\r\n    .stc-inquiry__header {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .stc-inquiry__title {\r\n        font-size: 33px !important;\r\n    }\r\n\r\n    .stc-inquiry__description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .stc-inquiry__info,\r\n    .stc-inquiry__form-wrapper {\r\n        padding: 27px 21px;\r\n    }\r\n\r\n    .stc-inquiry__info-title {\r\n        font-size: 25px !important;\r\n    }\r\n\r\n    .stc-inquiry__row {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .stc-inquiry__field--full {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .stc-inquiry__file-label {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .stc-inquiry__file-button {\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .stc-inquiry__input,\r\n    .stc-inquiry__select,\r\n    .stc-inquiry__textarea,\r\n    .stc-inquiry__file-label,\r\n    .stc-inquiry__submit {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    class=\"stc-inquiry\"\r\n    id=\"service-inquiry\"\r\n    aria-labelledby=\"stc-inquiry-title\"\r\n    lang=\"fr\"\r\n    dir=\"ltr\"\r\n>\r\n    <div class=\"stc-inquiry__container\">\r\n\r\n        <header class=\"stc-inquiry__header\">\r\n\r\n            <div class=\"stc-inquiry__eyebrow\">\r\n                D\u00e9marrez votre projet avec nous\r\n            <\/div>\r\n\r\n            <h2 class=\"stc-inquiry__title\" id=\"stc-inquiry-title\">\r\n                Vous avez un projet minier ou une\r\n                <span>demande d\u2019approvisionnement&nbsp;?<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"stc-inquiry__description\">\r\n                Partagez vos besoins avec nous. Notre \u00e9quipe vous contactera\r\n                afin d\u2019examiner votre demande et de discuter de la solution\r\n                la plus adapt\u00e9e \u00e0 votre projet.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n        <div class=\"stc-inquiry__layout\">\r\n\r\n            <!-- Informations -->\r\n            <aside class=\"stc-inquiry__info\">\r\n\r\n                <span class=\"stc-inquiry__info-label\">\r\n                    Pourquoi nous contacter&nbsp;?\r\n                <\/span>\r\n\r\n                <h3 class=\"stc-inquiry__info-title\">\r\n                    Nous transformons vos besoins en un plan clair\r\n                <\/h3>\r\n\r\n                <p class=\"stc-inquiry__info-text\">\r\n                    Que vous recherchiez un partenaire pour d\u00e9velopper\r\n                    un projet minier ou un approvisionnement fiable en\r\n                    gypse selon des sp\u00e9cifications et des quantit\u00e9s d\u00e9finies,\r\n                    notre \u00e9quipe \u00e9tudiera votre demande et vous proposera\r\n                    les prochaines \u00e9tapes appropri\u00e9es.\r\n                <\/p>\r\n\r\n                <div class=\"stc-inquiry__benefits\">\r\n\r\n                    <div class=\"stc-inquiry__benefit\">\r\n                        <span class=\"stc-inquiry__benefit-icon\">\u2713<\/span>\r\n\r\n                        <div class=\"stc-inquiry__benefit-content\">\r\n                            <strong>Examen technique de la demande<\/strong>\r\n\r\n                            <span>\r\n                                Analyse du service, des quantit\u00e9s et des\r\n                                sp\u00e9cifications techniques demand\u00e9es.\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__benefit\">\r\n                        <span class=\"stc-inquiry__benefit-icon\">\u2713<\/span>\r\n\r\n                        <div class=\"stc-inquiry__benefit-content\">\r\n                            <strong>Solutions adapt\u00e9es au projet<\/strong>\r\n\r\n                            <span>\r\n                                D\u00e9finition du p\u00e9rim\u00e8tre des travaux et des\r\n                                \u00e9tapes d\u2019ex\u00e9cution recommand\u00e9es.\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__benefit\">\r\n                        <span class=\"stc-inquiry__benefit-icon\">\u2713<\/span>\r\n\r\n                        <div class=\"stc-inquiry__benefit-content\">\r\n                            <strong>Communication et suivi continus<\/strong>\r\n\r\n                            <span>\r\n                                Suivi de la demande depuis son examen initial\r\n                                jusqu\u2019\u00e0 l\u2019accord final.\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"stc-inquiry__whatsapp\">\r\n\r\n                    <div class=\"stc-inquiry__whatsapp-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4A8 8 0 1 1 20 11.5z\"><\/path>\r\n                            <path d=\"M9 8.5c.5 2.5 2 4 4.5 5\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__whatsapp-content\">\r\n                        <span>Vous pr\u00e9f\u00e9rez un \u00e9change direct&nbsp;?<\/span>\r\n\r\n                        <a href=\"https:\/\/wa.me\/966560005128\" target=\"_blank\" rel=\"noopener\">\r\n                            Contactez-nous via WhatsApp\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/aside>\r\n\r\n            <!-- Formulaire -->\r\n            <div class=\"stc-inquiry__form-wrapper\">\r\n\r\n                <h3 class=\"stc-inquiry__form-title\">\r\n                    Envoyer une demande de service\r\n                <\/h3>\r\n\r\n                <p class=\"stc-inquiry__form-description\">\r\n                    Veuillez saisir les informations suivantes avec pr\u00e9cision\r\n                    afin que notre \u00e9quipe puisse examiner votre demande.\r\n                <\/p>\r\n\r\n                <form\r\n                    class=\"stc-inquiry__form\"\r\n                    id=\"stcServiceInquiryForm\"\r\n                    enctype=\"multipart\/form-data\"\r\n                    novalidate\r\n                >\r\n\r\n                    <!-- Champ anti-spam -->\r\n                    <div class=\"stc-inquiry__website-field\" aria-hidden=\"true\">\r\n                        <label>\r\n                            Website\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                name=\"website\"\r\n                                tabindex=\"-1\"\r\n                                autocomplete=\"off\"\r\n                            >\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <!-- Langue enregistr\u00e9e dans le dashboard -->\r\n                    <input type=\"hidden\" name=\"language\" value=\"fr\">\r\n\r\n                    <div class=\"stc-inquiry__row\">\r\n\r\n                        <div class=\"stc-inquiry__field\">\r\n                            <label\r\n                                class=\"stc-inquiry__label\"\r\n                                for=\"stc-full-name\"\r\n                            >\r\n                                Nom complet\r\n                                <span class=\"stc-inquiry__required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                class=\"stc-inquiry__input\"\r\n                                id=\"stc-full-name\"\r\n                                name=\"full_name\"\r\n                                type=\"text\"\r\n                                placeholder=\"Saisissez votre nom complet\"\r\n                                autocomplete=\"name\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"stc-inquiry__field\">\r\n                            <label\r\n                                class=\"stc-inquiry__label\"\r\n                                for=\"stc-company\"\r\n                            >\r\n                                Nom de l\u2019entreprise\r\n                            <\/label>\r\n\r\n                            <input\r\n                                class=\"stc-inquiry__input\"\r\n                                id=\"stc-company\"\r\n                                name=\"company\"\r\n                                type=\"text\"\r\n                                placeholder=\"Entreprise ou organisation\"\r\n                                autocomplete=\"organization\"\r\n                            >\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__row\">\r\n\r\n                        <div class=\"stc-inquiry__field\">\r\n                            <label\r\n                                class=\"stc-inquiry__label\"\r\n                                for=\"stc-email\"\r\n                            >\r\n                                Adresse e-mail\r\n                                <span class=\"stc-inquiry__required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                class=\"stc-inquiry__input\"\r\n                                id=\"stc-email\"\r\n                                name=\"email\"\r\n                                type=\"email\"\r\n                                placeholder=\"exemple@entreprise.com\"\r\n                                autocomplete=\"email\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"stc-inquiry__field\">\r\n                            <label\r\n                                class=\"stc-inquiry__label\"\r\n                                for=\"stc-phone\"\r\n                            >\r\n                                Num\u00e9ro de t\u00e9l\u00e9phone\r\n                                <span class=\"stc-inquiry__required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                class=\"stc-inquiry__input\"\r\n                                id=\"stc-phone\"\r\n                                name=\"phone\"\r\n                                type=\"tel\"\r\n                                placeholder=\"+216 ou +966\"\r\n                                autocomplete=\"tel\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__row\">\r\n\r\n                        <div class=\"stc-inquiry__field\">\r\n                            <label\r\n                                class=\"stc-inquiry__label\"\r\n                                for=\"stc-country\"\r\n                            >\r\n                                Pays\r\n                            <\/label>\r\n\r\n                            <input\r\n                                class=\"stc-inquiry__input\"\r\n                                id=\"stc-country\"\r\n                                name=\"country\"\r\n                                type=\"text\"\r\n                                placeholder=\"Saisissez votre pays\"\r\n                                autocomplete=\"country-name\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"stc-inquiry__field\">\r\n                            <label\r\n                                class=\"stc-inquiry__label\"\r\n                                for=\"stc-service\"\r\n                            >\r\n                                Service demand\u00e9\r\n                                <span class=\"stc-inquiry__required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <select\r\n                                class=\"stc-inquiry__select\"\r\n                                id=\"stc-service\"\r\n                                name=\"service\"\r\n                                required\r\n                            >\r\n                                <option value=\"\">\r\n                                    S\u00e9lectionnez un service\r\n                                <\/option>\r\n\r\n                                <option value=\"geological-exploration\">\r\n                                    Exploration et \u00e9valuation g\u00e9ologique\r\n                                <\/option>\r\n\r\n                                <option value=\"mine-development\">\r\n                                    D\u00e9veloppement et exploitation des mines\r\n                                <\/option>\r\n\r\n                                <option value=\"ore-quality\">\r\n                                    Traitement du minerai et contr\u00f4le qualit\u00e9\r\n                                <\/option>\r\n\r\n                                <option value=\"supply-logistics\">\r\n                                    Approvisionnement et solutions logistiques\r\n                                <\/option>\r\n\r\n                                <option value=\"partnership\">\r\n                                    Demande de partenariat ou d\u2019investissement\r\n                                <\/option>\r\n\r\n                                <option value=\"other\">\r\n                                    Autre service\r\n                                <\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__field stc-inquiry__field--full\">\r\n                        <label\r\n                            class=\"stc-inquiry__label\"\r\n                            for=\"stc-scope\"\r\n                        >\r\n                            Quantit\u00e9 ou p\u00e9rim\u00e8tre du projet\r\n                        <\/label>\r\n\r\n                        <input\r\n                            class=\"stc-inquiry__input\"\r\n                            id=\"stc-scope\"\r\n                            name=\"project_scope\"\r\n                            type=\"text\"\r\n                            placeholder=\"Exemple : approvisionnement de 5 000 tonnes ou \u00e9tude d\u2019un site minier\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__field stc-inquiry__field--full\">\r\n                        <label\r\n                            class=\"stc-inquiry__label\"\r\n                            for=\"stc-details\"\r\n                        >\r\n                            D\u00e9tails de la demande\r\n                            <span class=\"stc-inquiry__required\">*<\/span>\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            class=\"stc-inquiry__textarea\"\r\n                            id=\"stc-details\"\r\n                            name=\"details\"\r\n                            placeholder=\"D\u00e9crivez votre projet, les sp\u00e9cifications, les quantit\u00e9s et le calendrier souhait\u00e9...\"\r\n                            required\r\n                        ><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"stc-inquiry__field stc-inquiry__field--full\">\r\n                        <label class=\"stc-inquiry__label\">\r\n                            Joindre un fichier\r\n                            <small>\u2014 Facultatif, taille maximale 5 Mo<\/small>\r\n                        <\/label>\r\n\r\n                        <label class=\"stc-inquiry__file\">\r\n\r\n                            <input\r\n                                id=\"stc-attachment\"\r\n                                name=\"attachment\"\r\n                                type=\"file\"\r\n                                accept=\".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png\"\r\n                            >\r\n\r\n                            <span class=\"stc-inquiry__file-label\">\r\n\r\n                                <span id=\"stcFileName\">\r\n                                    PDF, Word, Excel ou image\r\n                                <\/span>\r\n\r\n                                <span class=\"stc-inquiry__file-button\">\r\n                                    Choisir un fichier\r\n                                <\/span>\r\n\r\n                            <\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <label class=\"stc-inquiry__consent\">\r\n\r\n                        <input\r\n                            type=\"checkbox\"\r\n                            name=\"consent\"\r\n                            value=\"1\"\r\n                            required\r\n                        >\r\n\r\n                        <span>\r\n                            J\u2019accepte que les informations transmises soient\r\n                            utilis\u00e9es pour me contacter et examiner ma demande\r\n                            de service.\r\n                        <\/span>\r\n\r\n                    <\/label>\r\n\r\n                    <div\r\n                        class=\"stc-inquiry__message\"\r\n                        id=\"stcFormMessage\"\r\n                        role=\"status\"\r\n                        aria-live=\"polite\"\r\n                    ><\/div>\r\n\r\n                    <button\r\n                        class=\"stc-inquiry__submit\"\r\n                        id=\"stcSubmitButton\"\r\n                        type=\"submit\"\r\n                    >\r\n                        <span>Envoyer la demande<\/span>\r\n                        <span aria-hidden=\"true\">\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/form>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const form = document.getElementById(\"stcServiceInquiryForm\");\r\n    const fileInput = document.getElementById(\"stc-attachment\");\r\n    const fileName = document.getElementById(\"stcFileName\");\r\n    const message = document.getElementById(\"stcFormMessage\");\r\n    const submitButton = document.getElementById(\"stcSubmitButton\");\r\n    const serviceSelect = document.getElementById(\"stc-service\");\r\n\r\n    const defaultFileText = \"PDF, Word, Excel ou image\";\r\n\r\n    if (\r\n        !form ||\r\n        !fileInput ||\r\n        !fileName ||\r\n        !message ||\r\n        !submitButton ||\r\n        !serviceSelect\r\n    ) {\r\n        return;\r\n    }\r\n\r\n    \/* Afficher le nom du fichier s\u00e9lectionn\u00e9 *\/\r\n    fileInput.addEventListener(\"change\", function () {\r\n        if (this.files && this.files[0]) {\r\n            const file = this.files[0];\r\n\r\n            if (file.size > 5 * 1024 * 1024) {\r\n                this.value = \"\";\r\n\r\n                fileName.textContent =\r\n                    \"Le fichier s\u00e9lectionn\u00e9 d\u00e9passe la limite de 5 Mo.\";\r\n\r\n                return;\r\n            }\r\n\r\n            fileName.textContent = file.name;\r\n        } else {\r\n            fileName.textContent = defaultFileText;\r\n        }\r\n    });\r\n\r\n    \/*\r\n     * S\u00e9lection automatique du service depuis l\u2019URL :\r\n     * ?service=mine-development\r\n     *\/\r\n    const params = new URLSearchParams(window.location.search);\r\n    const requestedService = params.get(\"service\");\r\n\r\n    if (requestedService) {\r\n        Array.from(serviceSelect.options).forEach(function (option) {\r\n            if (option.value === requestedService) {\r\n                option.selected = true;\r\n            }\r\n        });\r\n    }\r\n\r\n    form.addEventListener(\"submit\", async function (event) {\r\n        event.preventDefault();\r\n\r\n        message.className = \"stc-inquiry__message\";\r\n        message.textContent = \"\";\r\n\r\n        if (!form.checkValidity()) {\r\n            form.reportValidity();\r\n            return;\r\n        }\r\n\r\n        const buttonText =\r\n            submitButton.querySelector(\"span:first-child\");\r\n\r\n        submitButton.disabled = true;\r\n\r\n        if (buttonText) {\r\n            buttonText.textContent = \"Envoi en cours...\";\r\n        }\r\n\r\n        try {\r\n            const formData = new FormData(form);\r\n\r\n            const endpoint =\r\n                window.location.origin +\r\n                \"\/wp-json\/stc\/v1\/service-request\";\r\n\r\n            const response = await fetch(endpoint, {\r\n                method: \"POST\",\r\n                body: formData\r\n            });\r\n\r\n            let result = {};\r\n\r\n            try {\r\n                result = await response.json();\r\n            } catch (jsonError) {\r\n                result = {};\r\n            }\r\n\r\n            if (!response.ok || !result.success) {\r\n                throw new Error(\r\n                    \"Impossible d\u2019envoyer votre demande pour le moment. \" +\r\n                    \"Veuillez r\u00e9essayer.\"\r\n                );\r\n            }\r\n\r\n            message.className =\r\n                \"stc-inquiry__message \" +\r\n                \"stc-inquiry__message--success\";\r\n\r\n            message.textContent =\r\n                \"Votre demande a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s. \" +\r\n                \"Notre \u00e9quipe vous contactera dans les meilleurs d\u00e9lais.\";\r\n\r\n            form.reset();\r\n            fileName.textContent = defaultFileText;\r\n\r\n        } catch (error) {\r\n            message.className =\r\n                \"stc-inquiry__message \" +\r\n                \"stc-inquiry__message--error\";\r\n\r\n            message.textContent =\r\n                error.message ||\r\n                \"Une erreur est survenue lors de l\u2019envoi de votre demande.\";\r\n\r\n        } finally {\r\n            submitButton.disabled = false;\r\n\r\n            if (buttonText) {\r\n                buttonText.textContent = \"Envoyer la demande\";\r\n            }\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Nos services Nous proposons des services complets dans le secteur minier, s&rsquo;appuyant sur une expertise op\u00e9rationnelle et une vision strat\u00e9gique, Afin de garantir les plus hauts niveaux d&rsquo;efficacit\u00e9 et de durabilit\u00e9 dans la gestion des ressources naturelles. Nos services Accueil Nos services Nos solutions mini\u00e8res Des services con\u00e7us pour accompagner l\u2019ensemble du cycle d\u2019un projet [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-469","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/pages\/469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/comments?post=469"}],"version-history":[{"count":10,"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/pages\/469\/revisions"}],"predecessor-version":[{"id":1710,"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/pages\/469\/revisions\/1710"}],"wp:attachment":[{"href":"https:\/\/stc-tu.com\/fr\/wp-json\/wp\/v2\/media?parent=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}