{"id":392,"date":"2025-12-22T16:13:31","date_gmt":"2025-12-22T16:13:31","guid":{"rendered":"https:\/\/www.diese-event.com\/?page_id=392"},"modified":"2026-09-18T01:40:37","modified_gmt":"2026-09-18T01:40:37","slug":"agence","status":"publish","type":"page","link":"https:\/\/www.diese-event.com\/en\/","title":{"rendered":"Agence \u00e9v\u00e9nementiel Marrakech"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"392\" class=\"elementor elementor-392\">\n\t\t\t\t<section class=\"elementor-element elementor-element-77407bd e-flex e-con-boxed e-con e-parent\" data-id=\"77407bd\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-diese\" 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-6eacc82 elementor-widget elementor-widget-spacer\" data-id=\"6eacc82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9918d3d pp-monument-regular elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9918d3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">DI\u00c8SE EVENT \u2014 STUDIO DE CR\u00c9ATION &amp; PRODUCTION \u00c9V\u00c9NEMENTIELLE<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2daf9d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c2daf9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Cr\u00e9ation &amp; production \u00e9v\u00e9nementielle \u00e0 Marrakech<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-052cac5 pp-monument-regular elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"052cac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Vous nous confiez un \u00e9v\u00e9nement, sa sc\u00e9nographie ou un besoin pr\u00e9cis. <br \/>Di\u00e8se en assure la conception et la production, jusqu\u2019\u00e0 la mise en place sur site au Maroc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb78319 pp-monument-light elementor-widget elementor-widget-html\" data-id=\"eb78319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     DI\u00c8SE EVENT \u2014 HERO CTA COMPLET\n     DESIGN VALID\u00c9 + RESPONSIVE CENTR\u00c9\n========================================================= -->\n\n<div class=\"diese-hero-ctas\">\n\n    <!-- =====================================================\n         CTA PRINCIPAL\n    ====================================================== -->\n\n    <a\n        href=\"\/contact\/\"\n        class=\"diese-hero-cta diese-hero-cta--primary\"\n    >\n\n        <span\n            class=\"diese-hero-cta-icon\"\n            aria-hidden=\"true\"\n        >\n\n            <!-- Ic\u00f4ne dialogue \/ projet -->\n\n            <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                focusable=\"false\"\n            >\n\n                <path\n                    d=\"M7 8H17M7 12H14M6.5 19L4 20V6.8C4 5.25 5.25 4 6.8 4H17.2C18.75 4 20 5.25 20 6.8V15.2C20 16.75 18.75 18 17.2 18H8.6L6.5 19Z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                \/>\n\n            <\/svg>\n\n        <\/span>\n\n\n        <span class=\"diese-hero-cta-label\">\n\n            PARLER DE VOTRE PROJET\n\n        <\/span>\n\n    <\/a>\n\n\n    <!-- =====================================================\n         CTA SECONDAIRE\n    ====================================================== -->\n\n    <a\n        href=\"\/projets\/\"\n        class=\"diese-hero-cta diese-hero-cta--secondary\"\n    >\n\n        <span\n            class=\"diese-hero-cta-icon\"\n            aria-hidden=\"true\"\n        >\n\n            <!-- Ic\u00f4ne portfolio \/ projets -->\n\n            <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                focusable=\"false\"\n            >\n\n                <rect\n                    x=\"4\"\n                    y=\"4\"\n                    width=\"16\"\n                    height=\"16\"\n                    rx=\"2.5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                \/>\n\n                <path\n                    d=\"M7 16L10.5 12.5L13 15L15.5 12.5L19 16\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                \/>\n\n                <circle\n                    cx=\"9\"\n                    cy=\"9\"\n                    r=\"1.3\"\n                    fill=\"currentColor\"\n                \/>\n\n            <\/svg>\n\n        <\/span>\n\n\n        <span class=\"diese-hero-cta-label\">\n\n            VOIR NOS PROJETS\n\n        <\/span>\n\n    <\/a>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   CONTENEUR CTA \u2014 DESKTOP\n========================================================= *\/\n\n.diese-hero-ctas {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        12px;\n\n    flex-wrap:\n        wrap;\n\n}\n\n\n\/* =========================================================\n   BASE COMMUNE DES BOUTONS\n========================================================= *\/\n\n.diese-hero-cta,\n.diese-hero-cta:link,\n.diese-hero-cta:visited {\n\n    position:\n        relative;\n\n    isolation:\n        isolate;\n\n    overflow:\n        hidden;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        11px;\n\n    min-height:\n        50px;\n\n    padding:\n        0 25px 0 18px;\n\n    box-sizing:\n        border-box;\n\n    border-radius:\n        999px;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:\n        11px;\n\n    font-weight:\n        500;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        0.045em;\n\n    text-transform:\n        uppercase;\n\n    text-decoration:\n        none;\n\n    white-space:\n        nowrap;\n\n    cursor:\n        pointer;\n\n    transform:\n        translateY(0)\n        scale(1);\n\n    transition:\n        color 200ms ease,\n        border-color 200ms ease,\n        background-color 200ms ease,\n        transform 100ms ease;\n\n    -webkit-tap-highlight-color:\n        transparent;\n\n    touch-action:\n        manipulation;\n\n}\n\n\n\/* =========================================================\n   LUEUR INTERNE COMMUNE\n========================================================= *\/\n\n.diese-hero-cta::before {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    border-radius:\n        inherit;\n\n    pointer-events:\n        none;\n\n    z-index:\n        -1;\n\n    opacity:\n        0.8;\n\n    transition:\n        opacity 220ms ease,\n        transform 220ms ease;\n\n}\n\n\n\/* =========================================================\n   CTA PRINCIPAL\n========================================================= *\/\n\n.diese-hero-cta--primary,\n.diese-hero-cta--primary:link,\n.diese-hero-cta--primary:visited {\n\n    background:\n        rgba(247, 244, 242, 0.92);\n\n    color:\n        #171717;\n\n    border:\n        1px solid\n        rgba(247, 244, 242, 0.90);\n\n}\n\n\n\/* lueur interne *\/\n\n.diese-hero-cta--primary::before {\n\n    background:\n\n        radial-gradient(\n            circle at 30% 50%,\n            rgba(246, 114, 75, 0.11) 0%,\n            rgba(246, 114, 75, 0.055) 22%,\n            rgba(247, 244, 242, 0) 48%\n        ),\n\n        radial-gradient(\n            circle at 55% 30%,\n            rgba(160, 235, 223, 0.10) 0%,\n            rgba(247, 244, 242, 0) 44%\n        );\n\n}\n\n\n\/* =========================================================\n   CTA SECONDAIRE\n========================================================= *\/\n\n.diese-hero-cta--secondary,\n.diese-hero-cta--secondary:link,\n.diese-hero-cta--secondary:visited {\n\n    background:\n        rgba(18, 18, 20, 0.18);\n\n    color:\n        #F7F4F2;\n\n    border:\n        1px solid\n        rgba(247, 244, 242, 0.34);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    backdrop-filter:\n        blur(10px);\n\n}\n\n\n\/* lueur interne *\/\n\n.diese-hero-cta--secondary::before {\n\n    background:\n\n        radial-gradient(\n            circle at 34% 52%,\n            rgba(246, 114, 75, 0.34) 0%,\n            rgba(246, 114, 75, 0.16) 28%,\n            rgba(246, 114, 75, 0.04) 52%,\n            rgba(246, 114, 75, 0) 72%\n        ),\n\n        radial-gradient(\n            circle at 10% 40%,\n            rgba(90, 225, 205, 0.13) 0%,\n            rgba(90, 225, 205, 0) 38%\n        );\n\n}\n\n\n\/* =========================================================\n   IC\u00d4NES\n========================================================= *\/\n\n.diese-hero-cta-icon {\n\n    position:\n        relative;\n\n    z-index:\n        1;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        20px;\n\n    height:\n        20px;\n\n    flex:\n        0 0 20px;\n\n    color:\n        inherit;\n\n}\n\n\n.diese-hero-cta-icon svg {\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n}\n\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.diese-hero-cta-label {\n\n    position:\n        relative;\n\n    z-index:\n        1;\n\n}\n\n\n\/* =========================================================\n   HOVER \u2014 SOURIS UNIQUEMENT\n========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n    .diese-hero-cta:hover {\n\n        transform:\n            translateY(-1px);\n\n    }\n\n\n    \/* CTA principal *\/\n\n    .diese-hero-cta--primary:hover {\n\n        background:\n            rgba(247, 244, 242, 0.98);\n\n        border-color:\n            rgba(247, 244, 242, 0.98);\n\n    }\n\n\n    .diese-hero-cta--primary:hover::before {\n\n        opacity:\n            1;\n\n        transform:\n            scale(1.04);\n\n    }\n\n\n    \/* CTA secondaire *\/\n\n    .diese-hero-cta--secondary:hover {\n\n        color:\n            #F7F4F2;\n\n        border-color:\n            rgba(247, 244, 242, 0.55);\n\n        background:\n            rgba(18, 18, 20, 0.23);\n\n    }\n\n\n    .diese-hero-cta--secondary:hover::before {\n\n        opacity:\n            1;\n\n        transform:\n            scale(1.06)\n            translateX(2px);\n\n    }\n\n}\n\n\n\/* =========================================================\n   EFFET D'APPUI\n========================================================= *\/\n\n.diese-hero-cta:active {\n\n    transform:\n        translateY(1px)\n        scale(0.985);\n\n    transition-duration:\n        90ms;\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9 \/ FOCUS\n========================================================= *\/\n\n.diese-hero-cta:focus-visible {\n\n    outline:\n        1px solid #F6724B;\n\n    outline-offset:\n        4px;\n\n}\n\n\n\/* =========================================================\n   TABLETTE \u2014 GROUPE CENTR\u00c9\n   Boutons c\u00f4te \u00e0 c\u00f4te tant qu'ils tiennent\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .diese-hero-ctas {\n\n        width:\n            100%;\n\n        justify-content:\n            center;\n\n        align-items:\n            center;\n\n        flex-wrap:\n            wrap;\n\n    }\n\n\n    .diese-hero-cta,\n    .diese-hero-cta:link,\n    .diese-hero-cta:visited {\n\n        min-height:\n            48px;\n\n        padding:\n            0 22px 0 17px;\n\n        font-size:\n            10px;\n\n        gap:\n            10px;\n\n    }\n\n\n    .diese-hero-cta-icon {\n\n        width:\n            19px;\n\n        height:\n            19px;\n\n        flex:\n            0 0 19px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 EMPIL\u00c9S ET PARFAITEMENT CENTR\u00c9S\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .diese-hero-ctas {\n\n        width:\n            100%;\n\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        justify-content:\n            center;\n\n        align-items:\n            center;\n\n        gap:\n            10px;\n\n    }\n\n\n    .diese-hero-cta,\n    .diese-hero-cta:link,\n    .diese-hero-cta:visited {\n\n        \/*\n           Largeur naturelle conserv\u00e9e.\n           Pas de bouton full-width.\n        *\/\n\n        width:\n            fit-content;\n\n        max-width:\n            calc(100vw - 32px);\n\n        margin:\n            0;\n\n        min-height:\n            46px;\n\n        padding:\n            0 19px 0 15px;\n\n        font-size:\n            9.5px;\n\n        gap:\n            8px;\n\n    }\n\n\n    .diese-hero-cta-icon {\n\n        width:\n            18px;\n\n        height:\n            18px;\n\n        flex:\n            0 0 18px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   PETIT MOBILE\n========================================================= *\/\n\n@media (max-width: 375px) {\n\n    .diese-hero-ctas {\n\n        width:\n            100%;\n\n        gap:\n            8px;\n\n        align-items:\n            center;\n\n        justify-content:\n            center;\n\n    }\n\n\n    .diese-hero-cta,\n    .diese-hero-cta:link,\n    .diese-hero-cta:visited {\n\n        width:\n            fit-content;\n\n        max-width:\n            calc(100vw - 24px);\n\n        margin-left:\n            auto;\n\n        margin-right:\n            auto;\n\n        min-height:\n            44px;\n\n        padding:\n            0 16px 0 14px;\n\n        font-size:\n            9px;\n\n        letter-spacing:\n            0.04em;\n\n    }\n\n\n    .diese-hero-cta-icon {\n\n        width:\n            17px;\n\n        height:\n            17px;\n\n        flex:\n            0 0 17px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   TR\u00c8S PETIT MOBILE \u2014 320 PX\n========================================================= *\/\n\n@media (max-width: 340px) {\n\n    .diese-hero-cta,\n    .diese-hero-cta:link,\n    .diese-hero-cta:visited {\n\n        max-width:\n            calc(100vw - 20px);\n\n        padding-left:\n            13px;\n\n        padding-right:\n            15px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .diese-hero-cta,\n    .diese-hero-cta::before {\n\n        transition-duration:\n            0.01ms;\n\n    }\n\n\n    .diese-hero-cta:hover,\n    .diese-hero-cta:active,\n    .diese-hero-cta:hover::before {\n\n        transform:\n            none;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91721d3 pp-monument-light elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"91721d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Marrakech \u00b7 Maroc \u00b7 Projets internationaux selon les besoins<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6d39d6 pp-monument-regular elementor-widget elementor-widget-html\" data-id=\"b6d39d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  a.diese-scroll,\n  a.diese-scroll:link,\n  a.diese-scroll:visited,\n  a.diese-scroll:hover,\n  a.diese-scroll:active {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n\n    box-sizing: border-box;\n    width: fit-content;\n    min-width: 64px;\n    min-height: 74px;\n    margin: 0 auto;\n    padding: 5px 12px;\n\n    color: #F7F4F2;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    text-align: center;\n    text-decoration: none;\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .diese-scroll .diese-scroll__label {\n    display: block;\n    color: inherit;\n    font-family: \"Montserrat\", sans-serif;\n    font-size: 8px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 0.08em;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  .diese-scroll .diese-scroll__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: inherit;\n    transition: transform 220ms ease;\n  }\n\n  .diese-scroll .diese-scroll__icon svg {\n    display: block;\n    width: 58px;\n    height: 24px;\n    fill: currentColor;\n    animation: diese-scroll-drift 2s ease-in-out infinite;\n  }\n\n  @keyframes diese-scroll-drift {\n    0%, 100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(3px);\n    }\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .diese-scroll:hover .diese-scroll__icon {\n      transform: translateY(2px);\n    }\n\n    .diese-scroll:hover .diese-scroll__icon svg {\n      animation-play-state: paused;\n    }\n  }\n\n  a.diese-scroll:focus-visible {\n    outline: 2px solid #F7F4F2;\n    outline-offset: 5px;\n    border-radius: 3px;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .diese-scroll .diese-scroll__icon svg {\n      animation: none;\n    }\n\n    .diese-scroll .diese-scroll__icon,\n    .diese-scroll:hover .diese-scroll__icon {\n      transition: none;\n      transform: none;\n    }\n  }\n<\/style>\n\n<a\n  class=\"diese-scroll\"\n  href=\"#section-suivante\"\n  aria-label=\"D\u00e9couvrir la section suivante\"\n>\n  <span class=\"diese-scroll__icon\" aria-hidden=\"true\">\n    <svg\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      width=\"28\"\n      height=\"28\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      focusable=\"false\"\n    >\n      <path d=\"M7.293,7.707a1,1,0,0,1,0-1.414l4-4a1,1,0,0,1,1.414,0l4,4a1,1,0,1,1-1.414,1.414L12,4.414,8.707,7.707A1,1,0,0,1,7.293,7.707Zm0,10,4,4a1,1,0,0,0,1.414,0l4-4a1,1,0,0,0-1.414-1.414L12,19.586,8.707,16.293a1,1,0,1,0-1.414,1.414Z\"\/>\n    <\/svg>\n  <\/span>\n\n  <span class=\"diese-scroll__label\">D\u00c9COUVRIR<\/span>\n<\/a>\n\n<script>\n(() => {\n  const link = document.currentScript?.previousElementSibling;\n\n  if (!link?.matches(\"a.diese-scroll\")) return;\n\n  link.addEventListener(\"click\", (event) => {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    ) return;\n\n    const target = document.getElementById(\n      link.getAttribute(\"href\").slice(1)\n    );\n\n    if (!target) return;\n\n    event.preventDefault();\n\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n    if (!target.hasAttribute(\"tabindex\")) {\n      target.setAttribute(\"tabindex\", \"-1\");\n\n      target.addEventListener(\"blur\", () => {\n        target.removeAttribute(\"tabindex\");\n      }, { once: true });\n    }\n\n    target.focus({ preventScroll: true });\n\n    target.scrollIntoView({\n      behavior: reducedMotion ? \"instant\" : \"smooth\",\n      block: \"start\"\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-bb31a71 e-flex e-con-boxed e-con e-parent\" data-id=\"bb31a71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b5e7e6 elementor-widget elementor-widget-html\" data-id=\"7b5e7e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   DI\u00c8SE EVENT \u2014 SECTION 2 : LES TROIS PORTES\n   ========================================================= *\/\n\n#diese-portes-v2 {\n  --diese-display: \"voyage-gold\", \"Voyage Gold\", \"Voyage\", serif;\n  --diese-ui: \"PP Monument Normal\", Arial, sans-serif;\n  --diese-white: #ffffff;\n  --diese-radius: 68px;\n\n  position: relative;\n  width: 100%;\n  padding: clamp(90px, 10vw, 160px) clamp(18px, 4vw, 72px);\n  overflow: hidden;\n  background: transparent;\n  color: #171714;\n  isolation: isolate;\n}\n\n#diese-portes-v2 *,\n#diese-portes-v2 *::before,\n#diese-portes-v2 *::after {\n  box-sizing: border-box;\n}\n\n#diese-portes-v2 .dp2-container {\n  width: min(100%, 1500px);\n  margin-inline: auto;\n}\n\n\/* EN-T\u00caTE *\/\n\n#diese-portes-v2 .dp2-header {\n  width: min(100%, 1080px);\n  margin: 0 auto clamp(52px, 6vw, 88px);\n  text-align: center;\n}\n\n#diese-portes-v2 .dp2-label {\n  margin: 0 0 19px;\n  font-family: var(--diese-ui);\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 1.3;\n  letter-spacing: 0.24em;\n  text-transform: uppercase;\n  opacity: 0.58;\n}\n\n#diese-portes-v2 .dp2-section-title {\n  max-width: 1080px;\n  margin: 0 auto;\n  font-family: \"voyage-gold\", \"Voyage Gold\", \"Voyage\", serif !important;\n  font-size: clamp(40px, 4.8vw, 72px);\n  font-style: normal !important;\n  font-weight: 400 !important;\n  font-variant: normal !important;\n  font-variant-caps: normal !important;\n  font-synthesis: none;\n  line-height: 0.98;\n  letter-spacing: -0.035em;\n  text-transform: none !important;\n  text-wrap: balance;\n}\n\n\/* GRILLE *\/\n\n#diese-portes-v2 .dp2-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(16px, 1.8vw, 28px);\n  align-items: stretch;\n}\n\n\/* CARTES *\/\n\n#diese-portes-v2 .dp2-card {\n  position: relative;\n  min-width: 0;\n  min-height: clamp(740px, 59vw, 850px);\n  overflow: hidden !important;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  border-radius: var(--diese-radius) !important;\n  clip-path: inset(0 round var(--diese-radius));\n  -webkit-mask-image: -webkit-radial-gradient(white, black);\n  background: #37362f;\n  color: var(--diese-white);\n  box-shadow:\n    0 30px 80px rgba(21, 20, 16, 0.14),\n    0 5px 20px rgba(21, 20, 16, 0.08);\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  transition:\n    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 700ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* IMAGE *\/\n\n#diese-portes-v2 .dp2-card__image {\n  position: absolute;\n  inset: -5px;\n  z-index: 0;\n  display: block;\n  width: calc(100% + 10px);\n  height: calc(100% + 10px);\n  max-width: none;\n  object-fit: cover;\n  object-position: center;\n  border-radius: inherit;\n  filter:\n    saturate(0.83)\n    contrast(0.94)\n    brightness(0.83);\n  transform: scale(1.015);\n  transition:\n    transform 1.3s cubic-bezier(0.22, 1, 0.36, 1),\n    filter 900ms ease;\n  will-change: transform;\n}\n\n\/* ATMOSPH\u00c8RE *\/\n\n#diese-portes-v2 .dp2-card__atmosphere {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  border-radius: inherit;\n  pointer-events: none;\n  background:\n    radial-gradient(\n      circle at 18% 18%,\n      rgba(255, 244, 220, 0.2),\n      transparent 42%\n    ),\n    radial-gradient(\n      circle at 80% 42%,\n      rgba(196, 169, 130, 0.12),\n      transparent 48%\n    );\n  mix-blend-mode: screen;\n  opacity: 0.72;\n  transition: opacity 700ms ease;\n}\n\n\/* D\u00c9GRAD\u00c9 DE LISIBILIT\u00c9 *\/\n\n#diese-portes-v2 .dp2-card__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  border-radius: inherit;\n  pointer-events: none;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(12, 12, 10, 0.36) 0%,\n      rgba(12, 12, 10, 0.1) 25%,\n      rgba(12, 12, 10, 0.12) 44%,\n      rgba(12, 12, 10, 0.58) 68%,\n      rgba(12, 12, 10, 0.92) 100%\n    );\n}\n\n\/* REFLET SUP\u00c9RIEUR *\/\n\n#diese-portes-v2 .dp2-card::before {\n  position: absolute;\n  top: 0;\n  right: 12%;\n  left: 12%;\n  z-index: 5;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 255, 255, 0.52),\n    transparent\n  );\n  content: \"\";\n  pointer-events: none;\n}\n\n\/* CONTENU *\/\n\n#diese-portes-v2 .dp2-card__content {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  flex-direction: column;\n  min-height: inherit;\n  padding:\n    clamp(42px, 3.8vw, 58px)\n    clamp(24px, 2.5vw, 38px)\n    clamp(24px, 2.2vw, 34px);\n  text-align: center;\n}\n\n#diese-portes-v2 .dp2-card__top {\n  width: 100%;\n}\n\n#diese-portes-v2 .dp2-card__number {\n  display: block;\n  margin: 0 0 14px;\n  font-family: var(--diese-ui);\n  font-size: 9px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.72);\n}\n\n\/* TITRES DES CARTES *\/\n\n#diese-portes-v2 .dp2-card__title {\n  max-width: 420px;\n  margin: 0 auto;\n  font-family: \"voyage-gold\", \"Voyage Gold\", \"Voyage\", serif !important;\n  font-size: clamp(31px, 2.7vw, 44px);\n  font-style: normal !important;\n  font-weight: 700 !important;\n  font-variant: normal !important;\n  font-variant-caps: normal !important;\n  font-synthesis: none;\n  line-height: 1;\n  letter-spacing: -0.025em;\n  text-transform: none !important;\n  color: #ffffff;\n  text-wrap: balance;\n  text-shadow: 0 3px 26px rgba(0, 0, 0, 0.28);\n}\n\n#diese-portes-v2 .dp2-card__subtitle {\n  display: block;\n  max-width: 300px;\n  margin: 17px auto 0;\n  font-family: var(--diese-ui);\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.45;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.72);\n}\n\n\/* BOUTON CIRCULAIRE *\/\n\n#diese-portes-v2 .dp2-card__round-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  width: 76px;\n  height: 76px;\n  margin-top: clamp(34px, 5vh, 58px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.08);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.23),\n    0 10px 30px rgba(0, 0, 0, 0.12);\n  -webkit-backdrop-filter: blur(18px) saturate(120%);\n  backdrop-filter: blur(18px) saturate(120%);\n  color: #ffffff;\n  text-decoration: none;\n  transition:\n    transform 400ms cubic-bezier(0.22, 1, 0.36, 1),\n    background 350ms ease,\n    border-color 350ms ease;\n}\n\n#diese-portes-v2 .dp2-card__round-link svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* PARAGRAPHES *\/\n\n#diese-portes-v2 .dp2-card__body {\n  width: min(100%, 405px);\n  margin: auto auto 24px;\n  padding-top: clamp(70px, 9vh, 125px);\n}\n\n#diese-portes-v2 .dp2-card__body p {\n  margin: 0;\n  font-family: var(--diese-ui);\n  font-size: clamp(11px, 0.78vw, 13px);\n  font-weight: 400;\n  line-height: 1.65;\n  letter-spacing: 0.005em;\n  color: rgba(255, 255, 255, 0.84);\n  text-wrap: pretty;\n  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);\n}\n\n#diese-portes-v2 .dp2-card__body p + p {\n  margin-top: 11px;\n}\n\n\/* CTA INF\u00c9RIEUR *\/\n\n#diese-portes-v2 .dp2-card__cta {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 78px;\n  padding: 18px 25px;\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 999px;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(12, 12, 10, 0.58),\n      rgba(12, 12, 10, 0.37)\n    );\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.16),\n    0 12px 36px rgba(0, 0, 0, 0.18);\n  -webkit-backdrop-filter: blur(22px) saturate(125%);\n  backdrop-filter: blur(22px) saturate(125%);\n  color: #ffffff;\n  font-family: var(--diese-ui);\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.11em;\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  transition:\n    background 350ms ease,\n    border-color 350ms ease,\n    box-shadow 350ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* INTERACTIONS *\/\n\n@media (hover: hover) and (pointer: fine) {\n  #diese-portes-v2 .dp2-card:hover {\n    z-index: 2;\n    transform: translateY(-7px);\n    box-shadow:\n      0 38px 95px rgba(21, 20, 16, 0.22),\n      0 8px 24px rgba(21, 20, 16, 0.1);\n  }\n\n  #diese-portes-v2 .dp2-card:hover .dp2-card__image {\n    filter:\n      saturate(0.93)\n      contrast(0.98)\n      brightness(0.88);\n    transform: scale(1.065);\n  }\n\n  #diese-portes-v2 .dp2-card:hover .dp2-card__atmosphere {\n    opacity: 0.92;\n  }\n\n  #diese-portes-v2 .dp2-card__round-link:hover {\n    border-color: rgba(255, 255, 255, 0.52);\n    background: rgba(255, 255, 255, 0.17);\n    transform: scale(1.06);\n  }\n\n  #diese-portes-v2 .dp2-card__round-link:hover svg {\n    transform: translate(3px, -3px);\n  }\n\n  #diese-portes-v2 .dp2-card__cta:hover {\n    border-color: rgba(255, 255, 255, 0.42);\n    background:\n      linear-gradient(\n        135deg,\n        rgba(26, 25, 21, 0.68),\n        rgba(26, 25, 21, 0.48)\n      );\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.22),\n      0 15px 40px rgba(0, 0, 0, 0.22);\n    transform: translateY(-2px);\n  }\n}\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n#diese-portes-v2 .dp2-card__round-link:focus-visible,\n#diese-portes-v2 .dp2-card__cta:focus-visible {\n  outline: 2px solid #ffffff;\n  outline-offset: 4px;\n}\n\n\/* TABLETTE *\/\n\n@media (max-width: 1180px) {\n  #diese-portes-v2 {\n    --diese-radius: 58px;\n    padding-inline: clamp(20px, 4vw, 48px);\n  }\n\n  #diese-portes-v2 .dp2-section-title {\n    font-size: clamp(40px, 5.7vw, 62px);\n  }\n\n  #diese-portes-v2 .dp2-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #diese-portes-v2 .dp2-card {\n    min-height: 790px;\n  }\n\n  #diese-portes-v2 .dp2-card:last-child {\n    grid-column: 1 \/ -1;\n    width: min(100%, calc(50% - 9px));\n    justify-self: center;\n  }\n\n  #diese-portes-v2 .dp2-card__title {\n    font-size: clamp(32px, 4vw, 42px);\n  }\n\n  #diese-portes-v2 .dp2-card__body p {\n    font-size: 12px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  #diese-portes-v2 {\n    --diese-radius: 44px;\n    padding: 82px 16px 96px;\n  }\n\n  #diese-portes-v2 .dp2-header {\n    margin-bottom: 43px;\n    padding-inline: 7px;\n  }\n\n  #diese-portes-v2 .dp2-label {\n    margin-bottom: 16px;\n    font-size: 9px;\n  }\n\n  #diese-portes-v2 .dp2-section-title {\n    font-size: clamp(38px, 11.5vw, 49px);\n    line-height: 1;\n  }\n\n  #diese-portes-v2 .dp2-desktop-break {\n    display: none;\n  }\n\n  #diese-portes-v2 .dp2-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  #diese-portes-v2 .dp2-card,\n  #diese-portes-v2 .dp2-card:last-child {\n    grid-column: auto;\n    width: 100%;\n    min-height: 760px;\n  }\n\n  #diese-portes-v2 .dp2-card__content {\n    padding: 37px 22px 23px;\n  }\n\n  #diese-portes-v2 .dp2-card__title {\n    font-size: clamp(30px, 9.2vw, 39px);\n    line-height: 1.02;\n  }\n\n  #diese-portes-v2 .dp2-card__subtitle {\n    margin-top: 14px;\n    font-size: 9px;\n  }\n\n  #diese-portes-v2 .dp2-card__round-link {\n    width: 68px;\n    height: 68px;\n    margin-top: 32px;\n  }\n\n  #diese-portes-v2 .dp2-card__round-link svg {\n    width: 21px;\n    height: 21px;\n  }\n\n  #diese-portes-v2 .dp2-card__body {\n    padding-top: 72px;\n    margin-bottom: 20px;\n  }\n\n  #diese-portes-v2 .dp2-card__body p {\n    font-size: 11px;\n    line-height: 1.63;\n  }\n\n  #diese-portes-v2 .dp2-card__cta {\n    min-height: 68px;\n    padding: 16px 18px;\n    font-size: 8px;\n    letter-spacing: 0.09em;\n  }\n}\n\n\/* PETITS MOBILES *\/\n\n@media (max-width: 390px) {\n  #diese-portes-v2 {\n    --diese-radius: 38px;\n  }\n\n  #diese-portes-v2 .dp2-card,\n  #diese-portes-v2 .dp2-card:last-child {\n    min-height: 790px;\n  }\n\n  #diese-portes-v2 .dp2-card__content {\n    padding-inline: 18px;\n  }\n\n  #diese-portes-v2 .dp2-card__body p {\n    font-size: 10.5px;\n  }\n\n  #diese-portes-v2 .dp2-card__cta {\n    padding-inline: 14px;\n  }\n}\n\n\/* R\u00c9DUCTION DES MOUVEMENTS *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #diese-portes-v2 .dp2-card,\n  #diese-portes-v2 .dp2-card__image,\n  #diese-portes-v2 .dp2-card__atmosphere,\n  #diese-portes-v2 .dp2-card__round-link,\n  #diese-portes-v2 .dp2-card__round-link svg,\n  #diese-portes-v2 .dp2-card__cta {\n    transition: none;\n  }\n\n  #diese-portes-v2 .dp2-card:hover {\n    transform: none;\n  }\n\n  #diese-portes-v2 .dp2-card:hover .dp2-card__image {\n    transform: scale(1.015);\n  }\n}\n<\/style>\n\n\n<section\n  id=\"diese-portes-v2\"\n  aria-labelledby=\"diese-portes-v2-title\"\n>\n  <div class=\"dp2-container\">\n\n    <header class=\"dp2-header\">\n      <p class=\"dp2-label\">Les trois portes<\/p>\n\n      <h2 id=\"diese-portes-v2-title\" class=\"dp2-section-title\">\n        Tout votre \u00e9v\u00e9nement. Sa sc\u00e9nographie.<br class=\"dp2-desktop-break\">\n        Ou seulement ce dont vous avez besoin.\n      <\/h2>\n    <\/header>\n\n    <div class=\"dp2-grid\">\n\n      <!-- PORTE 01 -->\n      <article class=\"dp2-card\">\n\n        <img loading=\"lazy\"\n          class=\"dp2-card__image\"\n          src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/09\/mise-en-scene-regie-plateau-marrakech-diese-event.jpg\"\n          alt=\"R\u00e9ception \u00e9v\u00e9nementielle immersive con\u00e7ue et produite par Di\u00e8se Event\"\n          width=\"900\"\n          height=\"1300\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <div class=\"dp2-card__atmosphere\" aria-hidden=\"true\"><\/div>\n        <div class=\"dp2-card__overlay\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"dp2-card__content\">\n\n          <div class=\"dp2-card__top\">\n            <span class=\"dp2-card__number\">Porte 01<\/span>\n\n            <h3 class=\"dp2-card__title\">\n              Confiez-nous<br>\n              votre \u00e9v\u00e9nement\n            <\/h3>\n\n            <span class=\"dp2-card__subtitle\">\n              Une vision compl\u00e8te, de la conception \u00e0 la r\u00e9alisation\n            <\/span>\n          <\/div>\n\n          <a\n            class=\"dp2-card__round-link\"\n            href=\"\/creation-production-evenementielle-marrakech\/\"\n            aria-label=\"D\u00e9couvrir la cr\u00e9ation et la production \u00e9v\u00e9nementielle\"\n          >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 17L17 7M17 7H8M17 7V16\"><\/path>\n            <\/svg>\n          <\/a>\n\n          <div class=\"dp2-card__body\">\n            <p>\n              Vous pr\u00e9parez un \u00e9v\u00e9nement et souhaitez \u00eatre accompagn\u00e9 pour\n              le construire et le r\u00e9aliser. Vous pouvez venir avec une\n              premi\u00e8re id\u00e9e, une date, un lieu ou un projet d\u00e9j\u00e0 avanc\u00e9.\n            <\/p>\n\n            <p>\n              Di\u00e8se organise les d\u00e9cisions, compose l\u2019exp\u00e9rience et dirige\n              sa r\u00e9alisation : format, d\u00e9roulement, espaces, prestataires,\n              sc\u00e9nographie, production, logistique et coordination sur site\n              selon les besoins du projet.\n            <\/p>\n          <\/div>\n\n          <a\n            class=\"dp2-card__cta\"\n            href=\"\/creation-production-evenementielle-marrakech\/\"\n          >\n            Cr\u00e9ation &amp; production \u00e9v\u00e9nementielle\n          <\/a>\n\n        <\/div>\n      <\/article>\n\n\n      <!-- PORTE 02 -->\n      <article class=\"dp2-card\">\n\n        <img loading=\"lazy\"\n          class=\"dp2-card__image\"\n          src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/09\/agence-evenementielle-deco-marrakech-diese-event.png\"\n          alt=\"Sc\u00e9nographie \u00e9v\u00e9nementielle associant architecture, lumi\u00e8re, mobilier et d\u00e9coration \u00e0 Marrakech\"\n          width=\"900\"\n          height=\"1300\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <div class=\"dp2-card__atmosphere\" aria-hidden=\"true\"><\/div>\n        <div class=\"dp2-card__overlay\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"dp2-card__content\">\n\n          <div class=\"dp2-card__top\">\n            <span class=\"dp2-card__number\">Porte 02<\/span>\n\n            <h3 class=\"dp2-card__title\">\n              Confiez-nous<br>\n              sa sc\u00e9nographie\n            <\/h3>\n\n            <span class=\"dp2-card__subtitle\">\n              Imaginer l\u2019espace, ses usages et son atmosph\u00e8re\n            <\/span>\n          <\/div>\n\n          <a\n            class=\"dp2-card__round-link\"\n            href=\"\/scenographie-production-evenementielle-marrakech\/\"\n            aria-label=\"D\u00e9couvrir la sc\u00e9nographie et la production\"\n          >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 17L17 7M17 7H8M17 7V16\"><\/path>\n            <\/svg>\n          <\/a>\n\n          <div class=\"dp2-card__body\">\n            <p>\n              Votre \u00e9v\u00e9nement, votre lieu ou votre organisation existe d\u00e9j\u00e0.\n              Di\u00e8se imagine comment l\u2019espace doit \u00eatre v\u00e9cu et per\u00e7u :\n              circulation des invit\u00e9s, volumes, mobilier, d\u00e9cor, mati\u00e8res,\n              lumi\u00e8re et \u00e9l\u00e9ments visuels.\n            <\/p>\n\n            <p>\n              Cette vision d\u2019ensemble devient un projet r\u00e9alisable, dessin\u00e9,\n              chiffr\u00e9, produit et install\u00e9 avec les \u00e9quipes adapt\u00e9es.\n            <\/p>\n          <\/div>\n\n          <a\n            class=\"dp2-card__cta\"\n            href=\"\/scenographie-production-evenementielle-marrakech\/\"\n          >\n            Sc\u00e9nographie &amp; production\n          <\/a>\n\n        <\/div>\n      <\/article>\n\n\n      <!-- PORTE 03 -->\n      <article class=\"dp2-card\">\n\n        <img loading=\"lazy\"\n          class=\"dp2-card__image\"\n          src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/09\/live-soiree-gala-marrakech-diese-event.jpg\"\n          alt=\"Installation d\u00e9corative sur mesure produite pour un \u00e9v\u00e9nement\"\n          width=\"900\"\n          height=\"1300\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <div class=\"dp2-card__atmosphere\" aria-hidden=\"true\"><\/div>\n        <div class=\"dp2-card__overlay\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"dp2-card__content\">\n\n          <div class=\"dp2-card__top\">\n            <span class=\"dp2-card__number\">Porte 03<\/span>\n\n            <h3 class=\"dp2-card__title\">\n              Confiez-nous ce dont<br>\n              vous avez besoin\n            <\/h3>\n\n            <span class=\"dp2-card__subtitle\">\n              Une intervention cibl\u00e9e, int\u00e9gr\u00e9e \u00e0 votre projet\n            <\/span>\n          <\/div>\n\n          <a\n            class=\"dp2-card__round-link\"\n            href=\"\/production-evenementielle-sur-mesure-marrakech\/\"\n            aria-label=\"D\u00e9couvrir la production \u00e9v\u00e9nementielle sur mesure\"\n          >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 17L17 7M17 7H8M17 7V16\"><\/path>\n            <\/svg>\n          <\/a>\n\n          <div class=\"dp2-card__body\">\n            <p>\n              Vous avez d\u00e9j\u00e0 organis\u00e9 le reste ? Di\u00e8se peut cr\u00e9er uniquement\n              la partie qui manque : une c\u00e9r\u00e9monie, un d\u00eener, une entr\u00e9e,\n              un espace de marque, un photocall, un bar, un d\u00e9cor, une\n              signal\u00e9tique ou une installation particuli\u00e8re.\n            <\/p>\n\n            <p>\n              Le studio prend la responsabilit\u00e9 de cette r\u00e9alisation et\n              l\u2019int\u00e8gre au projet existant, sans vous demander de lui confier\n              tout l\u2019\u00e9v\u00e9nement.\n            <\/p>\n          <\/div>\n\n          <a\n            class=\"dp2-card__cta\"\n            href=\"\/production-evenementielle-sur-mesure-marrakech\/\"\n          >\n            Production sur mesure\n          <\/a>\n\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4fb8b5 e-con-full e-flex e-con e-parent\" data-id=\"e4fb8b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c23264 elementor-widget elementor-widget-html\" data-id=\"9c23264\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 3 \u2014 PROJET MANIFESTE \/ HOMEPAGE UNIQUEMENT -->\n<section class=\"de-manifest\" aria-labelledby=\"de-manifest-title\">\n  <div class=\"de-manifest__glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"de-manifest__inner\">\n    <header class=\"de-manifest__intro\">\n      <p class=\"de-manifest__eyebrow\">PROJETS S\u00c9LECTIONN\u00c9S<\/p>\n\n      <div class=\"de-manifest__intro-grid\">\n        <h2 id=\"de-manifest-title\" class=\"de-manifest__title\">\n          De la conception<br>au r\u00e9sultat\n        <\/h2>\n\n        <div class=\"de-manifest__copy\">\n          <p>\n            Un projet ne se r\u00e9sume pas \u00e0 sa photographie finale. Chaque \u00e9tude de cas pr\u00e9cise ce qu\u2019il fallait r\u00e9aliser, le r\u00f4le exact de Di\u00e8se et la mani\u00e8re dont les choix ont \u00e9t\u00e9 d\u00e9velopp\u00e9s jusqu\u2019au terrain.\n          <\/p>\n          <p>\n            Lorsque les documents existent, elle montre aussi le chemin : intention, moodboard, plan, mati\u00e8res, fabrication, montage et r\u00e9sultat install\u00e9.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <article class=\"de-manifest__project\">\n      <a class=\"de-manifest__visual\" href=\"\/projets\/\" aria-label=\"D\u00e9couvrir tous les projets Di\u00e8se Event\">\n        <!-- REMPLACER UNIQUEMENT L'URL CI-DESSOUS PAR L'IMAGE DU PROJET -->\n        <img\n          class=\"de-manifest__image\"\n          src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/09\/technique-soiree-desert-agafay-marrakech-morocco-diese-event.jpg\"\n          alt=\"Projet \u00e9v\u00e9nementiel con\u00e7u et produit par Di\u00e8se Event\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <span class=\"de-manifest__image-shade\" aria-hidden=\"true\"><\/span>\n        <span class=\"de-manifest__index\" aria-hidden=\"true\">01<\/span>\n\n        <div class=\"de-manifest__caption\">\n          <p class=\"de-manifest__project-label\">PROJET MANIFESTE<\/p>\n          <h3 class=\"de-manifest__project-name\">Soir\u00e9e priv\u00e9e pour un groupe international venu d\u2019Inde<\/h3>\n          <p class=\"de-manifest__project-type\">SOIR\u00c9E PRIV\u00c9E \u2014 AGAFAY \/ MARRAKECH<\/p>\n        <\/div>\n      <\/a>\n\n      <div class=\"de-manifest__footer\">\n        <div class=\"de-manifest__role\">\n          <p class=\"de-manifest__role-label\">R\u00d4LE DE DI\u00c8SE<\/p>\n          <p class=\"de-manifest__role-value\">Rep\u00e9rage, construction et suivi du budget, coordination des besoins techniques, suivi des prestataires, accessoires d\u00e9coratifs, installation et supervision terrain]<\/p>\n        <\/div>\n\n        <ol class=\"de-manifest__steps\" aria-label=\"\u00c9tapes du projet\">\n          <li>Intention<\/li>\n          <li>Conception<\/li>\n          <li>Production<\/li>\n          <li>R\u00e9sultat<\/li>\n        <\/ol>\n\n        <a class=\"de-manifest__cta\" href=\"\/projets\/\">\n          <span>VOIR TOUS LES PROJETS<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n            <path d=\"M7 17 17 7M8 7h9v9\" \/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   SECTION 3 \u2014 PROJET MANIFESTE\n   Styles strictement limit\u00e9s \u00e0 .de-manifest\n   ========================================================= *\/\n\n.de-manifest {\n  --de-orange: #f6724b;\n  --de-orange-deep: #fb3e1b;\n  --de-night: #2e2e41;\n  --de-plum: #4d3347;\n  --de-wine: #86112e;\n  --de-ivory: #f7f4f2;\n  --de-voyage: \"voyage-bold\", \"Voyage Bold\", \"Voyage Gold\", \"Voyage\", Georgia, serif;\n  --de-pp-monument: \"PP Monument Normal\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  \/* Pleine largeur, m\u00eame dans un conteneur Elementor boxed *\/\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: clamp(80px, 9vw, 144px) clamp(20px, 4.6vw, 72px);\n  color: var(--de-ivory);\n  background:\n    linear-gradient(128deg,\n      #2e2e41 0%,\n      #343044 30%,\n      #4d3347 63%,\n      #681f39 82%,\n      #86112e 100%);\n}\n\n.de-manifest,\n.de-manifest * {\n  box-sizing: border-box;\n}\n\n.de-manifest__glow {\n  position: absolute;\n  z-index: -1;\n  top: -28%;\n  right: -9%;\n  width: min(58vw, 850px);\n  aspect-ratio: 1;\n  border-radius: 50%;\n  pointer-events: none;\n  background: rgba(251, 109, 16, 0.32);\n  filter: blur(135px);\n  opacity: 0.65;\n}\n\n.de-manifest__inner {\n  width: min(100%, 1380px);\n  margin-inline: auto;\n}\n\n.de-manifest__intro {\n  margin-bottom: clamp(42px, 5vw, 76px);\n}\n\n.de-manifest__eyebrow,\n.de-manifest__project-label,\n.de-manifest__project-type,\n.de-manifest__role-label {\n  margin: 0;\n  font-family: var(--de-pp-monument);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.35;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n.de-manifest__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: clamp(24px, 3vw, 40px);\n  color: rgba(247, 244, 242, 0.72);\n}\n\n.de-manifest__eyebrow::before {\n  width: 32px;\n  height: 1px;\n  content: \"\";\n  background: var(--de-orange);\n}\n\n.de-manifest__intro-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.72fr);\n  align-items: end;\n  gap: clamp(44px, 8vw, 130px);\n}\n\n.de-manifest__title {\n  max-width: 760px;\n  margin: 0;\n  color: var(--de-ivory);\n  font-family: var(--de-voyage);\n  font-size: clamp(48px, 5.3vw, 82px);\n  font-weight: 700;\n  line-height: 0.96;\n  letter-spacing: -0.035em;\n  text-transform: none;\n}\n\n.de-manifest__copy {\n  max-width: 620px;\n  padding-left: clamp(18px, 2.2vw, 34px);\n  border-left: 1px solid rgba(247, 244, 242, 0.24);\n}\n\n.de-manifest__copy p {\n  margin: 0;\n  color: rgba(247, 244, 242, 0.76);\n  font-family: var(--de-pp-monument);\n  font-size: clamp(13px, 1vw, 15px);\n  font-weight: 400;\n  line-height: 1.72;\n}\n\n.de-manifest__copy p + p {\n  margin-top: 13px;\n}\n\n.de-manifest__project {\n  overflow: hidden;\n  border: 1px solid rgba(247, 244, 242, 0.2);\n  border-radius: clamp(28px, 3.2vw, 52px);\n  background: rgba(14, 14, 20, 0.16);\n  box-shadow: 0 28px 80px rgba(13, 9, 18, 0.18);\n}\n\n.de-manifest__visual {\n  position: relative;\n  display: block;\n  min-height: clamp(460px, 48vw, 680px);\n  overflow: hidden;\n  color: inherit;\n  text-decoration: none;\n  background: #292733;\n}\n\n.de-manifest .de-manifest__visual > img.de-manifest__image {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100% !important;\n  max-width: none !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: 50% 68% !important;\n  transform: scale(1);\n  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), filter 600ms ease;\n}\n\n.de-manifest__image-shade {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(180deg,\n      rgba(13, 12, 17, 0.06) 24%,\n      rgba(13, 12, 17, 0.18) 52%,\n      rgba(13, 12, 17, 0.84) 100%),\n    linear-gradient(90deg,\n      rgba(20, 17, 25, 0.5) 0%,\n      rgba(20, 17, 25, 0.08) 52%,\n      transparent 78%);\n}\n\n.de-manifest__index {\n  position: absolute;\n  top: clamp(24px, 3vw, 48px);\n  right: clamp(26px, 3.5vw, 54px);\n  color: rgba(247, 244, 242, 0.7);\n  font-family: var(--de-pp-monument);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n}\n\n.de-manifest__caption {\n  position: absolute;\n  z-index: 2;\n  right: clamp(26px, 4vw, 64px);\n  bottom: clamp(30px, 4.5vw, 68px);\n  left: clamp(26px, 4vw, 64px);\n  max-width: 760px;\n}\n\n.de-manifest__project-label {\n  margin-bottom: 13px;\n  color: var(--de-orange);\n}\n\n.de-manifest__project-name {\n  margin: 0 0 18px;\n  color: var(--de-ivory);\n  font-family: \"PP Monument Normal\", Arial, sans-serif !important;\n  font-weight: 400 !important;\n  font-style: normal !important;\n  text-transform: uppercase !important;\n  font-synthesis: none;\n  font-size: clamp(38px, 5vw, 76px);\n  line-height: 1.0;\n  letter-spacing: -0.03em;\n}\n\n.de-manifest__project-type {\n  color: rgba(247, 244, 242, 0.78);\n  font-family: \"PP Monument Normal\", Arial, sans-serif !important;\n  font-weight: 400 !important;\n  font-style: normal !important;\n  text-transform: uppercase !important;\n}\n\n.de-manifest__footer {\n  display: grid;\n  grid-template-columns: minmax(260px, 0.95fr) minmax(330px, 1.2fr) auto;\n  align-items: center;\n  gap: clamp(25px, 4vw, 64px);\n  padding: clamp(24px, 2.7vw, 40px) clamp(24px, 3.5vw, 54px);\n  background: rgba(22, 19, 29, 0.48);\n  -webkit-backdrop-filter: blur(18px) saturate(120%);\n  backdrop-filter: blur(18px) saturate(120%);\n}\n\n.de-manifest__role-label {\n  margin-bottom: 8px;\n  color: rgba(247, 244, 242, 0.5);\n}\n\n.de-manifest__role-value {\n  margin: 0;\n  color: rgba(247, 244, 242, 0.9);\n  font-family: var(--de-pp-monument);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.de-manifest__steps {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.de-manifest__steps li {\n  display: flex;\n  align-items: center;\n  color: rgba(247, 244, 242, 0.58);\n  font-family: var(--de-pp-monument);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.de-manifest__steps li:not(:last-child)::after {\n  width: clamp(22px, 2.7vw, 42px);\n  height: 1px;\n  margin-inline: 11px;\n  content: \"\";\n  background: rgba(247, 244, 242, 0.25);\n}\n\n.de-manifest__cta {\n  display: inline-flex;\n  min-height: 58px;\n  align-items: center;\n  justify-content: center;\n  gap: 22px;\n  padding: 14px 23px 14px 27px;\n  border: 1px solid rgba(247, 244, 242, 0.42);\n  border-radius: 999px;\n\n  color: #F7F4F2 !important;\n\n  background: rgba(247, 244, 242, 0.08);\n  -webkit-backdrop-filter: blur(16px) saturate(125%);\n  backdrop-filter: blur(16px) saturate(125%);\n\n  font-family: var(--de-pp-monument);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.11em;\n  line-height: 1.3;\n  text-decoration: none;\n  white-space: nowrap;\n\n  transition:\n    color 300ms ease,\n    border-color 300ms ease,\n    background-color 300ms ease,\n    transform 300ms ease;\n}\n\n.de-manifest__cta svg {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 18px;\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.5;\n\n  transition: transform 300ms ease;\n}\n\n@media (hover: hover) and (pointer: fine) {\n\n  .de-manifest__visual:hover .de-manifest__image {\n    transform: scale(1.012);\n    filter: saturate(1.04) contrast(1.025);\n  }\n\n  .de-manifest__cta:hover {\n    border-color: rgba(246, 114, 75, 0.78);\n\n    color: #F6724B !important;\n\n    background: rgba(247, 244, 242, 0.12);\n    transform: translateY(-2px);\n  }\n\n  .de-manifest__cta:hover svg {\n    transform: translate(3px, -2px);\n  }\n}\n\n.de-manifest__visual:focus-visible,\n.de-manifest__cta:focus-visible {\n  outline: 2px solid var(--de-orange);\n  outline-offset: 4px;\n}\n\n\/* TABLETTE *\/\n@media (max-width: 1050px) {\n  .de-manifest__intro-grid {\n    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);\n    gap: 45px;\n  }\n\n  .de-manifest__footer {\n    grid-template-columns: minmax(0, 1fr) auto;\n  }\n\n  .de-manifest__steps {\n    display: none;\n  }\n}\n\n@media (max-width: 760px) {\n  .de-manifest {\n    padding: 76px 20px;\n  }\n\n  .de-manifest__glow {\n    top: -8%;\n    right: -45%;\n    width: 110vw;\n    filter: blur(100px);\n  }\n\n  .de-manifest__intro-grid {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 29px;\n  }\n\n  .de-manifest__title {\n    font-size: clamp(43px, 12vw, 64px);\n  }\n\n  .de-manifest__copy {\n    max-width: none;\n    padding-left: 18px;\n  }\n\n  .de-manifest__visual {\n    min-height: min(128vw, 620px);\n  }\n\n  .de-manifest .de-manifest__visual > img.de-manifest__image {\n    object-position: 50% 50% !important;\n  }\n\n  .de-manifest__footer {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .de-manifest__cta {\n    width: 100%;\n  }\n}\n\n\/* PETIT MOBILE *\/\n@media (max-width: 480px) {\n  .de-manifest {\n    padding-inline: 14px;\n  }\n\n  .de-manifest__eyebrow {\n    font-size: 9px;\n  }\n\n  .de-manifest__title {\n    font-size: clamp(39px, 12vw, 52px);\n    line-height: 0.99;\n  }\n\n  .de-manifest__copy p {\n    font-size: 12.5px;\n    line-height: 1.68;\n  }\n\n  .de-manifest__project {\n    border-radius: 28px;\n  }\n\n  .de-manifest__visual {\n    min-height: 520px;\n  }\n\n  .de-manifest__caption {\n    right: 23px;\n    bottom: 30px;\n    left: 23px;\n  }\n\n  .de-manifest__project-name {\n    font-size: clamp(34px, 10vw, 46px);\n  }\n\n  .de-manifest__footer {\n    padding: 25px 22px 22px;\n  }\n}\n\n@media (max-width: 360px) {\n  .de-manifest {\n    padding-inline: 10px;\n  }\n\n  .de-manifest__title {\n    font-size: 38px;\n  }\n\n  .de-manifest__visual {\n    min-height: 490px;\n  }\n\n  .de-manifest__cta {\n    gap: 14px;\n    padding-inline: 18px;\n    font-size: 10px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .de-manifest *,\n  .de-manifest *::before,\n  .de-manifest *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3302e7 e-con-full e-flex e-con e-parent\" data-id=\"a3302e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b21de4 elementor-widget elementor-widget-html\" data-id=\"4b21de4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  DI\u00c8SE EVENT \u2014 M\u00c9THODE & DIFF\u00c9RENCIATION\n  Reproduction responsive de la maquette SVG fournie.\n  \u00c0 coller int\u00e9gralement dans un widget HTML Elementor.\n  Le fond reste transparent et reprend celui du site.\n-->\n\n<section id=\"de-method-svg\" aria-labelledby=\"de-method-svg-title\">\n  <div class=\"de-method-svg__inner\">\n    <header class=\"de-method-svg__heading\">\n      <p\n        class=\"de-method-svg__eyebrow de-method-svg__reveal\"\n        style=\"font-family:'PPMonumentNormal-Light','PP Monument Light','PP Monument',sans-serif !important; font-weight:300 !important;\"\n      >\n        M\u00e9thode et diff\u00e9renciation\n      <\/p>\n\n      <h2\n        id=\"de-method-svg-title\"\n        class=\"de-method-svg__title de-method-svg__reveal\"\n        style=\"font-family:'Voyage-Bold','voyage-bold','Voyage Bold','Voyage',serif !important; font-weight:700 !important; text-transform:none !important;\"\n      >\n        <span>Une m\u00eame direction,<\/span>\n        <span>de l\u2019id\u00e9e au terrain<\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"de-method-svg__process de-method-svg__reveal\" aria-label=\"Les quatre \u00e9tapes de notre m\u00e9thode\">\n      <ol class=\"de-method-svg__stages\">\n        <li class=\"de-method-svg__stage\"><span style=\"font-family:'PPMonumentNormal-Regular','PP Monument','PPMonument',sans-serif !important; font-weight:400 !important;\">Brief<\/span><\/li>\n        <li class=\"de-method-svg__stage\"><span style=\"font-family:'PPMonumentNormal-Regular','PP Monument','PPMonument',sans-serif !important; font-weight:400 !important;\">Conception<\/span><\/li>\n        <li class=\"de-method-svg__stage\"><span style=\"font-family:'PPMonumentNormal-Regular','PP Monument','PPMonument',sans-serif !important; font-weight:400 !important;\">Production<\/span><\/li>\n        <li class=\"de-method-svg__stage\"><span style=\"font-family:'PPMonumentNormal-Regular','PP Monument','PPMonument',sans-serif !important; font-weight:400 !important;\">Installation<\/span><\/li>\n      <\/ol>\n\n      <span class=\"de-method-svg__arrow de-method-svg__arrow--1\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 28 28\" role=\"presentation\">\n          <path d=\"M4 14h18M15 7l7 7-7 7\" \/>\n        <\/svg>\n      <\/span>\n      <span class=\"de-method-svg__arrow de-method-svg__arrow--2\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 28 28\" role=\"presentation\">\n          <path d=\"M4 14h18M15 7l7 7-7 7\" \/>\n        <\/svg>\n      <\/span>\n      <span class=\"de-method-svg__arrow de-method-svg__arrow--3\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 28 28\" role=\"presentation\">\n          <path d=\"M4 14h18M15 7l7 7-7 7\" \/>\n        <\/svg>\n      <\/span>\n    <\/div>\n\n    <div class=\"de-method-svg__copy\">\n      <article class=\"de-method-svg__text de-method-svg__text--continuity de-method-svg__reveal\">\n        <p style=\"font-family:'PPMonumentNormal-Regular','PP Monument','PPMonument',sans-serif !important; font-weight:400 !important;\">\n          Cette continuit\u00e9 permet \u00e0 Di\u00e8se Event de proposer une vision et de la conduire\n          jusqu\u2019au r\u00e9sultat install\u00e9. Les id\u00e9es ne restent pas sur un moodboard : elles\n          sont adapt\u00e9es, produites, coordonn\u00e9es et mises en place sur site.\n        <\/p>\n      <\/article>\n\n      <article class=\"de-method-svg__text de-method-svg__text--focus de-method-svg__reveal\">\n        <p style=\"font-family:'PPMonumentNormal-Black','PP Monument Black','PP Monument','PPMonument',sans-serif !important; font-weight:900 !important;\">\n          Un d\u00eener dans un jardin n\u2019a pas n\u00e9cessairement besoin de beaucoup de d\u00e9cor.\n          La composition peut partir des arbres, d\u2019une fa\u00e7ade ou d\u2019une perspective\n          existante. Le mobilier, la lumi\u00e8re, les mati\u00e8res, les fleurs et quelques\n          \u00e9l\u00e9ments dessin\u00e9s pour le projet construisent ensuite l\u2019ambiance sans faire\n          dispara\u00eetre le lieu.\n        <\/p>\n      <\/article>\n\n      <article class=\"de-method-svg__text de-method-svg__text--conditions de-method-svg__reveal\">\n        <p style=\"font-family:'PPMonumentNormal-Regular','PP Monument','PPMonument',sans-serif !important; font-weight:400 !important;\">\n          Les choix cr\u00e9atifs sont d\u00e9velopp\u00e9s avec les conditions r\u00e9elles du projet :\n          le lieu, les usages, la circulation, la technique, le budget, le calendrier\n          et les possibilit\u00e9s de fabrication.\n        <\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"de-method-svg__action de-method-svg__reveal\">\n      <a class=\"de-method-svg__cta\" href=\"\/a-propos\/\">\n        <span style=\"font-family:'PPMonumentNormal-Light','PP Monument Light','PP Monument',sans-serif !important; font-weight:300 !important;\">D\u00e9couvrir le studio<\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M7 17 17 7M9 7h8v8\" \/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #de-method-svg {\n    --de-method-ink: #27202e;\n    --de-method-black: #020203;\n    --de-method-muted: #76736c;\n    --de-method-ivory: #f3efe8;\n    --de-method-orange: #f6724b;\n    --de-method-border: rgba(39, 32, 46, 0.5);\n    --de-method-voyage: \"Voyage-Bold\", \"voyage-bold\", \"Voyage Bold\", \"Voyage\", serif;\n    --de-method-monument: \"PPMonumentNormal-Regular\", \"PP Monument\", \"PPMonument\", \"Helvetica Neue\", Arial, sans-serif;\n    --de-method-monument-light: \"PPMonumentNormal-Light\", \"PP Monument Light\", \"PP Monument\", \"PPMonument\", \"Helvetica Neue\", Arial, sans-serif;\n    --de-method-monument-black: \"PPMonumentNormal-Black\", \"PP Monument Black\", \"PP Monument\", \"PPMonument\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    color: var(--de-method-ink);\n    background: transparent;\n    font-family: var(--de-method-monument);\n    isolation: isolate;\n  }\n\n  #de-method-svg,\n  #de-method-svg *,\n  #de-method-svg *::before,\n  #de-method-svg *::after {\n    box-sizing: border-box;\n  }\n\n  #de-method-svg .de-method-svg__inner {\n    width: min(100%, 1440px);\n    margin-inline: auto;\n    padding: clamp(88px, 8.2vw, 132px) clamp(22px, 6.2vw, 92px) clamp(84px, 8vw, 128px);\n  }\n\n  \/* EN-T\u00caTE ---------------------------------------------------------- *\/\n\n  #de-method-svg .de-method-svg__heading {\n    text-align: center;\n  }\n\n  #de-method-svg p.de-method-svg__eyebrow,\n  #de-method-svg .de-method-svg__eyebrow {\n    margin: 0 0 clamp(38px, 4.2vw, 58px);\n    color: var(--de-method-muted);\n    font-family: var(--de-method-monument-light) !important;\n    font-size: clamp(11px, 0.78vw, 13px);\n    font-weight: 300 !important;\n    letter-spacing: 0.2em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  #de-method-svg h2.de-method-svg__title,\n  #de-method-svg .de-method-svg__title {\n    margin: 0;\n    color: var(--de-method-ink);\n    font-family: var(--de-method-voyage) !important;\n    font-size: clamp(52px, 5.4vw, 80px);\n    font-style: normal !important;\n    font-weight: 700 !important;\n    letter-spacing: -0.035em;\n    line-height: 0.88;\n    text-align: center;\n    text-transform: none !important;\n  }\n\n  #de-method-svg h2.de-method-svg__title span,\n  #de-method-svg .de-method-svg__title span {\n    display: block;\n    font-family: inherit !important;\n    font-size: inherit !important;\n    font-style: inherit !important;\n    font-weight: 700 !important;\n    letter-spacing: inherit !important;\n    line-height: inherit !important;\n    text-transform: none !important;\n  }\n\n  \/* PROCESSUS -------------------------------------------------------- *\/\n\n  #de-method-svg .de-method-svg__process {\n    position: relative;\n    width: min(100%, 1120px);\n    margin: clamp(72px, 7vw, 102px) auto 0;\n  }\n\n  #de-method-svg .de-method-svg__stages {\n    display: grid;\n    grid-template-columns: 0.78fr 1fr 1fr 1.34fr;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #de-method-svg .de-method-svg__stage {\n    display: flex;\n    min-width: 0;\n    min-height: clamp(76px, 6.4vw, 92px);\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--de-method-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.035);\n    -webkit-backdrop-filter: blur(12px) saturate(115%);\n    backdrop-filter: blur(12px) saturate(115%);\n    transition: color 350ms ease, background-color 350ms ease, border-color 350ms ease;\n  }\n\n  #de-method-svg .de-method-svg__stage + .de-method-svg__stage {\n    margin-left: -1px;\n  }\n\n  #de-method-svg .de-method-svg__stage > span,\n  #de-method-svg .de-method-svg__stage span {\n    max-width: calc(100% - 42px);\n    overflow: hidden;\n    color: inherit;\n    font-family: var(--de-method-monument-light) !important;\n    font-size: clamp(13px, 1.05vw, 16px);\n    font-weight: 400 !important;\n    letter-spacing: 0.045em;\n    line-height: 1.2;\n    text-overflow: ellipsis;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  #de-method-svg .de-method-svg__stage:hover {\n    color: #fff;\n    border-color: var(--de-method-ink);\n    background: var(--de-method-ink);\n  }\n\n  #de-method-svg .de-method-svg__arrow {\n    position: absolute;\n    z-index: 2;\n    top: 50%;\n    display: grid;\n    width: clamp(58px, 5.3vw, 76px);\n    aspect-ratio: 1;\n    place-items: center;\n    border-radius: 50%;\n    color: var(--de-method-ivory);\n    background: var(--de-method-black);\n    box-shadow: 0 14px 32px rgba(2, 2, 3, 0.14);\n    transform: translate(-50%, -50%) scale(0.72);\n    opacity: 0;\n    transition: color 300ms ease, transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 500ms ease;\n  }\n\n  #de-method-svg .de-method-svg__process.is-visible .de-method-svg__arrow {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 1;\n  }\n\n  #de-method-svg .de-method-svg__arrow--1 { left: 18.93%; }\n  #de-method-svg .de-method-svg__arrow--2 { left: 43.20%; transition-delay: 120ms; }\n  #de-method-svg .de-method-svg__arrow--3 { left: 67.47%; transition-delay: 240ms; }\n\n  #de-method-svg .de-method-svg__arrow svg {\n    width: 42%;\n    overflow: visible;\n  }\n\n  #de-method-svg .de-method-svg__arrow path {\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #de-method-svg .de-method-svg__arrow:hover {\n    color: var(--de-method-orange);\n  }\n\n  \/* TEXTES ----------------------------------------------------------- *\/\n\n  #de-method-svg .de-method-svg__copy {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: min(100%, 1120px);\n    margin: clamp(66px, 6.2vw, 92px) auto 0;\n    align-items: start;\n    gap: clamp(38px, 5vw, 70px);\n  }\n\n  #de-method-svg article.de-method-svg__text > p,\n  #de-method-svg .de-method-svg__text p {\n    margin: 0;\n    color: var(--de-method-ink);\n    font-family: var(--de-method-monument) !important;\n    font-size: clamp(15px, 1.04vw, 16px);\n    font-weight: 400 !important;\n    letter-spacing: 0;\n    line-height: 1.67;\n    text-align: left;\n  }\n\n  #de-method-svg article.de-method-svg__text--focus > p,\n  #de-method-svg .de-method-svg__text--focus p {\n    font-family: var(--de-method-monument-black) !important;\n    font-weight: 900 !important;\n  }\n\n  \/* BOUTON ----------------------------------------------------------- *\/\n\n  #de-method-svg .de-method-svg__action {\n    display: flex;\n    margin-top: clamp(74px, 7vw, 108px);\n    justify-content: center;\n  }\n\n  #de-method-svg .de-method-svg__cta {\n    display: inline-flex;\n    min-width: min(100%, 310px);\n    min-height: 78px;\n    padding: 15px 25px 15px 34px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n    border: 1px solid transparent;\n    border-radius: 999px;\n    color: #fff;\n    background: var(--de-method-ink);\n    box-shadow: 0 18px 42px rgba(39, 32, 46, 0.14);\n    font-family: var(--de-method-monument) !important;\n    font-size: 13px;\n    font-weight: 300;\n    letter-spacing: 0.035em;\n    line-height: 1.2;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: color 350ms ease, background-color 350ms ease, border-color 350ms ease, transform 350ms ease;\n  }\n\n  #de-method-svg .de-method-svg__cta > span,\n  #de-method-svg .de-method-svg__cta span {\n    font-family: var(--de-method-monument-light) !important;\n    font-weight: 300 !important;\n  }\n\n  #de-method-svg .de-method-svg__cta svg {\n    width: 25px;\n    flex: 0 0 25px;\n    transition: transform 350ms ease;\n  }\n\n  #de-method-svg .de-method-svg__cta path {\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #de-method-svg .de-method-svg__cta:hover,\n  #de-method-svg .de-method-svg__cta:focus-visible {\n    color: var(--de-method-ink);\n    border-color: var(--de-method-ink);\n    background: transparent;\n    transform: translateY(-4px);\n  }\n\n  #de-method-svg .de-method-svg__cta:hover svg,\n  #de-method-svg .de-method-svg__cta:focus-visible svg {\n    color: var(--de-method-orange);\n    transform: translate(3px, -3px);\n  }\n\n  \/* APPARITIONS ------------------------------------------------------ *\/\n\n  #de-method-svg .de-method-svg__reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 850ms cubic-bezier(0.2, 0.75, 0.2, 1), transform 850ms cubic-bezier(0.2, 0.75, 0.2, 1);\n  }\n\n  #de-method-svg .de-method-svg__reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #de-method-svg .de-method-svg__title { transition-delay: 90ms; }\n  #de-method-svg .de-method-svg__text--focus { transition-delay: 120ms; }\n  #de-method-svg .de-method-svg__text--conditions { transition-delay: 240ms; }\n\n  \/* TABLETTE --------------------------------------------------------- *\/\n\n  @media (max-width: 1024px) {\n    #de-method-svg .de-method-svg__title {\n      font-size: clamp(50px, 7.2vw, 70px);\n    }\n\n    #de-method-svg .de-method-svg__process,\n    #de-method-svg .de-method-svg__copy {\n      width: min(100%, 880px);\n    }\n\n    #de-method-svg .de-method-svg__stages {\n      grid-template-columns: 0.83fr 1.08fr 1.08fr 1.28fr;\n    }\n\n    #de-method-svg .de-method-svg__arrow--1 { left: 19.43%; }\n    #de-method-svg .de-method-svg__arrow--2 { left: 44.73%; }\n    #de-method-svg .de-method-svg__arrow--3 { left: 70.03%; }\n\n    #de-method-svg .de-method-svg__copy {\n      gap: 34px;\n    }\n  }\n\n  \/* MOBILE ----------------------------------------------------------- *\/\n\n  @media (max-width: 720px) {\n    #de-method-svg .de-method-svg__inner {\n      padding: 72px 20px 80px;\n    }\n\n    #de-method-svg .de-method-svg__eyebrow {\n      margin-bottom: 32px;\n      font-size: 11px;\n      letter-spacing: 0.16em;\n    }\n\n    #de-method-svg .de-method-svg__title {\n      font-size: clamp(43px, 13.5vw, 62px);\n      line-height: 0.92;\n    }\n\n    #de-method-svg .de-method-svg__process {\n      width: min(100%, 430px);\n      margin-top: 58px;\n    }\n\n    #de-method-svg .de-method-svg__stages {\n      display: flex;\n      flex-direction: column;\n      gap: 42px;\n    }\n\n    #de-method-svg .de-method-svg__stage {\n      min-height: 72px;\n    }\n\n    #de-method-svg .de-method-svg__stage + .de-method-svg__stage {\n      margin-left: 0;\n    }\n\n    #de-method-svg .de-method-svg__stage span {\n      font-size: 14px;\n    }\n\n    #de-method-svg .de-method-svg__arrow {\n      top: auto;\n      left: 50% !important;\n      width: 50px;\n      transform: translate(-50%, -50%) rotate(90deg) scale(0.72);\n    }\n\n    #de-method-svg .de-method-svg__process.is-visible .de-method-svg__arrow {\n      transform: translate(-50%, -50%) rotate(90deg) scale(1);\n    }\n\n    #de-method-svg .de-method-svg__arrow--1 { top: calc(25% - 10.5px); }\n    #de-method-svg .de-method-svg__arrow--2 { top: 50%; }\n    #de-method-svg .de-method-svg__arrow--3 { top: calc(75% + 10.5px); }\n\n    #de-method-svg .de-method-svg__copy {\n      grid-template-columns: 1fr;\n      width: min(100%, 500px);\n      margin-top: 62px;\n      gap: 34px;\n    }\n\n    #de-method-svg .de-method-svg__text p {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    #de-method-svg .de-method-svg__action {\n      margin-top: 58px;\n    }\n\n    #de-method-svg .de-method-svg__cta {\n      width: min(100%, 330px);\n      min-height: 72px;\n    }\n  }\n\n  @media (max-width: 400px) {\n    #de-method-svg .de-method-svg__title {\n      font-size: clamp(39px, 12.5vw, 50px);\n    }\n\n    #de-method-svg .de-method-svg__cta {\n      min-width: 0;\n      padding-left: 27px;\n    }\n  }\n\n  \/* ACCESSIBILIT\u00c9 ---------------------------------------------------- *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #de-method-svg .de-method-svg__reveal,\n    #de-method-svg .de-method-svg__arrow,\n    #de-method-svg .de-method-svg__cta,\n    #de-method-svg .de-method-svg__cta svg {\n      transition: none !important;\n    }\n\n    #de-method-svg .de-method-svg__reveal {\n      opacity: 1;\n      transform: none;\n    }\n\n    #de-method-svg .de-method-svg__arrow {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1);\n    }\n\n    @media (max-width: 720px) {\n      #de-method-svg .de-method-svg__arrow {\n        transform: translate(-50%, -50%) rotate(90deg) scale(1);\n      }\n    }\n  }\n<\/style>\n\n<script>\n  (() => {\n    const root = document.querySelector(\"#de-method-svg\");\n    if (!root || root.dataset.ready === \"true\") return;\n    root.dataset.ready = \"true\";\n\n    const items = root.querySelectorAll(\".de-method-svg__reveal\");\n    const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n    if (reducedMotion || !(\"IntersectionObserver\" in window)) {\n      items.forEach((item) => item.classList.add(\"is-visible\"));\n      return;\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        observer.unobserve(entry.target);\n      });\n    }, {\n      threshold: 0.12,\n      rootMargin: \"0px 0px -45px\"\n    });\n\n    items.forEach((item) => observer.observe(item));\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccafe58 e-con-full e-flex e-con e-parent\" data-id=\"ccafe58\" 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-55c65cf elementor-widget elementor-widget-html\" data-id=\"55c65cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  DI\u00c8SE EVENT \u2014 SECTION 5 \/ MARCH\u00c9S\n  Direction 03 : \u00ab Les quatre portails \u00bb\n  Bloc autonome \u00e0 coller int\u00e9gralement dans un widget HTML Elementor.\n  Fond transparent : la section reprend automatiquement le fond du site.\n-->\n\n<section id=\"diese-markets-portals\" aria-labelledby=\"dmp-title\">\n  <div class=\"dmp-shell\">\n    <header class=\"dmp-heading\">\n      <p class=\"dmp-label dmp-reveal\">March\u00e9s<\/p>\n\n      <h2 id=\"dmp-title\" class=\"dmp-title\" aria-label=\"Pour votre projet. Ou pour celui de votre client.\">\n        <span><i>Pour votre projet.<\/i><\/span>\n        <span><i>Ou pour celui de votre client.<\/i><\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"dmp-portals\" aria-label=\"Les march\u00e9s de Di\u00e8se Event\">\n      <article class=\"dmp-portal dmp-reveal\" data-dmp-portal style=\"--dmp-order:0; --dmp-base:1.08;\">\n        <div class=\"dmp-portal__surface\">\n          <div class=\"dmp-portal__content\">\n            <h3>Entreprises, marques &amp; institutions<\/h3>\n            <p>\n              Pour r\u00e9unir, lancer, pr\u00e9senter, remercier, c\u00e9l\u00e9brer ou repr\u00e9senter :\n              conf\u00e9rences, sommets, activations, lancements, galas, d\u00eeners,\n              r\u00e9ceptions et temps \u00e9v\u00e9nementiels d\u2019un programme MICE.\n            <\/p>\n\n            <a href=\"\/evenement-corporate-mice-marrakech\/\" class=\"dmp-portal__link\">\n              <span>Corporate &amp; MICE \u00e0 Marrakech<\/span>\n              <i aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M6 18 18 6M9 6h9v9\" \/>\n                <\/svg>\n              <\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"dmp-portal dmp-reveal\" data-dmp-portal style=\"--dmp-order:1; --dmp-base:0.94;\">\n        <div class=\"dmp-portal__surface\">\n          <div class=\"dmp-portal__content\">\n            <h3>Mariages &amp; \u00e9v\u00e9nements priv\u00e9s<\/h3>\n            <p>\n              Pour organiser et mettre en sc\u00e8ne un mariage, une c\u00e9r\u00e9monie, un\n              welcome dinner, une r\u00e9ception, un anniversaire ou une c\u00e9l\u00e9bration\n              familiale, dans son ensemble ou pour un temps pr\u00e9cis.\n            <\/p>\n\n            <a href=\"\/mariage-evenement-prive-marrakech\/\" class=\"dmp-portal__link\">\n              <span>Mariages &amp; c\u00e9l\u00e9brations priv\u00e9es<\/span>\n              <i aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M6 18 18 6M9 6h9v9\" \/>\n                <\/svg>\n              <\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"dmp-portal dmp-reveal\" data-dmp-portal style=\"--dmp-order:2; --dmp-base:1.13;\">\n        <div class=\"dmp-portal__surface\">\n          <div class=\"dmp-portal__content\">\n            <h3>Agences, wedding planners &amp; producteurs<\/h3>\n            <p>\n              Pour d\u00e9velopper ou produire au Maroc la partie d\u2019un projet que vous\n              souhaitez r\u00e9aliser localement. Vous gardez votre client et la direction\n              g\u00e9n\u00e9rale ; Di\u00e8se travaille avec vos \u00e9quipes sur la mission convenue,\n              en marque blanche lorsqu\u2019elle est pr\u00e9vue.\n            <\/p>\n\n            <a href=\"\/partenaire-production-evenementielle-maroc\/\" class=\"dmp-portal__link\">\n              <span>Travailler avec Di\u00e8se au Maroc<\/span>\n              <i aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M6 18 18 6M9 6h9v9\" \/>\n                <\/svg>\n              <\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"dmp-portal dmp-reveal\" data-dmp-portal style=\"--dmp-order:3; --dmp-base:0.98;\">\n        <div class=\"dmp-portal__surface\">\n          <div class=\"dmp-portal__content\">\n            <h3>H\u00f4tels, resorts &amp; lieux<\/h3>\n            <p>\n              Pour imaginer un d\u00eener, une installation, une activation, une mise en\n              sc\u00e8ne saisonni\u00e8re ou un \u00e9v\u00e9nement accueilli dans votre \u00e9tablissement,\n              en partant de l\u2019architecture et des usages du lieu.\n            <\/p>\n\n            <a href=\"\/contact\/\" class=\"dmp-portal__link\">\n              <span>Parler d\u2019un projet pour votre lieu<\/span>\n              <i aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M6 18 18 6M9 6h9v9\" \/>\n                <\/svg>\n              <\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #diese-markets-portals {\n    --dmp-ink: #241f2e;\n    --dmp-black: #050406;\n    --dmp-orange: #f6724b;\n    --dmp-muted: #77726f;\n    --dmp-border: rgba(36, 31, 46, 0.28);\n    --dmp-voyage: \"Voyage\", \"Voyage Gold\", \"Times New Roman\", serif;\n    --dmp-voyage-bold: \"voyage-bold\", \"Voyage-Bold\", \"Voyage Bold\", \"Voyage Gold\", \"Voyage\", \"Times New Roman\", serif;\n    --dmp-monument: \"PP Monument\", \"PPMonumentNormal-Regular\", \"Helvetica Neue\", Arial, sans-serif;\n    --dmp-monument-light: \"PP Monument Light\", \"PPMonumentNormal-Light\", \"PP Monument\", \"Helvetica Neue\", Arial, sans-serif;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    color: var(--dmp-ink);\n    background: transparent;\n    font-family: var(--dmp-monument);\n    isolation: isolate;\n  }\n\n  #diese-markets-portals,\n  #diese-markets-portals *,\n  #diese-markets-portals *::before,\n  #diese-markets-portals *::after {\n    box-sizing: border-box;\n  }\n\n  #diese-markets-portals .dmp-shell {\n    width: min(100%, 1600px);\n    margin-inline: auto;\n    padding: clamp(94px, 9vw, 148px) clamp(20px, 4.8vw, 78px) clamp(92px, 8vw, 132px);\n  }\n\n  \/* EN-T\u00caTE --------------------------------------------------------- *\/\n\n  #diese-markets-portals .dmp-heading {\n    display: grid;\n    grid-template-columns: minmax(130px, 0.38fr) minmax(0, 1.62fr);\n    max-width: 1440px;\n    margin: 0 auto clamp(62px, 6.5vw, 96px);\n    align-items: start;\n    gap: clamp(32px, 5vw, 86px);\n  }\n\n  #diese-markets-portals .dmp-label {\n    margin: 0;\n    padding-top: 0.85em;\n    color: var(--dmp-muted);\n    font-family: var(--dmp-monument-light) !important;\n    font-size: clamp(11px, 0.78vw, 13px);\n    font-weight: 300 !important;\n    letter-spacing: 0.2em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  #diese-markets-portals .dmp-title {\n    max-width: 1050px;\n    margin: 0;\n    color: var(--dmp-ink);\n    font-family: var(--dmp-voyage-bold) !important;\n    font-size: clamp(50px, 5.25vw, 80px);\n    font-style: normal !important;\n    font-weight: 700 !important;\n    font-synthesis: none;\n    font-variant-caps: normal !important;\n    letter-spacing: -0.042em;\n    line-height: 0.92;\n    text-transform: none !important;\n  }\n\n  #diese-markets-portals .dmp-title > span {\n    display: block;\n    padding: 0.03em 0.04em 0.09em;\n    overflow: hidden;\n  }\n\n  #diese-markets-portals .dmp-title i {\n    display: block;\n    font: inherit !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    transform: translateY(108%);\n    transition: transform 920ms cubic-bezier(0.2, 0.75, 0.2, 1);\n  }\n\n  #diese-markets-portals .dmp-heading.is-visible .dmp-title > span:first-child i {\n    transform: translateY(0);\n  }\n\n  #diese-markets-portals .dmp-heading.is-visible .dmp-title > span:last-child i {\n    transform: translateY(0);\n    transition-delay: 110ms;\n  }\n\n  \/* LES QUATRE PORTAILS -------------------------------------------- *\/\n\n  #diese-markets-portals .dmp-portals {\n    display: flex;\n    max-width: 1440px;\n    min-height: clamp(590px, 46vw, 710px);\n    margin-inline: auto;\n    align-items: stretch;\n    gap: clamp(8px, 0.85vw, 14px);\n  }\n\n  #diese-markets-portals .dmp-portal {\n    position: relative;\n    min-width: 0;\n    flex: var(--dmp-base) 1 0;\n    opacity: 0;\n    clip-path: inset(0 0 100% 0 round 180px 180px 28px 28px);\n    transform: translateY(16px);\n    transition:\n      flex-grow 680ms cubic-bezier(0.2, 0.76, 0.2, 1),\n      opacity 720ms cubic-bezier(0.2, 0.75, 0.2, 1),\n      clip-path 920ms cubic-bezier(0.2, 0.75, 0.2, 1),\n      transform 720ms cubic-bezier(0.2, 0.75, 0.2, 1),\n      filter 420ms ease;\n    transition-delay: calc(var(--dmp-order) * 95ms);\n  }\n\n  #diese-markets-portals .dmp-portal.is-visible {\n    opacity: 1;\n    clip-path: inset(0 0 0 0 round 180px 180px 28px 28px);\n    transform: translateY(0);\n  }\n\n  #diese-markets-portals .dmp-portal__surface {\n    position: relative;\n    display: flex;\n    height: 100%;\n    min-height: inherit;\n    padding: clamp(28px, 2.5vw, 40px) clamp(20px, 2vw, 32px) clamp(26px, 2.3vw, 36px);\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: space-between;\n    border: 1px solid var(--dmp-border);\n    border-radius: 180px 180px 28px 28px;\n    background: rgba(255, 255, 255, 0.035);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);\n    -webkit-backdrop-filter: blur(3px) saturate(108%);\n    backdrop-filter: blur(3px) saturate(108%);\n    transition:\n      border-color 420ms ease,\n      background-color 420ms ease,\n      box-shadow 480ms ease,\n      -webkit-backdrop-filter 480ms ease;\n  }\n\n  #diese-markets-portals .dmp-portal__surface::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    border-radius: inherit;\n    background:\n      radial-gradient(circle at var(--dmp-x, 50%) var(--dmp-y, 32%), rgba(255, 255, 255, 0.42), transparent 25%),\n      linear-gradient(145deg, rgba(255, 255, 255, 0.16), transparent 42%);\n    opacity: 0;\n    transition: opacity 420ms ease;\n  }\n\n  #diese-markets-portals .dmp-portal__content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    min-height: 330px;\n    margin-top: auto;\n    flex-direction: column;\n  }\n\n  #diese-markets-portals .dmp-portal h3 {\n    margin: 0 0 22px;\n    color: var(--dmp-ink);\n    font-family: var(--dmp-voyage) !important;\n    font-size: clamp(27px, 2.05vw, 35px);\n    font-style: normal !important;\n    font-weight: 400 !important;\n    font-synthesis: none;\n    font-variant-caps: normal !important;\n    letter-spacing: -0.028em;\n    line-height: 1.02;\n    text-transform: none !important;\n    transition: transform 520ms cubic-bezier(0.2, 0.76, 0.2, 1);\n  }\n\n  #diese-markets-portals .dmp-portal p {\n    margin: 0 0 28px;\n    color: var(--dmp-ink);\n    font-family: var(--dmp-monument) !important;\n    font-size: clamp(14px, 0.9vw, 15.5px);\n    font-weight: 400 !important;\n    line-height: 1.62;\n    opacity: 0.7;\n    transition: opacity 360ms ease, transform 520ms cubic-bezier(0.2, 0.76, 0.2, 1);\n  }\n\n  #diese-markets-portals .dmp-portal__link {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 42px;\n    margin-top: auto;\n    align-items: center;\n    gap: 14px;\n    color: var(--dmp-ink);\n    font-family: var(--dmp-monument) !important;\n    font-size: clamp(11px, 0.73vw, 12.5px);\n    font-weight: 400 !important;\n    letter-spacing: 0.075em;\n    line-height: 1.38;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    transition: color 320ms ease;\n  }\n\n  #diese-markets-portals .dmp-portal__link i {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    place-items: center;\n    border: 1px solid var(--dmp-border);\n    border-radius: 50%;\n    font-style: normal;\n    transition: border-color 320ms ease, background-color 320ms ease, transform 360ms ease;\n  }\n\n  #diese-markets-portals .dmp-portal__link svg {\n    width: 18px;\n    transition: transform 360ms ease;\n  }\n\n  #diese-markets-portals .dmp-portal__link path {\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* FOCUS DE MARCH\u00c9 ------------------------------------------------- *\/\n\n  @media (min-width: 1121px) and (hover: hover) and (pointer: fine) {\n    #diese-markets-portals .dmp-portals.has-focus .dmp-portal:not(.is-active) {\n      flex-grow: 0.78;\n      filter: saturate(0.86);\n    }\n\n    #diese-markets-portals .dmp-portals.has-focus .dmp-portal.is-active {\n      flex-grow: 1.62;\n    }\n\n    #diese-markets-portals .dmp-portal.is-active .dmp-portal__surface,\n    #diese-markets-portals .dmp-portal:focus-within .dmp-portal__surface {\n      border-color: rgba(36, 31, 46, 0.48);\n      background: rgba(255, 255, 255, 0.15);\n      box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, 0.72),\n        0 26px 60px rgba(36, 31, 46, 0.09);\n      -webkit-backdrop-filter: blur(17px) saturate(126%);\n      backdrop-filter: blur(17px) saturate(126%);\n    }\n\n    #diese-markets-portals .dmp-portal.is-active .dmp-portal__surface::before,\n    #diese-markets-portals .dmp-portal:focus-within .dmp-portal__surface::before {\n      opacity: 1;\n    }\n\n    #diese-markets-portals .dmp-portal.is-active h3,\n    #diese-markets-portals .dmp-portal:focus-within h3 {\n      transform: translateY(-5px);\n    }\n\n    #diese-markets-portals .dmp-portal.is-active p,\n    #diese-markets-portals .dmp-portal:focus-within p {\n      opacity: 1;\n      transform: translateY(-3px);\n    }\n\n    #diese-markets-portals .dmp-portal__link:hover,\n    #diese-markets-portals .dmp-portal__link:focus-visible {\n      color: var(--dmp-orange);\n      outline: none;\n    }\n\n    #diese-markets-portals .dmp-portal__link:hover i,\n    #diese-markets-portals .dmp-portal__link:focus-visible i {\n      border-color: var(--dmp-orange);\n      background: rgba(246, 114, 75, 0.1);\n      transform: translate(2px, -2px);\n    }\n\n    #diese-markets-portals .dmp-portal__link:hover svg,\n    #diese-markets-portals .dmp-portal__link:focus-visible svg {\n      transform: translate(2px, -2px);\n    }\n  }\n\n  #diese-markets-portals .dmp-portal__link:focus-visible {\n    outline: 2px solid var(--dmp-orange);\n    outline-offset: 6px;\n    border-radius: 4px;\n  }\n\n  \/* APPARITIONS ----------------------------------------------------- *\/\n\n  #diese-markets-portals .dmp-label {\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity 650ms ease, transform 650ms cubic-bezier(0.2, 0.75, 0.2, 1);\n  }\n\n  #diese-markets-portals .dmp-heading.is-visible .dmp-label {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* TABLETTE -------------------------------------------------------- *\/\n\n  @media (max-width: 1120px) {\n    #diese-markets-portals .dmp-heading {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    #diese-markets-portals .dmp-label {\n      padding-top: 0;\n    }\n\n    #diese-markets-portals .dmp-portals {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      min-height: 0;\n      gap: 14px;\n    }\n\n    #diese-markets-portals .dmp-portal {\n      min-height: 540px;\n    }\n\n    #diese-markets-portals .dmp-portal__surface {\n      min-height: 540px;\n      border-radius: 150px 150px 26px 26px;\n      background: rgba(255, 255, 255, 0.09);\n      -webkit-backdrop-filter: blur(10px) saturate(116%);\n      backdrop-filter: blur(10px) saturate(116%);\n    }\n\n    #diese-markets-portals .dmp-portal p {\n      opacity: 0.9;\n    }\n  }\n\n  \/* MOBILE ---------------------------------------------------------- *\/\n\n  @media (max-width: 720px) {\n    #diese-markets-portals .dmp-shell {\n      padding: 76px 20px 84px;\n    }\n\n    #diese-markets-portals .dmp-heading {\n      margin-bottom: 52px;\n      gap: 28px;\n    }\n\n    #diese-markets-portals .dmp-label {\n      font-size: 11px;\n      letter-spacing: 0.17em;\n    }\n\n    #diese-markets-portals .dmp-title {\n      font-size: clamp(43px, 12.7vw, 60px);\n      line-height: 0.94;\n    }\n\n    #diese-markets-portals .dmp-portals {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    #diese-markets-portals .dmp-portal {\n      min-height: 0;\n      clip-path: inset(0 0 24px 0 round 88px 88px 24px 24px);\n      transform: translateY(12px);\n    }\n\n    #diese-markets-portals .dmp-portal.is-visible {\n      clip-path: inset(0 0 0 0 round 88px 88px 24px 24px);\n    }\n\n    #diese-markets-portals .dmp-portal__surface {\n      min-height: 0;\n      padding: 30px 24px 26px;\n      border-radius: 88px 88px 24px 24px;\n    }\n\n    #diese-markets-portals .dmp-portal__content {\n      min-height: 0;\n    }\n\n    #diese-markets-portals .dmp-portal h3 {\n      font-size: clamp(29px, 8.4vw, 38px);\n      line-height: 1.01;\n    }\n\n    #diese-markets-portals .dmp-portal p {\n      margin-bottom: 32px;\n      font-size: 15px;\n      line-height: 1.62;\n      opacity: 1;\n    }\n\n    #diese-markets-portals .dmp-portal__link {\n      grid-template-columns: minmax(0, 1fr) 46px;\n      font-size: 12px;\n    }\n\n    #diese-markets-portals .dmp-portal__link i {\n      width: 46px;\n      height: 46px;\n    }\n  }\n\n  \/* MOUVEMENTS R\u00c9DUITS --------------------------------------------- *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    #diese-markets-portals .dmp-title i,\n    #diese-markets-portals .dmp-label,\n    #diese-markets-portals .dmp-portal {\n      opacity: 1 !important;\n      clip-path: none !important;\n      transform: none !important;\n      transition: none !important;\n    }\n\n    #diese-markets-portals .dmp-portal,\n    #diese-markets-portals .dmp-portal__surface,\n    #diese-markets-portals .dmp-portal__surface::before,\n    #diese-markets-portals .dmp-portal h3,\n    #diese-markets-portals .dmp-portal p,\n    #diese-markets-portals .dmp-portal__link,\n    #diese-markets-portals .dmp-portal__link i,\n    #diese-markets-portals .dmp-portal__link svg {\n      transition: none !important;\n    }\n\n  }\n<\/style>\n\n<script>\n  (() => {\n    const root = document.querySelector(\"#diese-markets-portals\");\n    if (!root || root.dataset.dmpReady === \"true\") return;\n    root.dataset.dmpReady = \"true\";\n\n    const heading = root.querySelector(\".dmp-heading\");\n    const portalsBox = root.querySelector(\".dmp-portals\");\n    const portals = [...root.querySelectorAll(\"[data-dmp-portal]\")];\n    const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const desktop = window.matchMedia(\"(min-width: 1121px) and (hover: hover) and (pointer: fine)\");\n\n    const revealAll = () => {\n      heading?.classList.add(\"is-visible\");\n      portals.forEach((portal) => portal.classList.add(\"is-visible\"));\n    };\n\n    if (reducedMotion || !(\"IntersectionObserver\" in window)) {\n      revealAll();\n    } else {\n      const observer = new IntersectionObserver((entries) => {\n        const entry = entries[0];\n        if (!entry?.isIntersecting) return;\n        revealAll();\n        observer.unobserve(root);\n      }, {\n        threshold: 0.08,\n        rootMargin: \"0px 0px -45px\"\n      });\n\n      observer.observe(root);\n    }\n\n    const focusPortal = (portal) => {\n      if (!desktop.matches) return;\n      portalsBox.classList.add(\"has-focus\");\n      portals.forEach((item) => item.classList.toggle(\"is-active\", item === portal));\n    };\n\n    const resetLightMotion = (portal) => {\n      const surface = portal.querySelector(\".dmp-portal__surface\");\n      if (surface) {\n        surface.style.setProperty(\"--dmp-x\", \"50%\");\n        surface.style.setProperty(\"--dmp-y\", \"32%\");\n      }\n    };\n\n    const resetPortals = () => {\n      portalsBox.classList.remove(\"has-focus\");\n      portals.forEach((item) => {\n        item.classList.remove(\"is-active\");\n        resetLightMotion(item);\n      });\n    };\n\n    portals.forEach((portal) => {\n      const surface = portal.querySelector(\".dmp-portal__surface\");\n\n      portal.addEventListener(\"mouseenter\", () => focusPortal(portal));\n      portal.addEventListener(\"focusin\", () => focusPortal(portal));\n\n      portal.addEventListener(\"mousemove\", (event) => {\n        if (reducedMotion || !desktop.matches || !surface) return;\n        const bounds = surface.getBoundingClientRect();\n        const normalizedX = Math.min(1, Math.max(0, (event.clientX - bounds.left) \/ bounds.width));\n        const normalizedY = Math.min(1, Math.max(0, (event.clientY - bounds.top) \/ bounds.height));\n        const x = normalizedX * 100;\n        const y = normalizedY * 100;\n\n        surface.style.setProperty(\"--dmp-x\", `${x.toFixed(1)}%`);\n        surface.style.setProperty(\"--dmp-y\", `${y.toFixed(1)}%`);\n      });\n\n      portal.addEventListener(\"mouseleave\", () => resetLightMotion(portal));\n\n      portal.addEventListener(\"focusout\", (event) => {\n        if (!portal.contains(event.relatedTarget)) resetPortals();\n      });\n    });\n\n    portalsBox.addEventListener(\"mouseleave\", resetPortals);\n    desktop.addEventListener?.(\"change\", resetPortals);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdbd266 e-flex e-con-boxed e-con e-parent\" data-id=\"cdbd266\" 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<div class=\"elementor-element elementor-element-0b53cf3 e-con-full e-flex e-con e-child\" data-id=\"0b53cf3\" 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-cd5e081 e-con-full e-flex e-con e-child\" data-id=\"cd5e081\" 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-20cb09d elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"20cb09d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: 'voyage', sans-serif; font-size: 48px; font-weight: 500; text-transform: normale; display: block;\">Nos expertises<br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35b40c2 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"35b40c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div>\n\n<!-- Ligne 1 -->\n<p style=\"font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; text-transform: none; margin: 0;\">Notre savoir-faire s\u2019articule autour de quatre grands p\u00f4les d\u2019expertise, d\u00e9ployables en formule compl\u00e8te ou modulable selon les besoins du projet :<\/p>\n\n<\/div>\t\t\t\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-e996a07 e-con-full e-flex e-con e-child\" data-id=\"e996a07\" 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-9385243 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"9385243\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font : Montserrat -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"features\">\n  <div class=\"features-grid\">\n\n    <!-- Carte 1 -->\n    <article class=\"feature-card\">\n      <div class=\"feature-title\">Direction artistique &amp; sc\u00e9nographie<\/div>\n      <ul class=\"feature-list\">\n        <li>Storytelling visuel &amp; \u00e9motionnel<\/li>\n        <li>Moodboards artistiques<\/li>\n        <li>Plans d\u2019agencement 2D<\/li>\n        <li>Mod\u00e9lisations 3D immersives<\/li>\n        <li>Direction artistique globale<\/li>\n      <\/ul>\n    <\/article>\n    \n    \n    <!-- Carte 3 -->\n    <article class=\"feature-card\">\n      <div class=\"feature-title\">D\u00e9coration &amp; design d\u2019ambiance<\/div>\n      <ul class=\"feature-list\">\n        <li>Cr\u00e9ation de d\u00e9cors th\u00e9matiques<\/li>\n        <li>Design floral &amp; v\u00e9g\u00e9tal<\/li>\n        <li>S\u00e9lection et location de mobilier<\/li>\n        <li>Accessoires, textiles, signal\u00e9tique<\/li>\n        <li>Direction artistique globale<\/li>\n      <\/ul>\n    <\/article>\n\n  <!-- Carte 4 -->\n    <article class=\"feature-card\">\n      <div class=\"feature-title\">Technique &amp; audiovisuel \u00e9v\u00e9nementiel<\/div>\n      <ul class=\"feature-list\">\n        <li>\u00c9clairage architectural &amp; sc\u00e9nographique<\/li>\n        <li>Sonorisation &amp; diffusion sonore<\/li>\n        <li>Photo \/ Vid\u00e9o, digital &amp; live streaming<\/li>\n        <li>Mapping vid\u00e9o &amp; projections<\/li>\n        <li>\u00c9crans LED, installations interactives &amp; photobooths<\/li>\n      <\/ul>\n    <\/article>\n    <!-- Carte 2 -->\n    <article class=\"feature-card\">\n      <div class=\"feature-title\">Production &amp; coordination globale<\/div>\n      <ul class=\"feature-list\">\n        <li>S\u00e9lection et coordination des prestataires<\/li>\n        <li>Logistique (h\u00e9bergement, transport, s\u00e9curit\u00e9)<\/li>\n        <li>Montage et d\u00e9montage<\/li>\n        <li>Planning et supervision terrain<\/li>\n        <li>Coordination jour J<\/li>\n      <\/ul>\n    <\/article>\n\n \n\n  <\/div>\n<\/section>\n\n<style>\n:root{\n  --card:#2B3349;\n  --gold:#E8DFD5 ; \/* semi-gold \u00e9l\u00e9gant *\/\n  --radius:38px;\n  --gap:28pxpx;\n}\n\n\/* Section *\/\n.features{\n  background:var(--bg);\n  padding:10px 4px;\n}\n\n\/* Grid *\/\n.features-grid{\n  max-width:1400px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:var(--gap);\n}\n\n\/* Card *\/\n.feature-card{\n  background:var(--card);\n  border-radius:var(--radius);\n  padding: 40px 40px;\n}\n\n\/* Title (NON H2) *\/\n.feature-title{\n  font-family:'Montserrat', sans-serif;\n  font-weight:600;\n  text-transform:uppercase;\n  letter-spacing:1.5px;\n  line-height: 1.2;\n  font-size:16px;\n  color:var(--gold);\n  margin-bottom:28px;\n}\n\n\/* List *\/\n.feature-list{\n  list-style:none;\n  padding:0;\n  margin:0;\n}\n\n.feature-list li{\n  position:relative;\n  padding-left:22px;\n  margin-bottom:14px;\n  font-size:13px;\n  font-weight:400;\n  line-height:1.1;\n  color:var(--gold);\n  font-family:'Montserrat', sans-serif;\n}\n\n.feature-list li::before{\n  content:\"\u2713\";\n  position:absolute;\n  left:0;\n  top:0;\n  color:var(--gold);\n  font-weight:700;\n}\n\n\/* Responsive *\/\n@media (max-width:1024px){\n  .features-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media (max-width:640px){\n  .features-grid{\n    grid-template-columns:1fr;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4ceb8 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"7c4ceb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"#\" class=\"cta-button\">\n  <span class=\"cta-text\">EN SAVOIR PLUS<\/span>\n  <span class=\"cta-icon\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M7 17L17 7\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <path d=\"M9 7H17V15\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <\/svg>\n  <\/span>\n<\/a>\n\n<style>\n.cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  padding: 8px 12px 8px 24px;\n  background-color: #F6724B;\n  color: #213B62;\n  text-decoration: none;\n  border-radius: 40px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n  background-color: #213B62;\n}\n\n.cta-text {\n  white-space: nowrap;\n}\n\n.cta-icon {\n  width: 38px;\n  height: 38px;\n  background-color: #F9F0E4;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.3s ease;\n}\n\n.cta-button:hover .cta-icon {\n  transform: translateX(3px);\n}\n<\/style>\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<div class=\"elementor-element elementor-element-35beeda e-flex e-con-boxed e-con e-parent\" data-id=\"35beeda\" 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-2e04615 elementor-widget elementor-widget-text-editor\" data-id=\"2e04615\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: 'voyage', sans-serif; font-size: 48px; font-weight: 500; text-transform: normale; display: block;\">Donner une intention. Cr\u00e9er un r\u00e9cit. Mettre en sc\u00e8ne l\u2019\u00e9motion.<\/span><\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98cde0d elementor-widget elementor-widget-text-editor\" data-id=\"98cde0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div>\n<h2 style=\"font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; color: #e8dfd5; margin: 0 0 14px 0;\">\n<ul style=\"list-style: none; padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; color: #f7f4f2; line-height: 1.8;\">\n \tLa direction artistique est le c\u0153ur battant de Di\u00e8se Event.\u2028C\u2019est ici que na\u00eet l\u2019histoire de votre \u00e9v\u00e9nement.<br>\nNous concevons des concepts sc\u00e9nographiques immersifs, pens\u00e9s pour transmettre un message, une identit\u00e9, une \u00e9motion \u2014 bien au-del\u00e0 de l\u2019esth\u00e9tique.\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63daf934 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"63daf934\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13c0a9c3 e-con-full e-flex e-con e-child\" data-id=\"13c0a9c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-43f561f4 e-con-full e-flex e-con e-child\" data-id=\"43f561f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce142b elementor-widget elementor-widget-image\" data-id=\"1ce142b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"1600\" src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech.jpg\" class=\"attachment-full size-full wp-image-589\" alt=\"\" srcset=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech.jpg 1280w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech-240x300.jpg 240w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech-819x1024.jpg 819w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech-768x960.jpg 768w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech-1229x1536.jpg 1229w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/01\/diese-event-evenemtiel-soiree-marrakech-700x875.jpg 700w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42999963 e-con-full e-flex e-con e-child\" data-id=\"42999963\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b86a6eb elementor-widget elementor-widget-text-editor\" data-id=\"5b86a6eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: 'voyage', sans-serif; font-size: 45px; font-weight: 500; text-transform: normale; display: block;\">\u00c0 qui s\u2019adresse Di\u00e8se Event ?<br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-275f0792 elementor-widget elementor-widget-text-editor\" data-id=\"275f0792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div><h2 style=\"font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; color: #2b3349; margin: 0 0 6px 0;\">Agences \u00e9v\u00e9nementielles &amp; Wedding planners<\/h2><ul style=\"list-style: none; padding: 0; margin: 0 0 16px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; color: #2b3349; line-height: 1.6;\"><li>+\u00a0\u00a0Externalisation de la direction artistique<\/li><li>+\u00a0\u00a0Cr\u00e9ation de concepts et kits cr\u00e9atifs<\/li><li>+\u00a0\u00a0Collaboration en marque blanche ou en co-signature<\/li><\/ul><h2 style=\"font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; color: #2b3349; margin: 0 0 6px 0;\">Entreprises et marques<\/h2><ul style=\"list-style: none; padding: 0; margin: 0 0 16px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; color: #2b3349; line-height: 1.6;\"><li>+\u00a0\u00a0Cr\u00e9ation d\u2019\u00e9v\u00e9nements \u00e0 forte identit\u00e9 visuelle (lancements, galas, conf\u00e9rences)<\/li><li>+\u00a0\u00a0D\u00e9ploiement de storytelling de marque \u00e0 travers la sc\u00e9nographie<\/li><\/ul><h2 style=\"font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; color: #2b3349; margin: 0 0 6px 0;\">Lieux, h\u00f4tels, DMC &amp; Agences de voyage<\/h2><ul style=\"list-style: none; padding: 0; margin: 0 0 16px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; color: #2b3349; line-height: 1.6;\"><li>+\u00a0\u00a0Int\u00e9gration d\u2019exp\u00e9riences immersives dans leur offre<\/li><li>+\u00a0\u00a0Valorisation de leur image par une direction artistique haut de gamme<\/li><\/ul><h2 style=\"font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; color: #2b3349; margin: 0 0 6px 0;\">Particuliers<\/h2><ul style=\"list-style: none; padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; color: #2b3349; line-height: 1.6;\"><li>+\u00a0\u00a0Mariages, soir\u00e9es priv\u00e9s, c\u00e9l\u00e9brations sur-mesure<\/li><li>+\u00a0\u00a0Cr\u00e9ation d\u2019univers intimes et exceptionnels<\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13a3db7 elementor-widget elementor-widget-text-editor\" data-id=\"13a3db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div>\n<ul style=\"list-style: none; padding: 0; margin: 0 0 16px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; color: #2b3349; line-height: 1.6;\">\n \t<li>Nous intervenons \u00e0 Marrakech, partout au Maroc et \u00e0 l\u2019international.<\/li>\n \t\n<\/ul>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35cb381 elementor-widget elementor-widget-html\" data-id=\"35cb381\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"#\" class=\"cta-button\">\n  <span class=\"cta-text\">EN SAVOIR PLUS<\/span>\n  <span class=\"cta-icon\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M7 17L17 7\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <path d=\"M9 7H17V15\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <\/svg>\n  <\/span>\n<\/a>\n\n<style>\n.cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  padding: 8px 12px 8px 24px;\n  background-color: #F6724B;\n  color: #213B62;\n  text-decoration: none;\n  border-radius: 40px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n  background-color: #213B62;\n}\n\n.cta-text {\n  white-space: nowrap;\n}\n\n.cta-icon {\n  width: 38px;\n  height: 38px;\n  background-color: #F9F0E4;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.3s ease;\n}\n\n.cta-button:hover .cta-icon {\n  transform: translateX(3px);\n}\n<\/style>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-1579ede e-flex e-con-boxed e-con e-parent\" data-id=\"1579ede\" 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-90508bd elementor-widget elementor-widget-qi_addons_for_elementor_blog_slider\" data-id=\"90508bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_blog_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-addons-blog-slider qodef-item-layout--boxed qodef-alignment--centered qodef-info-no-icons qodef-image--hover-zoom qodef-qi-grid qodef-qi-swiper-container qodef-item-layout--boxed qodef-navigation--outside qodef-navigation--hover-move\" data-options=\"{&quot;direction&quot;:&quot;horizontal&quot;,&quot;slidesPerView&quot;:&quot;3&quot;,&quot;spaceBetween&quot;:20,&quot;spaceBetweenTablet&quot;:30,&quot;spaceBetweenMobile&quot;:30,&quot;effect&quot;:&quot;&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:true,&quot;centeredSlides&quot;:false,&quot;speed&quot;:&quot;&quot;,&quot;speedAnimation&quot;:&quot;&quot;,&quot;outsideNavigation&quot;:&quot;yes&quot;,&quot;outsidePagination&quot;:&quot;no&quot;,&quot;unique&quot;:&quot;1&quot;,&quot;partialValue&quot;:0,&quot;disablePartialValue&quot;:&quot;&quot;,&quot;parallax&quot;:&quot;no&quot;}\">\n\t<div class=\"swiper-wrapper\">\n\t\t<article class=\"qodef-e qodef-blog-item swiper-slide qodef-item--full post-1773 post type-post status-publish format-standard has-post-thumbnail hentry category-wedding-design category-corporate category-decoration-evenementielle category-design category-destination-weddings-marrakech category-evenementiel-haut-de-gamme category-mariages category-marrakech-destinations category-studio-creatif tag-agence-evenementielle-marrakech tag-direction-artistique-evenementielle tag-direction-artistique-mariage tag-evenementiel-luxe-marrakech tag-event-design-morocco tag-moodboard-evenementiel tag-studio-creatif-evenementiel tag-wedding-design-marrakech tag-wedding-planner-maroc\">\n\t<div class=\"qodef-e-inner\">\n\t\t<div class=\"qodef-e-media-holder\">\n\t\t\t<div class=\"qodef-e-media\">\n\t\t<div class=\"qodef-e-media-image\">\n\t\t<a itemprop=\"url\" href=\"https:\/\/www.diese-event.com\/en\/stotytelling-visuel-diraction-artistique-evenementielle-marrakech\/\">\n\t\t\t<img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding.png 1536w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding-300x200.png 300w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding-1024x683.png 1024w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding-768x512.png 768w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding-18x12.png 18w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/diese-event-direction-artistique-evenementiel-wedding-700x467.png 700w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"qodef-e-content\">\n\t\t\t\t\t\t<div class=\"qodef-e-text\">\n\t\t\t\t<h6 itemprop=\"name\" class=\"qodef-e-title entry-title\">\n\t<a itemprop=\"url\" class=\"qodef-e-title-link\" href=\"https:\/\/www.diese-event.com\/en\/stotytelling-visuel-diraction-artistique-evenementielle-marrakech\/\">\n\t\tStorytelling visuel &#038; direction artistique \u00e9v\u00e9nementielle \u00e0 Marrakech\t<\/a>\n<\/h6>\n\t\t<p itemprop=\"description\" class=\"qodef-e-excerpt\">\n\t\t\tD\u00e9couvrez comment Di\u00e8se Event accompagne agences \u00e9v\u00e9nementielles et wedding planners avec du storytelling visuel, des moodboards artistiques, des plans 2D, des mod\u00e9lisations 3\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/article>\n<article class=\"qodef-e qodef-blog-item swiper-slide qodef-item--full post-1754 post type-post status-publish format-standard has-post-thumbnail hentry category-mariages category-corporate category-decoration-evenementielle category-design category-destination-weddings-marrakech category-marrakech-destinations category-scenographie-evenementielle category-wedding-planner tag-conception-graphique tag-evenementiel-luxe-marrakech tag-evenementielle tag-event-design-morocco tag-marrakech\">\n\t<div class=\"qodef-e-inner\">\n\t\t<div class=\"qodef-e-media-holder\">\n\t\t\t<div class=\"qodef-e-media\">\n\t\t<div class=\"qodef-e-media-image\">\n\t\t<a itemprop=\"url\" href=\"https:\/\/www.diese-event.com\/en\/conception-graphique-evenementielle-marrakech\/\">\n\t\t\t<img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech.png 1536w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech-300x200.png 300w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech-1024x683.png 1024w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech-768x512.png 768w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech-18x12.png 18w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/conception-graphique-evenementielle-marrakech-700x467.png 700w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"qodef-e-content\">\n\t\t\t\t\t\t<div class=\"qodef-e-text\">\n\t\t\t\t<h6 itemprop=\"name\" class=\"qodef-e-title entry-title\">\n\t<a itemprop=\"url\" class=\"qodef-e-title-link\" href=\"https:\/\/www.diese-event.com\/en\/conception-graphique-evenementielle-marrakech\/\">\n\t\tConception graphique \u00e9v\u00e9nementielle \u00e0 Marrakech : invitations, plans de table, photocalls et visuels sur mesure\t<\/a>\n<\/h6>\n\t\t<p itemprop=\"description\" class=\"qodef-e-excerpt\">\n\t\t\tD\u00e9couvrez l\u2019univers de la conception graphique \u00e9v\u00e9nementielle avec Di\u00e8se Event \u00e0 Marrakech : invitations sur mesure, plans de table, photocalls, signal\u00e9tique et visuels pre\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/article>\n<article class=\"qodef-e qodef-blog-item swiper-slide qodef-item--full post-1707 post type-post status-publish format-standard has-post-thumbnail hentry category-marrakech-destinations category-destination-weddings-marrakech category-mariages category-tendances-evenementielles tag-agence-evenementielle tag-marrakech tag-wedding-planner\">\n\t<div class=\"qodef-e-inner\">\n\t\t<div class=\"qodef-e-media-holder\">\n\t\t\t<div class=\"qodef-e-media\">\n\t\t<div class=\"qodef-e-media-image\">\n\t\t<a itemprop=\"url\" href=\"https:\/\/www.diese-event.com\/en\/agence-evenementielle-a-marrakech-lunivers-diese-event\/\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech.png 1536w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech-300x200.png 300w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech-1024x683.png 1024w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech-768x512.png 768w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech-18x12.png 18w, https:\/\/www.diese-event.com\/wp-content\/uploads\/2026\/05\/agence-evenementielle-marrakech-700x467.png 700w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"qodef-e-content\">\n\t\t\t\t\t\t<div class=\"qodef-e-text\">\n\t\t\t\t<h6 itemprop=\"name\" class=\"qodef-e-title entry-title\">\n\t<a itemprop=\"url\" class=\"qodef-e-title-link\" href=\"https:\/\/www.diese-event.com\/en\/agence-evenementielle-a-marrakech-lunivers-diese-event\/\">\n\t\tAgence \u00e9v\u00e9nementielle \u00e0 Marrakech : l\u2019univers Di\u00e8se Event\t<\/a>\n<\/h6>\n\t\t<p itemprop=\"description\" class=\"qodef-e-excerpt\">\n\t\t\tDi\u00e8se Event, agence \u00e9v\u00e9nementielle &amp; studio de cr\u00e9ation \u00e0 Marrakech, cr\u00e9e des exp\u00e9riences immersives et sur mesure au Maroc. D\u00e9couvrez notre vision de l\u2019\u00e9v\u00e9nementiel en\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/article>\n\t<\/div>\n\t<\/div>\n\t\t<div class=\"swiper-button-prev swiper-button-outside swiper-button-prev-1\"><svg class=\"qodef-swiper-arrow-left\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0.5\" y1=\"16\" x2=\"33.5\" y2=\"16\"\/><line x1=\"0.3\" y1=\"16.5\" x2=\"16.2\" y2=\"0.7\"\/><line x1=\"0\" y1=\"15.4\" x2=\"16.2\" y2=\"31.6\"\/><\/svg><\/div>\n\t<div class=\"swiper-button-next swiper-button-outside swiper-button-next-1\"><svg class=\"qodef-swiper-arrow-right\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0\" y1=\"16\" x2=\"33\" y2=\"16\"\/><line x1=\"17.3\" y1=\"0.7\" x2=\"33.2\" y2=\"16.5\"\/><line x1=\"17.3\" y1=\"31.6\" x2=\"33.5\" y2=\"15.4\"\/><\/svg><\/div>\n\t\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<div class=\"elementor-element elementor-element-b3c711d e-flex e-con-boxed e-con e-parent\" data-id=\"b3c711d\" 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-796f5fe elementor-widget elementor-widget-text-editor\" data-id=\"796f5fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: 'voyage', sans-serif; font-size: 45px; font-weight: 500; text-transform: normale; display: block;\">Parce qu\u2019un \u00e9v\u00e9nement ne se r\u00e9sume pas \u00e0 une mise en sc\u00e8ne, nous concevons chaque projet comme une exp\u00e9rience globale, o\u00f9 vision artistique, narration et production dialoguent d\u00e8s l\u2019origine.<br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11feae7 elementor-widget elementor-widget-html\" data-id=\"11feae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"#\" class=\"cta-button\">\n  <span class=\"cta-text\">EN SAVOIR PLUS<\/span>\n  <span class=\"cta-icon\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M7 17L17 7\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <path d=\"M9 7H17V15\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <\/svg>\n  <\/span>\n<\/a>\n\n<style>\n.cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  padding: 8px 12px 8px 24px;\n  background-color: #F6724B;\n  color: #213B62;\n  text-decoration: none;\n  border-radius: 40px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n  background-color: #213B62;\n}\n\n.cta-text {\n  white-space: nowrap;\n}\n\n.cta-icon {\n  width: 38px;\n  height: 38px;\n  background-color: #F9F0E4;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.3s ease;\n}\n\n.cta-button:hover .cta-icon {\n  transform: translateX(3px);\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46327ef e-flex e-con-boxed e-con e-parent\" data-id=\"46327ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c1460c4 e-flex e-con-boxed e-con e-parent\" data-id=\"7c1460c4\" 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<div class=\"elementor-element elementor-element-50a68a44 e-con-full e-flex e-con e-child\" data-id=\"50a68a44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3c6999c9 e-con-full e-flex e-con e-child\" data-id=\"3c6999c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-173e2aff elementor-widget elementor-widget-text-editor\" data-id=\"173e2aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-family: 'voyage', sans-serif; font-size: 36px; font-weight: 500; text-transform: normale; display: block;\"><br \/>Questions fr\u00e9quentes<br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d461f17 elementor-widget elementor-widget-text-editor\" data-id=\"5d461f17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Chez Di\u00e8se Event, nous r\u00e9pondons aux questions les plus courantes de nos clients \u00e0 Marrakech, au Maroc et \u00e0 l\u2019international. Que vous soyez une entreprise, un couple, un lieu ou un organisateur en qu\u00eate d\u2019un partenaire cr\u00e9atif.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f308178 elementor-widget elementor-widget-spacer\" data-id=\"6f308178\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16f02d08 elementor-widget elementor-widget-text-editor\" data-id=\"16f02d08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div><p><!-- Ligne 1 --><\/p><p style=\"font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px; margin: 0 0 1px 0;\">UNE AUTRE QUESTION ? BESOIN D\u2019UN DEVIS ?<\/p><p><!-- Ligne 1 --><\/p><p style=\"font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; text-transform: none; margin: 0;\">Notre \u00e9quipe est bas\u00e9e \u00e0 Marrakech et se d\u00e9place dans tout le Maroc.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-686a9d8 elementor-widget elementor-widget-html\" data-id=\"686a9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"#\" class=\"cta-button\">\n  <span class=\"cta-text\">EN SAVOIR PLUS<\/span>\n  <span class=\"cta-icon\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M7 17L17 7\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <path d=\"M9 7H17V15\" stroke=\"#111111\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <\/svg>\n  <\/span>\n<\/a>\n\n<style>\n.cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  padding: 8px 12px 8px 24px;\n  background-color: #F6724B;\n  color: #213B62;\n  text-decoration: none;\n  border-radius: 40px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n  background-color: #213B62;\n}\n\n.cta-text {\n  white-space: nowrap;\n}\n\n.cta-icon {\n  width: 38px;\n  height: 38px;\n  background-color: #F9F0E4;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.3s ease;\n}\n\n.cta-button:hover .cta-icon {\n  transform: translateX(3px);\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-105a8a51 e-con-full e-flex e-con e-child\" data-id=\"105a8a51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f060606 elementor-widget elementor-widget-qi_addons_for_elementor_faq\" data-id=\"3f060606\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-faq qodef-qi-clear qodef-behavior--accordion qodef-layout--simple qodef-style--border-between\">\n\t<p class=\"qodef-e-title-holder\">\n\t<span class=\"qodef-e-title\">\n\t\t\t\tQuels types d\u2019\u00e9v\u00e9nements organisez-vous \u00e0 Marrakech ?\t<\/span>\n\t\t<span class=\"qodef-e-mark\">\n\t\t<span class=\"qodef-icon--plus\">\n\t\t\t\t<span class=\"qodef-e-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i>\t<\/span>\n\t\t\t<\/span>\n\t\t<span class=\"qodef-icon--minus\">\n\t\t\t\t<span class=\"qodef-e-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i>\t<\/span>\n\t\t\t<\/span>\n\t<\/span>\n\t<\/p>\n<div class=\"qodef-e-content\">\n\t<div class=\"qodef-e-content-inner\">\n\t\t<p style=\"font-family: &#039;Montserrat&#039;, sans-serif;font-weight: 400;font-size: 12px;text-transform: none;margin: 0\">Nous concevons des \u00e9v\u00e9nements sur-mesure \u00e0 forte identit\u00e9 visuelle :<br \/>\u2022 Mariages de luxe<br \/>\u2022 D\u00eeners priv\u00e9s &amp; f\u00eates haut de gamme<br \/>\u2022 Lancements de produits &amp; marques<br \/>\u2022 \u00c9v\u00e9nements corporate (galas, s\u00e9minaires)<br \/>\u2022 Tournages, shootings &amp; installations artistiques<\/p>\t<\/div>\n<\/div>\n<p class=\"qodef-e-title-holder\">\n\t<span class=\"qodef-e-title\">\n\t\t\t\tQuels services propose votre agence ?\t<\/span>\n\t\t<span class=\"qodef-e-mark\">\n\t\t<span class=\"qodef-icon--plus\">\n\t\t\t\t<span class=\"qodef-e-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i>\t<\/span>\n\t\t\t<\/span>\n\t\t<span class=\"qodef-icon--minus\">\n\t\t\t\t<span class=\"qodef-e-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i>\t<\/span>\n\t\t\t<\/span>\n\t<\/span>\n\t<\/p>\n<div class=\"qodef-e-content\">\n\t<div class=\"qodef-e-content-inner\">\n\t\t<p>Quels services propose votre agence ?<\/p>\t<\/div>\n<\/div>\n<\/div>\n\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Quels types d\\u2019\\u00e9v\\u00e9nements organisez-vous \\u00e0 Marrakech ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p style=\\\"font-family: &#039;Montserrat&#039;, sans-serif;font-weight: 400;font-size: 12px;text-transform: none;margin: 0\\\">Nous concevons des \\u00e9v\\u00e9nements sur-mesure \\u00e0 forte identit\\u00e9 visuelle :<br \\\/>\\u2022 Mariages de luxe<br \\\/>\\u2022 D\\u00eeners priv\\u00e9s &amp; f\\u00eates haut de gamme<br \\\/>\\u2022 Lancements de produits &amp; marques<br \\\/>\\u2022 \\u00c9v\\u00e9nements corporate (galas, s\\u00e9minaires)<br \\\/>\\u2022 Tournages, shootings &amp; installations artistiques<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"Quels services propose votre agence ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Quels services propose votre agence ?<\\\/p>\"}}]}<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fb669ea elementor-widget elementor-widget-spacer\" data-id=\"4fb669ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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","protected":false},"excerpt":{"rendered":"<p>DI\u00c8SE EVENT \u2014 STUDIO DE CR\u00c9ATION &amp; PRODUCTION \u00c9V\u00c9NEMENTIELLE Cr\u00e9ation &amp; production \u00e9v\u00e9nementielle \u00e0 Marrakech Vous nous confiez un \u00e9v\u00e9nement, sa sc\u00e9nographie ou un besoin pr\u00e9cis. Di\u00e8se en assure la conception et la production, jusqu\u2019\u00e0 la mise en place sur site au Maroc. PARLER DE&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/pages\/392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/comments?post=392"}],"version-history":[{"count":960,"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/pages\/392\/revisions"}],"predecessor-version":[{"id":2412,"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/pages\/392\/revisions\/2412"}],"wp:attachment":[{"href":"https:\/\/www.diese-event.com\/en\/wp-json\/wp\/v2\/media?parent=392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}