{"id":611,"date":"2025-11-18T13:11:28","date_gmt":"2025-11-18T13:11:28","guid":{"rendered":"https:\/\/mccmaroc.com\/etalonnage\/?page_id=611"},"modified":"2025-11-27T11:36:05","modified_gmt":"2025-11-27T10:36:05","slug":"formation8","status":"publish","type":"page","link":"https:\/\/mccmaroc.com\/etalonnage\/formation8\/","title":{"rendered":"Formation8"},"content":{"rendered":"\n<section id=\"formation-qualifiante\" style=\"font-family:'Poppins',sans-serif; background:#eef4fb; padding:60px 20px;\"><div style=\"text-align:left;\">\n  <a href=\"https:\/\/mccmaroc.com\/etalonnage\/format1\/\" class=\"return-menu\">\u2190menu<\/a>\n<\/div>\n  <div style=\"max-width:900px; margin:auto; text-align:center;\">\n    <h2 style=\"color:#004080; font-size:2em; font-weight:700; margin-bottom:20px;\">\n      \ud83c\udf93 FORMATION QUALIFIANTE\n    <\/h2>\n\n    <p style=\"font-size:1.1em; color:#333; line-height:1.8; text-align:justify; animation:fadeIn 1s ease;\">\n      MCC MAROC propose des formations qualifiantes pour d\u00e9velopper les comp\u00e9tences techniques de vos \u00e9quipes dans les domaines de la m\u00e9trologie, instrumentation et contr\u00f4le qualit\u00e9.  \n      Ces formations permettent d\u2019acqu\u00e9rir des certifications reconnues et de garantir une ma\u00eetrise des \u00e9quipements et proc\u00e9dures professionnelles.\n    <\/p>\n\n    <div style=\"margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center; gap:15px; animation:fadeInUp 1.2s ease;\">\n      <div class=\"qualif-box\">\ud83d\udcd8 \u00c9tudes sur les instruments de mesure<\/div>\n      <div class=\"qualif-box\">\ud83e\uddf0 Formation en maintenance et \u00e9talonnage<\/div>\n      <div class=\"qualif-box\">\ud83d\udd27 Contr\u00f4le qualit\u00e9 et proc\u00e9dures normatives<\/div>\n      <div class=\"qualif-box\">\ud83d\udcbc Gestion des parcs d\u2019\u00e9quipements<\/div>\n      <div class=\"qualif-box\">\ud83d\udcca Optimisation des processus industriels<\/div>\n    <\/div>\n\n    <p style=\"margin-top:40px; font-size:1.1em; color:#333; text-align:justify;\">\n      Chaque formation qualifiante est adapt\u00e9e au profil des participants et aux exigences normatives, permettant de renforcer l\u2019expertise, la s\u00e9curit\u00e9 et la performance des \u00e9quipes sur le terrain.\n    <\/p>\n  <\/div>\n\n  <style>\n    .qualif-box {\n      background:#004080;\n      color:white;\n      padding:15px 25px;\n      border-radius:8px;\n      font-weight:600;\n      transition:all 0.3s ease;\n      box-shadow:0 3px 10px rgba(0,0,0,0.1);\n      cursor:pointer;\n    }\n    .qualif-box:hover {\n      background:#0073e6;\n      transform:scale(1.05);\n    }\n    @keyframes fadeIn {\n      from {opacity:0; transform:translateY(20px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n    @keyframes fadeInUp {\n      from {opacity:0; transform:translateY(40px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n<\/section> \n\n\n\n<style>\nheader {\n\n  margin-bottom: 40px;\n}\n.tab-container {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  max-width: 700px;\n  margin: auto;\n  gap: 10px;\n}\n.tab {\n  padding: 12px 18px;\n  border-radius: 6px;\n  cursor: pointer;\n  background-color: #e9ecef;\n  transition: background 0.3s, color 0.3s;\n  font-weight: 500;\n  text-align: left;\n  border: 1px solid #ddd;\n}\n.tab:hover {\n  background-color: #d6d8db;\n}\n.tab.active {\n  background-color: #007bff;\n  color: white;\n}\n.sectionn {\n  display: none; \/* \u2705 toutes cach\u00e9es au d\u00e9part *\/\n  animation: fadeIn 0.4s ease;\n  background: white;\n  border-radius: 10px;\n  box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n  padding: 20px;\n  margin-top: 5px;\n}\n.sectionn.active {\n  display: block;\n}\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n.icon-box {\n  font-size: 30px;\n  margin-bottom: 10px;\n}\n.btn {\n  background: #007bff;\n  color: white;\n  border: none;\n  padding: 8px 15px;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.btn:hover {\n  background: #0056b3;\n}\n\n\/* === Modal === *\/\n\/* === Modal === *\/\n.modal {\n  display: none;\n  position: fixed;\n  z-index: 2147483647; \/* Toujours au-dessus de tout *\/\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  justify-content: center;\n  align-items: center;\n}\n\n.modal-content {\n  background: white;\n  padding: 25px;\n  border-radius: 10px;\n  max-width: 600px;\n  width: 90%;\n  text-align: center;\n  position: relative;\n  animation: fadeIn 0.3s ease;\n  z-index: 2147483647; \/* Le contenu aussi au-dessus *\/\n}\n\n.close-btn {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  background: #dc3545;\n  border: none;\n  color: white;\n  border-radius: 5px;\n  padding: 5px 10px;\n  cursor: pointer;\n}\n\n.close-btn:hover {\n  background: #a71d2a;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n  <header>\n   \n    <p class=\"subtitle\"><b>Cliquez sur un titre pour voir les d\u00e9tails<\/b><\/p>\n  <\/header>\n <div >\n     \n<a href=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAO__c1yL9BUMk9VVUtZOEVNRk5YM0FISTlZNzZZWUpPWS4u\" target=\"_blank\" rel=\"noopener\">  <h1   ><i class=\"fas fa-chalkboard-teacher\"><\/i> : Inscription<\/h1><\/a>\n     \n    <\/div>\n  <div class=\"tab-container\">\n\n    <div class=\"tab\" data-target=\"development\">Le Management de la Qualit\u00e9, de la Sant\u00e9 &#038; S\u00e9curit\u00e9 au Travail, de l\u2019Environnement<\/div>\n    <div id=\"development\" class=\"sectionn\">\n      <div class=\"icon-box\">\ud83d\udcbb<\/div>\n      <h3>Le Management de la Qualit\u00e9, de la Sant\u00e9 &#038; S\u00e9curit\u00e9 au Travail, de l\u2019Environnement<\/h3>\n      <p>Nos experts assurent des contr\u00f4les pr\u00e9cis et fiables selon les normes internationales.<\/p>\n      <button class=\"btn\" onclick=\"openModal('modal1')\">Plus de d\u00e9tails<\/button>\n    <\/div>\n\n    <div class=\"tab\" data-target=\"marketing\">Le Management de la S\u00e9curit\u00e9 Sanitaire des Denr\u00e9es Alimentaires et de leur \u00e9tiquetage<\/div>\n    <div id=\"marketing\" class=\"sectionn\">\n      <div class=\"icon-box\">\ud83d\udce3<\/div>\n      <h3>Le Management de la S\u00e9curit\u00e9 Sanitaire des Denr\u00e9es Alimentaires et de leur \u00e9tiquetage<\/h3>\n      <p>Garantie de la salubrit\u00e9 et conformit\u00e9 des denr\u00e9es alimentaires selon les r\u00e9glementations.<\/p>\n      <button class=\"btn\" onclick=\"openModal('modal2')\">Plus de d\u00e9tails<\/button>\n    <\/div>\n\n    <div class=\"tab\" data-target=\"support\">Le Management des laboratoires d\u2019Essais &#038; Contr\u00f4le<\/div>\n    <div id=\"support\" class=\"sectionn\">\n      <div class=\"icon-box\">\ud83e\uddea<\/div>\n      <h3>Le Management des laboratoires d\u2019Essais &#038; Contr\u00f4le<\/h3>\n      <p>Analyses et essais pour garantir la conformit\u00e9 des produits selon les normes ISO\/IEC.<\/p>\n      <button class=\"btn\" onclick=\"openModal('modal3')\">Plus de d\u00e9tails<\/button>\n    <\/div>\n\n    <div class=\"tab\" data-target=\"support2\">Les Bonnes Pratiques Pharmaceutiques<\/div>\n    <div id=\"support2\" class=\"sectionn\">\n      <div class=\"icon-box\">\ud83e\uddec<\/div>\n      <h3>Les Bonnes Pratiques Pharmaceutiques<\/h3>\n      <p>Formation et accompagnement sur les standards de qualit\u00e9 en biologie mol\u00e9culaire.<\/p>\n      <button class=\"btn\" onclick=\"openModal('modal4')\">Plus de d\u00e9tails<\/button>\n    <\/div>\n\n    <div class=\"tab\" data-target=\"support3\">Les Bonnes Pratiques de Biologie Mol\u00e9culaire<\/div>\n    <div id=\"support3\" class=\"sectionn\">\n      <div class=\"icon-box\">\u2699\ufe0f<\/div>\n      <h3>Les Bonnes Pratiques de Biologie Mol\u00e9culaire<\/h3>\n      <p>\u00c9tudes, v\u00e9rifications et calibrations pour assurer la fiabilit\u00e9 des mesures.<\/p>\n      <button class=\"btn\" onclick=\"openModal('modal5')\">Plus de d\u00e9tails<\/button>\n    <\/div>\n\n    <div class=\"tab\" data-target=\"support4\">La M\u00e9trologie et son Environnement<\/div>\n    <div id=\"support4\" class=\"sectionn\">\n      <div class=\"icon-box\">\ud83d\udcca<\/div>\n      <h3>La M\u00e9trologie et son Environnement<\/h3>\n      <p>Surveillance et analyse des donn\u00e9es de sant\u00e9 pour la pr\u00e9vention et la recherche.<\/p>\n      <button class=\"btn\" onclick=\"openModal('modal6')\">Plus de d\u00e9tails<\/button>\n    <\/div>\n\n    <div >\n     \n<a href=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAO__c1yL9BUMk9VVUtZOEVNRk5YM0FISTlZNzZZWUpPWS4u\" target=\"_blank\" rel=\"noopener\">  <h1   ><i class=\"fas fa-chalkboard-teacher\"><\/i> : Inscription<\/h1><\/a>\n     \n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- === MODALS === -->\n<div id=\"modal1\" class=\"modal\"><div class=\"modal-content\"><button class=\"close-btn\" onclick=\"closeModal('modal1')\">Fermer<\/button><b>D\u00e9tails sur le Management Qualit\u00e9 &#038; S\u00e9curit\u00e9<\/b>\n\n<style>\n  .scroll-container {\n    width: 100%;\n    max-width: 800px;\n    height:  650px; \/* hauteur visible sur desktop *\/\n    margin: 20px auto;\n    overflow-y: auto;\n    overflow-x: hidden;\n    border: 2px solid #ccc;\n    border-radius: 10px;\n    padding: 8px;\n    background-color: #f9f9f9;\n    scroll-behavior: smooth;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n  }\n\n  .scroll-container img {\n    width: 100%;\n    height: auto;\n    margin-bottom: 12px;\n    border-radius: 8px;\n    object-fit: contain;\n    transition: transform 0.3s ease;\n  }\n\n  .scroll-container img:hover {\n    transform: scale(1.03);\n  }\n\n  \/* \u2705 Optimisation mobile *\/\n  @media (max-width: 768px) {\n    .scroll-container {\n      height: 100%; \/* hauteur visible sur desktop *\/\n      padding: 6px;\n      border: 1px solid #ddd;\n    }\n\n    .scroll-container img {\n      margin-bottom: 8px;\n      border-radius: 6px;\n    }\n  }\n\n  \/* \u2705 Tr\u00e8s petits \u00e9crans (t\u00e9l\u00e9phones \u00e9troits) *\/\n  @media (max-width: 480px) {\n    .scroll-container {\n      height: 320px;\n      border-radius: 6px;\n    }\n\n    .scroll-container img {\n      border-radius: 5px;\n      margin-bottom: 6px;\n    }\n  }\n<\/style>\n\n<div class=\"scroll-container\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/1.jpg\" alt=\"MCC Photo 1\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/2.jpg\" alt=\"MCC Photo 2\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/3.jpg\" alt=\"MCC Photo 3\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/4.jpg\" alt=\"MCC Photo 4\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/5.jpg\" alt=\"MCC Photo 5\">\n<\/div>\n\n\n\n\n<\/div><\/div>\n<div id=\"modal2\" class=\"modal\"><div class=\"modal-content\"><button class=\"close-btn\" onclick=\"closeModal('modal2')\">Fermer<\/button><h3>D\u00e9tails sur la S\u00e9curit\u00e9 Sanitaire<\/h3>\n\n<div class=\"scroll-container\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/10.jpg\" alt=\"MCC Photo 1\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/11.jpg\" alt=\"MCC Photo 2\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/12.jpg\" alt=\"MCC Photo 3\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/13.jpg\" alt=\"MCC Photo 4\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/14.jpg\" alt=\"MCC Photo 5\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/15.jpg\" alt=\"MCC Photo 5\">\n<\/div>\n\n\n\n\n\n<\/div><\/div>\n<div id=\"modal3\" class=\"modal\"><div class=\"modal-content\"><button class=\"close-btn\" onclick=\"closeModal('modal3')\">Fermer<\/button><h3>D\u00e9tails sur les laboratoires<\/h3>\n<div class=\"scroll-container\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/16.jpg\" alt=\"MCC Photo 1\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/17.jpg\" alt=\"MCC Photo 2\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/18.jpg\" alt=\"MCC Photo 3\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/19.jpg\" alt=\"MCC Photo 4\">\n  \n<\/div>\n\n\n\n<\/div><\/div>\n<div id=\"modal4\" class=\"modal\"><div class=\"modal-content\"><button class=\"close-btn\" onclick=\"closeModal('modal4')\">Fermer<\/button><h3>D\u00e9tails sur les Bonnes Pratiques Pharmaceutiques<\/h3><p>Formation sur GMP et gestion de la qualit\u00e9 en production pharmaceutique.<\/p>\n<div class=\"scroll-container\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/20.jpg\" alt=\"MCC Photo 1\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/21.jpg\" alt=\"MCC Photo 2\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/22.jpg\" alt=\"MCC Photo 3\">\n\n  \n<\/div>\n\n\n<\/div><\/div>\n<div id=\"modal5\" class=\"modal\"><div class=\"modal-content\"><button class=\"close-btn\" onclick=\"closeModal('modal5')\">Fermer<\/button><h3>D\u00e9tails sur la Biologie Mol\u00e9culaire<\/h3><p>Qualit\u00e9, tra\u00e7abilit\u00e9 et s\u00e9curit\u00e9 en biologie mol\u00e9culaire appliqu\u00e9e.<\/p><div class=\"scroll-container\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/23.jpg\" alt=\"MCC Photo 1\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/24.jpg\" alt=\"MCC Photo 2\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/25.jpg\" alt=\"MCC Photo 3\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/26.jpg\" alt=\"MCC Photo 4\">\n  \n<\/div><\/div><\/div>\n<div id=\"modal6\" class=\"modal\"><div class=\"modal-content\"><button class=\"close-btn\" onclick=\"closeModal('modal6')\">Fermer<\/button><h3>D\u00e9tails sur la M\u00e9trologie<\/h3><p>Formation compl\u00e8te sur la tra\u00e7abilit\u00e9, l\u2019incertitude et la calibration des instruments.<\/p>\n<div class=\"scroll-container\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/36.jpg\" alt=\"MCC Photo 1\">\n  <img decoding=\"async\" src=\"https:\/\/www.mccmaroc.com\/etalonnage\/photos\/37.jpg\" alt=\"MCC Photo 2\">\n  \n  \n<\/div>\n\n\n<\/div>\n\n\n\n\n<\/div>\n\n<script>\n\/\/ \u2705 Gestion des sections\ndocument.querySelectorAll('.tab').forEach(tab => {\n  tab.addEventListener('click', () => {\n    const target = document.getElementById(tab.dataset.target);\n    const isActive = target.classList.contains('active');\n    document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n    document.querySelectorAll('.sectionn').forEach(s => s.classList.remove('active'));\n    if (!isActive) {\n      tab.classList.add('active');\n      target.classList.add('active');\n    }\n  });\n});\n\n\/\/ \u2705 Gestion des modals\nfunction openModal(id) {\n  document.getElementById(id).style.display = 'flex';\n}\nfunction closeModal(id) {\n  document.getElementById(id).style.display = 'none';\n}\nwindow.addEventListener('click', e => {\n  document.querySelectorAll('.modal').forEach(modal => {\n    if (e.target === modal) modal.style.display = 'none';\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2190menu \ud83c\udf93 FORMATION QUALIFIANTE MCC MAROC propose des formations qualifiantes pour d\u00e9velopper les comp\u00e9tences techniques de vos \u00e9quipes dans les domaines de la m\u00e9trologie, instrumentation et contr\u00f4le qualit\u00e9. Ces formations permettent d\u2019acqu\u00e9rir des certifications reconnues et de garantir une ma\u00eetrise&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-611","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/pages\/611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/comments?post=611"}],"version-history":[{"count":5,"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/pages\/611\/revisions"}],"predecessor-version":[{"id":1572,"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/pages\/611\/revisions\/1572"}],"wp:attachment":[{"href":"https:\/\/mccmaroc.com\/etalonnage\/wp-json\/wp\/v2\/media?parent=611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}