{"id":5491,"date":"2026-09-10T21:34:18","date_gmt":"2026-09-10T21:34:18","guid":{"rendered":"https:\/\/mts-innovation.com\/?page_id=5491"},"modified":"2026-11-04T11:41:01","modified_gmt":"2026-11-04T11:41:01","slug":"conception-et-realisation","status":"publish","type":"page","link":"https:\/\/mts-innovation.com\/en\/conception-et-realisation\/","title":{"rendered":"Design &amp; Production"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5491\" class=\"elementor elementor-5491\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a72563 e-flex e-con-boxed e-con e-parent\" data-id=\"4a72563\" 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-88c8515 elementor-widget elementor-widget-html\" data-id=\"88c8515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  html, body { overflow-x: hidden; }\r\n\r\n  .mts-concept {\r\n    --navy: #1B2A57;\r\n    --navy-soft: #4A5875;\r\n    --gold: #C99A3D;\r\n    --line: #E7E1D0;\r\n    --card-border: #EEEAE0;\r\n    --card-bg: #F7F7F8;\r\n\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--navy);\r\n  }\r\n\r\n  \/* Hero *\/\r\n .mts-concept__hero {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  position: relative;\r\n  height: 320px;\r\n  background-size: cover;\r\n  background-position: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 0 24px;\r\n  color: #fff;\r\n  overflow: hidden;\r\n}\r\n.mts-concept__hero::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(180deg, rgba(10,15,40,0.45), rgba(10,15,40,0.65));\r\n  z-index: 0;\r\n}\r\n.mts-concept__hero-title, .mts-concept__hero-tagline {\r\n  position: relative; z-index: 1;\r\n\r\n  }\r\n  .mts-concept__hero-title {\r\n    font-size: 46px; font-weight: 800; text-transform: uppercase;\r\n    letter-spacing: 0.01em; margin: 0 0 12px;\r\n  }\r\n  .mts-concept__hero-tagline { font-size: 18px; color: rgba(255,255,255,0.85); margin: 0 0 15px !important; }\r\n  \r\n  @keyframes mtsConceptZoom {\r\n  0%, 100% { transform: scale(1); }\r\n  50%      { transform: scale(1.08); }\r\n}\r\n\r\n.mts-concept__hero-title {\r\n  display: inline-block;\r\n  animation: mtsConceptZoom 1s ease-in-out infinite;\r\n}\r\n\r\n  \/* Intro *\/\r\n  .mts-concept__body { max-width: 1160px; margin: 0 auto; padding: 56px 24px 0; }\r\n  .mts-concept__intro-lead {\r\n    font-size: 19px; font-weight: 700; color: var(--navy);\r\n    text-align: center; margin: 0 0 16px !important;\r\n  }\r\n  .mts-concept__text {\r\n    font-size: 16px; line-height: 1.75; color: var(--navy-soft);\r\n    text-align: justify; margin: 0 0 16px;\r\n  }\r\n  .mts-concept__text:last-child { margin-bottom: 0; }\r\n\r\n  .mts-concept__section-title {\r\n    font-size: 26px; font-weight: 800; color: var(--navy);\r\n    text-align: center; margin: 56px 0 10px;\r\n    position: relative; padding-bottom: 14px;\r\n  }\r\n  .mts-concept__section-title::after {\r\n    content: ''; position: absolute; bottom: 0; left: 50%;\r\n    transform: translateX(-50%); width: 48px; height: 3px;\r\n    background: var(--gold);\r\n  }\r\n\r\n  \/* Nos formats \u2014 pastilles *\/\r\n  .mts-concept__formats {\r\n    display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;\r\n    margin: 28px 0 0;\r\n  }\r\n .mts-concept__pill {\r\n  border: 1px solid var(--gold); border-radius: 999px; padding: 12px 28px;\r\n  font-size: 17px; background: var(--card-bg); color: var(--navy);\r\n  opacity: 0; transform: translateY(14px);\r\n  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.45s ease, transform 0.45s ease;\r\n}\r\n  .mts-concept__pill.is-visible { opacity: 1; transform: translateY(0); }\r\n  .mts-concept__pill:hover { background: var(--card-bg); border-color: var(--gold); }\r\n  \r\n  @keyframes mtsConceptBob {\r\n  0%, 100% { transform: translateY(0); }\r\n  50%      { transform: translateY(-4px); }\r\n}\r\n\r\n.mts-concept__pill.is-visible {\r\n  animation: mtsConceptBob 1.2s ease-in-out infinite;\r\n}\r\n.mts-concept__formats .mts-concept__pill:nth-child(1) { animation-delay: 0s; }\r\n.mts-concept__formats .mts-concept__pill:nth-child(2) { animation-delay: 0.3s; }\r\n.mts-concept__formats .mts-concept__pill:nth-child(3) { animation-delay: 0.6s; }\r\n.mts-concept__formats .mts-concept__pill:nth-child(4) { animation-delay: 0.9s; }\r\n\r\n.mts-concept__pill:hover {\r\n  animation-play-state: paused;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n  \/* Projets cliquables *\/\r\n  .mts-concept__projects {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\r\n    margin: 44px 0 0;\r\n  }\r\n  .mts-concept__project {\r\n    display: block; text-decoration: none; color: inherit;\r\n    border: 1px solid var(--card-border); border-radius: 10px; overflow: hidden;\r\n    background: #fff; box-shadow: 0 6px 16px rgba(27,42,87,0.06);\r\n    opacity: 0; transform: translateY(28px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.2s ease;\r\n  }\r\n  .mts-concept__project.is-visible { opacity: 1; transform: translateY(0); }\r\n  .mts-concept__project:hover {\r\n    box-shadow: 0 16px 32px rgba(27,42,87,0.12); transform: translateY(-3px);\r\n  }\r\n  .mts-concept__project.is-visible:hover { transform: translateY(-3px); }\r\n  .mts-concept__project-title {\r\n    font-size: 17px; font-weight: 800; color: var(--navy);\r\n    text-align: center; padding: 18px 16px 14px; margin: 0;\r\n  }\r\n  .mts-concept__project-img {\r\n    width: 100% !important; height: 260px !important; object-fit: cover !important;\r\n    display: block; background: #EDEDED; transition: transform 0.4s ease;\r\n  }\r\n  \r\n  \r\n  @keyframes mtsConceptProjectZoom {\r\n  0%, 100% { transform: scale(1); }\r\n  50%      { transform: scale(1.05); }\r\n}\r\n\r\n.mts-concept__project-zoom {\r\n  animation: mtsConceptProjectZoom 4s ease-in-out infinite;\r\n}\r\n\r\n  \/* CTA *\/\r\n  .mts-concept__cta-wrap { text-align: center; padding: 44px 24px 64px; }\r\n  .mts-concept__cta {\r\n    display: inline-block; border: 1.5px solid var(--navy); color: var(--navy);\r\n    padding: 12px 28px; border-radius: 999px; font-size: 15px; font-weight: 600;\r\n    text-decoration: none; transition: background 0.15s ease, color 0.15s ease;\r\n  }\r\n  .mts-concept__cta:hover { background: var(--navy); color: #fff; }\r\n\r\n  @media (max-width: 860px) {\r\n    .mts-concept__hero { height: 260px; padding: 0 32px; }\r\n    .mts-concept__hero-title { font-size: 32px; }\r\n    .mts-concept__projects { grid-template-columns: 1fr; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .mts-concept__hero { height: 220px; padding: 0 22px; }\r\n    .mts-concept__hero-title { font-size: 26px; }\r\n    .mts-concept__hero-tagline { font-size: 15px; }\r\n    .mts-concept__section-title { font-size: 21px; }\r\n  }\r\n  @keyframes mtsMktTaglineZoom {\r\n  0%, 100% { transform: scale(1); }\r\n  50%      { transform: scale(1.04); }\r\n}\r\n\r\n.mts-mkt__hero-tagline--zoom {\r\n  animation: mtsMktTaglineZoom 1s ease-in-out infinite;\r\n}\r\n<\/style>\r\n\r\n<div class=\"mts-concept\">\r\n\r\n  <div class=\"mts-concept__hero\" style=\"background-image: url('https:\/\/mts-innovation.com\/wp-content\/uploads\/2026\/09\/conseption-realisation-hero.png');\">\r\n    <p class=\"mts-concept__hero-title\">Conception &amp; R\u00e9alisation<\/p>\r\n    <p class=\"mts-concept__hero-tagline\">Donner forme \u00e0 vos projets, de la conception \u00e0 la r\u00e9alisation.<\/p>\r\n<p class=\"mts-mkt__hero-tagline mts-mkt__hero-tagline--zoom\">Stands, PLV & Sc\u00e9nographie au Maroc<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"mts-concept__body\">\r\n\r\n    <p class=\"mts-concept__intro-lead\">Transformer une id\u00e9e en dispositif.<\/p>\r\n    <p class=\"mts-concept__text\">MTS con\u00e7oit et r\u00e9alise des dispositifs pens\u00e9s pour r\u00e9pondre \u00e0 un objectif pr\u00e9cis. De la r\u00e9flexion au rendu final, chaque \u00e9l\u00e9ment est pens\u00e9 pour \u00eatre coh\u00e9rent, fonctionnel et fid\u00e8le \u00e0 l\u2019image de la marque. Sc\u00e9nographie, Stands, PLV ou Support de communication con\u00e7us et r\u00e9alis\u00e9s selon les besoins du projet, avec une attention port\u00e9e \u00e0 la coh\u00e9rence et \u00e0 la qualit\u00e9 d'ex\u00e9cution avec un Savoir-faire: Conception graphique \u2022 Design \u2022 Fabrication \u2022 Installation \u2022 PLV \u2022 Habillage \u2022 Supports de communication.\r\n <\/p>\r\n\r\n    <p class=\"mts-concept__section-title\">Nos formats<\/p>\r\n    <div class=\"mts-concept__formats\">\r\n      <span class=\"mts-concept__pill\">Stands<\/span>\r\n      <span class=\"mts-concept__pill\">3D<\/span>\r\n      <span class=\"mts-concept__pill\">Sc\u00e9nographie<\/span>\r\n      <span class=\"mts-concept__pill\">Print &amp; design<\/span>\r\n    <\/div>\r\n\r\n    <!-- [\u00c0 REMPLACER] chaque href=\"#\" par la vraie URL projet, et src=\"URL_PROJECT_...\" par la vraie photo -->\r\n    <div class=\"mts-concept__projects\">\r\n      <a href=\"https:\/\/mts-innovation.com\/mida\/\" class=\"mts-concept__project\">\r\n  <div class=\"mts-concept__project-zoom\">\r\n    <p class=\"mts-concept__project-title\">MIDA - Moroccan Interior Design Award<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/mts-innovation.com\/wp-content\/uploads\/2026\/09\/MIDA5.png\" class=\"mts-concept__project-img\" alt=\"MIDA\">\r\n  <\/div>\r\n<\/a>\r\n      <a href=\"https:\/\/mts-innovation.com\/ymaa\/\" class=\"mts-concept__project\">\r\n  <div class=\"mts-concept__project-zoom\">\r\n    <p class=\"mts-concept__project-title\">YMAA - Young Moroccan Architecture Awards<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/mts-innovation.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-07-at-18.07.40.jpeg\" class=\"mts-concept__project-img\" alt=\"YMAA\">\r\n  <\/div>\r\n<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"mts-concept__cta-wrap\">\r\n      <a href=\"https:\/\/mts-innovation.com\/nos-realisations\/\" class=\"mts-concept__cta\">D\u00e9couvrir nos r\u00e9alisations \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var items = document.querySelectorAll('.mts-concept__pill, .mts-concept__project');\r\n    if (!items.length) return;\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n\r\n      items.forEach(function (item, i) {\r\n        item.style.transitionDelay = (i % 4) * 0.07 + 's';\r\n        observer.observe(item);\r\n      });\r\n    } else {\r\n      items.forEach(function (item) { item.classList.add('is-visible'); });\r\n    }\r\n  })();\r\n<\/script>\r\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>Conception &amp; R\u00e9alisation Donner forme \u00e0 vos projets, de la conception \u00e0 la r\u00e9alisation. Stands, PLV &#038; Sc\u00e9nographie au Maroc Transformer une id\u00e9e en dispositif. MTS con\u00e7oit et r\u00e9alise des dispositifs pens\u00e9s pour r\u00e9pondre \u00e0 un objectif pr\u00e9cis. De la r\u00e9flexion au rendu final, chaque \u00e9l\u00e9ment est pens\u00e9 pour \u00eatre coh\u00e9rent, fonctionnel et fid\u00e8le \u00e0 [&hellip;]<\/p>\n","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-5491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/pages\/5491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/comments?post=5491"}],"version-history":[{"count":52,"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/pages\/5491\/revisions"}],"predecessor-version":[{"id":8429,"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/pages\/5491\/revisions\/8429"}],"wp:attachment":[{"href":"https:\/\/mts-innovation.com\/en\/wp-json\/wp\/v2\/media?parent=5491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}