{"id":1492,"date":"2026-07-08T13:21:22","date_gmt":"2026-07-08T13:21:22","guid":{"rendered":"https:\/\/net-temporaire.institut-tometal.com\/?page_id=1492"},"modified":"2026-09-15T07:29:26","modified_gmt":"2026-09-15T07:29:26","slug":"home-v2","status":"publish","type":"page","link":"https:\/\/net-temporaire.institut-tometal.com\/zh\/","title":{"rendered":"\u9996\u9875 V2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1492\" class=\"elementor elementor-1492\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19426ad e-con-full e-flex e-con e-parent\" data-id=\"19426ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29b4fab elementor-widget elementor-widget-html\" data-id=\"29b4fab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nINSTITUT TOMETAL \u2014 HOME V2\r\nCINEMATIC HERO V4\r\n7 SC\u00c8NES \u00b7 PRECISE SCROLL SNAP\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"tmt-hero-v4\"\r\n  id=\"accueil-tometal\"\r\n  data-tmt-hero-v4\r\n>\r\n\r\n  <div class=\"tmt-hero-v4__stage\">\r\n\r\n    <!-- =====================================================\r\n    IMAGES\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-hero-v4__media\">\r\n\r\n      <!-- 01 \u2014 PRESTIGE -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene is-active\"\r\n        data-scene=\"0\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/07\/ecole2.png\"\r\n          alt=\"B\u00e2timent de l\u2019Institut Tometal\"\r\n          fetchpriority=\"high\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n\r\n      <!-- 02 \u2014 GRANDIR ENSEMBLE\r\n      Cadrage volontairement \u00e9largi vers la droite afin\r\n      de mieux conserver les \u00e9critures chinoises.\r\n      -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene tmt-hero-v4__scene--chinese\"\r\n        data-scene=\"1\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/08\/8-\u4e2d\u6587\u6e38\u620f\u4e0e\u4e92\u52a8\u8bfe-\u8ba4\u8bc6\u989c\u82722-scaled.jpg\"\r\n          alt=\"Vie scolaire et ouverture culturelle \u00e0 l\u2019Institut Tometal\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n\r\n      <!-- 03 \u2014 EXCELLENCE -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene\"\r\n        data-scene=\"2\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/07\/la-cour.png\"\r\n          alt=\"Cour de l\u2019Institut Tometal\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n\r\n      <!-- 04 \u2014 APPRENDRE AUTREMENT -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene\"\r\n        data-scene=\"3\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/08\/141A5390-scaled.jpg\"\r\n          alt=\"Apprentissage \u00e0 l\u2019Institut Tometal\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n\r\n      <!-- 05 \u2014 R\u00c9USSITE -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene\"\r\n        data-scene=\"4\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/07\/batiment-3.png\"\r\n          alt=\"Campus de l\u2019Institut Tometal\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n\r\n      <!-- 06 \u2014 S\u2019OUVRIR AU MONDE -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene\"\r\n        data-scene=\"5\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/08\/17-\u53e4\u7b5d\u6f14\u594f\u4e0e\u4f53\u9a8c2-scaled.jpg\"\r\n          alt=\"Ouverture culturelle \u00e0 l\u2019Institut Tometal\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n\r\n      <!-- 07 \u2014 CONSTRUIRE L\u2019AVENIR -->\r\n\r\n      <figure\r\n        class=\"tmt-hero-v4__scene\"\r\n        data-scene=\"6\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/08\/jiohihh.png\"\r\n          alt=\"Construire l\u2019avenir \u00e0 l\u2019Institut Tometal\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    OVERLAYS\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-hero-v4__overlay\"><\/div>\r\n    <div class=\"tmt-hero-v4__vignette\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    TOP INFORMATION\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-hero-v4__top\">\r\n\r\n      <div class=\"tmt-hero-v4__brandline\">\r\n\r\n        <span data-scene-number>\r\n          01\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <strong>\r\n          Institut Tometal\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"tmt-hero-v4__category\">\r\n        \u00c9ducation \u00b7 Langues \u00b7 Ouverture\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    TEXT CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-hero-v4__content\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--major is-active\"\r\n        data-copy=\"0\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Un environnement d\u2019exception\r\n        <\/span>\r\n\r\n        <h1>\r\n          PRESTIGE\r\n        <\/h1>\r\n\r\n        <p>\r\n          Bienvenue \u00e0 l\u2019Institut Tometal. Un cadre moderne,\r\n          exigeant et plurilingue, pens\u00e9 pour accompagner\r\n          chaque \u00e9l\u00e8ve vers son plein potentiel.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--secondary\"\r\n        data-copy=\"1\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Une communaut\u00e9 \u00e9ducative\r\n        <\/span>\r\n\r\n        <h2>\r\n          GRANDIR\r\n          <em>ENSEMBLE<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Une \u00e9cole attentive \u00e0 chaque parcours,\r\n          o\u00f9 confiance, accompagnement et bienveillance\r\n          participent pleinement \u00e0 la r\u00e9ussite.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--major\"\r\n        data-copy=\"2\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Une ambition acad\u00e9mique affirm\u00e9e\r\n        <\/span>\r\n\r\n        <h2>\r\n          EXCELLENCE\r\n        <\/h2>\r\n\r\n        <p>\r\n          L\u2019exigence acad\u00e9mique au c\u0153ur de notre projet,\r\n          associ\u00e9e \u00e0 une v\u00e9ritable ouverture internationale.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--secondary\"\r\n        data-copy=\"3\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Curiosit\u00e9 \u00b7 autonomie \u00b7 d\u00e9couverte\r\n        <\/span>\r\n\r\n        <h2>\r\n          APPRENDRE\r\n          <em>AUTREMENT<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          D\u00e9velopper les connaissances, mais aussi apprendre\r\n          \u00e0 r\u00e9fl\u00e9chir, exp\u00e9rimenter, communiquer et cr\u00e9er.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--major\"\r\n        data-copy=\"4\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Chaque parcours m\u00e9rite une ambition\r\n        <\/span>\r\n\r\n        <h2>\r\n          R\u00c9USSITE\r\n        <\/h2>\r\n\r\n        <p>\r\n          Accompagner chaque \u00e9l\u00e8ve dans la construction\r\n          de son projet et lui donner les moyens\r\n          de viser toujours plus haut.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--secondary\"\r\n        data-copy=\"5\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Langues \u00b7 cultures \u00b7 d\u00e9couvertes\r\n        <\/span>\r\n\r\n        <h2>\r\n          S\u2019OUVRIR\r\n          <em>AU MONDE<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Fran\u00e7ais, anglais, malgache et mandarin :\r\n          les langues et les cultures deviennent\r\n          de v\u00e9ritables passerelles vers le monde.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 07 -->\r\n\r\n      <article\r\n        class=\"tmt-hero-v4__copy tmt-hero-v4__copy--secondary\"\r\n        data-copy=\"6\"\r\n      >\r\n\r\n        <span class=\"tmt-hero-v4__micro\">\r\n          Pr\u00e9parer aujourd\u2019hui le monde de demain\r\n        <\/span>\r\n\r\n        <h2>\r\n          CONSTRUIRE\r\n          <em>L\u2019AVENIR<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Donner aux \u00e9l\u00e8ves les connaissances,\r\n          les comp\u00e9tences et la confiance n\u00e9cessaires\r\n          pour construire leur avenir.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n      CTA\r\n      ================================================== -->\r\n\r\n      <div class=\"tmt-hero-v4__actions\">\r\n\r\n        <a\r\n          href=\"#admission\"\r\n          class=\"tmt-hero-v4__button tmt-hero-v4__button--gold\"\r\n        >\r\n\r\n          <span>\r\n            S\u2019inscrire 2026\u20132027\r\n          <\/span>\r\n\r\n          <b>\u2192<\/b>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#notre-direction\"\r\n          class=\"tmt-hero-v4__button tmt-hero-v4__button--ghost\"\r\n        >\r\n\r\n          <span>\r\n            D\u00e9couvrir l\u2019Institut\r\n          <\/span>\r\n\r\n          <b>\u2192<\/b>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    RIGHT NAVIGATION\r\n    ====================================================== -->\r\n\r\n    <nav\r\n      class=\"tmt-hero-v4__progress\"\r\n      aria-label=\"Navigation du Hero\"\r\n    >\r\n\r\n      <button\r\n        class=\"is-active\"\r\n        data-hero-dot=\"0\"\r\n        aria-label=\"Prestige\"\r\n      >\r\n        <span>01<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        data-hero-dot=\"1\"\r\n        aria-label=\"Grandir ensemble\"\r\n      >\r\n        <span>02<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        data-hero-dot=\"2\"\r\n        aria-label=\"Excellence\"\r\n      >\r\n        <span>03<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        data-hero-dot=\"3\"\r\n        aria-label=\"Apprendre autrement\"\r\n      >\r\n        <span>04<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        data-hero-dot=\"4\"\r\n        aria-label=\"R\u00e9ussite\"\r\n      >\r\n        <span>05<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        data-hero-dot=\"5\"\r\n        aria-label=\"S\u2019ouvrir au monde\"\r\n      >\r\n        <span>06<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n\r\n      <button\r\n        data-hero-dot=\"6\"\r\n        aria-label=\"Construire l\u2019avenir\"\r\n      >\r\n        <span>07<\/span>\r\n        <i><\/i>\r\n      <\/button>\r\n\r\n    <\/nav>\r\n\r\n\r\n    <!-- SCROLL -->\r\n\r\n    <div class=\"tmt-hero-v4__scroll\">\r\n\r\n      <span>\r\n        Scroll\r\n      <\/span>\r\n\r\n      <i><\/i>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM PROGRESS -->\r\n\r\n    <div class=\"tmt-hero-v4__bottom-progress\">\r\n\r\n      <span data-bottom-progress><\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVARIABLES\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4 {\r\n\r\n  --hero-navy: #071B3D;\r\n  --hero-dark: #020D22;\r\n\r\n  --hero-gold: #C99A42;\r\n  --hero-gold-light: #EAC86F;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n\r\n  left: 50%;\r\n\r\n  margin:\r\n    0 0 0 -50vw !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n  \/*\r\n  7 sc\u00e8nes.\r\n  Chaque sc\u00e8ne poss\u00e8de maintenant une zone\r\n  de scroll plus clairement d\u00e9finie.\r\n  *\/\r\n\r\n  height: 100vh;\r\n\r\n  background:\r\n    var(--hero-dark);\r\n}\r\n\r\n\r\n.tmt-hero-v4,\r\n.tmt-hero-v4 * {\r\n\r\n  box-sizing:\r\n    border-box;\r\n}\r\n\r\n\r\n.tmt-hero-v4 figure,\r\n.tmt-hero-v4 h1,\r\n.tmt-hero-v4 h2,\r\n.tmt-hero-v4 p {\r\n\r\n  margin:\r\n    0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSTAGE\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__stage {\r\n\r\n  position: relative;\r\n\r\n  top: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100vh;\r\n\r\n  min-height: 620px;\r\n\r\n  overflow: hidden;\r\n\r\n  isolation: isolate;\r\n\r\n  background:\r\n    var(--hero-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMEDIA\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__media {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  background: var(--hero-dark);\r\n}\r\n\r\n.tmt-hero-v4__scene {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  transform: translateZ(0);\r\n}\r\n\r\n.tmt-hero-v4__scene.is-active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  z-index: 2;\r\n}\r\n\r\n.tmt-hero-v4__scene.is-previous {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  z-index: 1;\r\n}\r\n\r\n.tmt-hero-v4__scene img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center center;\r\n  transform: scale(1.01) translateZ(0);\r\n  backface-visibility: hidden;\r\n}\r\n\r\n\/* =========================================================\r\nINDIVIDUAL IMAGE POSITIONS\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__scene:nth-child(1) img {\r\n\r\n  object-position:\r\n    center center;\r\n}\r\n\r\n\r\n\/*\r\n02 \u2014 la Directrice souhaite conserver davantage\r\ndes \u00e9critures chinoises.\r\n\r\nOn d\u00e9place donc le cadre vers la droite.\r\nLe zoom initial est \u00e9galement inf\u00e9rieur aux autres\r\nslides pour conserver davantage d'informations.\r\n*\/\r\n\r\n.tmt-hero-v4__scene:nth-child(2) img {\r\n\r\n  \/* Nouvelle photo : cours de chinois \/ interaction *\/\r\n  object-position: center center;\r\n  transform: scale(1.00);\r\n}\r\n\r\n\r\n.tmt-hero-v4__scene:nth-child(3) img {\r\n\r\n  object-position:\r\n    center center;\r\n}\r\n\r\n\r\n.tmt-hero-v4__scene:nth-child(4) img {\r\n\r\n  object-position:\r\n    55% 38%;\r\n}\r\n\r\n\r\n.tmt-hero-v4__scene:nth-child(5) img {\r\n\r\n  object-position:\r\n    center center;\r\n}\r\n\r\n\r\n.tmt-hero-v4__scene:nth-child(6) img {\r\n\r\n  object-position:\r\n    center center;\r\n}\r\n\r\n\r\n.tmt-hero-v4__scene:nth-child(7) img {\r\n\r\n  object-position:\r\n    60% 44%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nOVERLAYS\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(2,13,34,.94) 0%,\r\n      rgba(3,18,43,.77) 25%,\r\n      rgba(3,18,43,.30) 55%,\r\n      rgba(3,18,43,.06) 78%,\r\n      rgba(3,18,43,.09) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(2,13,34,.95) 0%,\r\n      rgba(2,13,34,.50) 21%,\r\n      transparent 56%\r\n    );\r\n}\r\n\r\n\r\n.tmt-hero-v4__vignette {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 3;\r\n\r\n  pointer-events: none;\r\n\r\n  box-shadow:\r\n    inset 0 0 150px\r\n    rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTOP\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__top {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 20;\r\n\r\n  top:\r\n    clamp(\r\n      34px,\r\n      5vh,\r\n      65px\r\n    );\r\n\r\n  left:\r\n    clamp(\r\n      35px,\r\n      6vw,\r\n      110px\r\n    );\r\n\r\n  right:\r\n    clamp(\r\n      35px,\r\n      6vw,\r\n      110px\r\n    );\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.tmt-hero-v4__brandline {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  color: white;\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .16em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-hero-v4__brandline > span {\r\n\r\n  color:\r\n    var(--hero-gold-light);\r\n}\r\n\r\n\r\n.tmt-hero-v4__brandline i {\r\n\r\n  width: 50px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    var(--hero-gold);\r\n}\r\n\r\n\r\n.tmt-hero-v4__category {\r\n\r\n  color:\r\n    rgba(255,255,255,.58);\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .14em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCONTENT\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__content {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 15;\r\n\r\n  left:\r\n    clamp(\r\n      35px,\r\n      6vw,\r\n      110px\r\n    );\r\n\r\n  right:\r\n    clamp(\r\n      35px,\r\n      6vw,\r\n      110px\r\n    );\r\n\r\n  bottom:\r\n    clamp(\r\n      65px,\r\n      9vh,\r\n      115px\r\n    );\r\n\r\n  max-width:\r\n    1120px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCOPY BASE\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__copy {\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  bottom: 96px;\r\n\r\n  width:\r\n    min(\r\n      100%,\r\n      1100px\r\n    );\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.tmt-hero-v4__copy.is-active {\r\n\r\n  position: relative;\r\n\r\n  bottom: auto;\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMICRO TEXT\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__micro {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 17px;\r\n\r\n  color:\r\n    var(--hero-gold-light);\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      7px,\r\n      .72vw,\r\n      10px\r\n    );\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .18em;\r\n\r\n  line-height: 1.4;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/*\r\nIMPORTANT :\r\nSur les trois tr\u00e8s grands mots,\r\non cr\u00e9e davantage d'espace sous le petit texte.\r\n\r\nCela \u00e9vite notamment que l'accent de R\u00c9USSITE\r\nremonte jusqu'au micro-titre.\r\n*\/\r\n\r\n.tmt-hero-v4__copy--major\r\n.tmt-hero-v4__micro {\r\n\r\n  margin-bottom:\r\n    clamp(\r\n      28px,\r\n      2.4vw,\r\n      40px\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAJOR TITLES\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__copy--major h1,\r\n.tmt-hero-v4__copy--major h2 {\r\n\r\n  max-width:\r\n    1100px;\r\n\r\n  padding-top:\r\n    4px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      86px,\r\n      10.6vw,\r\n      180px\r\n    );\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: .82;\r\n\r\n  letter-spacing:\r\n    -.055em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  text-shadow:\r\n    0 15px 40px\r\n    rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n\/* DESCRIPTION MAJOR *\/\r\n\r\n.tmt-hero-v4__copy--major p {\r\n\r\n  max-width: 830px;\r\n\r\n  margin-top: 34px;\r\n\r\n  padding-top: 21px;\r\n\r\n  color:\r\n    rgba(255,255,255,.78);\r\n\r\n  border-top:\r\n    2px solid\r\n    var(--hero-gold);\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      11px,\r\n      1vw,\r\n      16px\r\n    );\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSECONDARY TITLES\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__copy--secondary {\r\n\r\n  max-width: 760px;\r\n}\r\n\r\n\r\n.tmt-hero-v4__copy--secondary h2 {\r\n\r\n  color: #FFFFFF;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      54px,\r\n      5.8vw,\r\n      100px\r\n    );\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: .90;\r\n\r\n  letter-spacing:\r\n    -.045em;\r\n}\r\n\r\n\r\n.tmt-hero-v4__copy--secondary h2 em {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    var(--hero-gold-light);\r\n\r\n  font-weight: inherit;\r\n\r\n  font-style: normal;\r\n}\r\n\r\n\r\n.tmt-hero-v4__copy--secondary p {\r\n\r\n  max-width: 590px;\r\n\r\n  margin-top: 28px;\r\n\r\n  padding-left: 18px;\r\n\r\n  color:\r\n    rgba(255,255,255,.74);\r\n\r\n  border-left:\r\n    2px solid\r\n    var(--hero-gold);\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      10px,\r\n      .9vw,\r\n      14px\r\n    );\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACTIONS\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__actions {\r\n\r\n  position: relative;\r\n\r\n  z-index: 30;\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 30px;\r\n}\r\n\r\n\r\n.tmt-hero-v4__button {\r\n\r\n  min-height: 58px;\r\n\r\n  padding:\r\n    0 24px;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap: 35px;\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .06em;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n\r\n.tmt-hero-v4__button--gold {\r\n\r\n  color:\r\n    var(--hero-dark) !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      #D3A13F,\r\n      #EAC86F\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    var(--hero-gold-light);\r\n}\r\n\r\n\r\n.tmt-hero-v4__button--ghost {\r\n\r\n  color:\r\n    #FFFFFF !important;\r\n\r\n  background:\r\n    rgba(7,27,61,.24);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.32);\r\n}\r\n\r\n\r\n.tmt-hero-v4__button:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n\r\n.tmt-hero-v4__button b {\r\n\r\n  font-size: 18px;\r\n\r\n  font-weight: 400;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n.tmt-hero-v4__button:hover b {\r\n\r\n  transform:\r\n    translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPROGRESS NAV\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__progress {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 25;\r\n\r\n  right:\r\n    clamp(\r\n      25px,\r\n      4vw,\r\n      68px\r\n    );\r\n\r\n  top: 50%;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 11px;\r\n}\r\n\r\n\r\n.tmt-hero-v4__progress button {\r\n\r\n  width: 105px;\r\n\r\n  height: 17px;\r\n\r\n  padding: 0 !important;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    22px 1fr;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  appearance: none;\r\n\r\n  color:\r\n    rgba(255,255,255,.35) !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  border:\r\n    0 !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.tmt-hero-v4__progress button span {\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.tmt-hero-v4__progress button i {\r\n\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.24);\r\n}\r\n\r\n\r\n.tmt-hero-v4__progress button i::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset:\r\n    0 auto 0 0;\r\n\r\n  width: 0;\r\n\r\n  background:\r\n    var(--hero-gold-light);\r\n\r\n  transition:\r\n    width .45s\r\n    cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.tmt-hero-v4__progress button.is-active {\r\n\r\n  color:\r\n    var(--hero-gold-light) !important;\r\n}\r\n\r\n\r\n.tmt-hero-v4__progress button.is-active i::after {\r\n\r\n  width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSCROLL LABEL\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__scroll {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 25;\r\n\r\n  right: 22px;\r\n\r\n  bottom: 40px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  transform:\r\n    rotate(90deg);\r\n\r\n  transform-origin:\r\n    right center;\r\n\r\n  color:\r\n    rgba(255,255,255,.43);\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 6px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .18em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n\r\n.tmt-hero-v4__scroll i {\r\n\r\n  width: 46px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    var(--hero-gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBOTTOM PROGRESS\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4__bottom-progress {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 25;\r\n\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  height: 3px;\r\n\r\n  background:\r\n    rgba(255,255,255,.07);\r\n}\r\n\r\n\r\n.tmt-hero-v4__bottom-progress span {\r\n\r\n  display: block;\r\n\r\n  width: 0;\r\n\r\n  height: 100%;\r\n\r\n  background:\r\n    var(--hero-gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nELEMENTOR \u2014 ZERO WHITE GAP\r\n========================================================= *\/\r\n\r\n.elementor-widget-html:has(.tmt-hero-v4) {\r\n\r\n  width:\r\n    100vw !important;\r\n\r\n  max-width:\r\n    100vw !important;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  padding:\r\n    0 !important;\r\n}\r\n\r\n\r\n.elementor-widget-html:has(.tmt-hero-v4)\r\n> .elementor-widget-container {\r\n\r\n  width:\r\n    100% !important;\r\n\r\n  max-width:\r\n    none !important;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  padding:\r\n    0 !important;\r\n}\r\n\r\n\r\n.e-con:has(.tmt-hero-v4),\r\n.elementor-section:has(.tmt-hero-v4),\r\n.elementor-container:has(.tmt-hero-v4) {\r\n\r\n  margin-top:\r\n    0 !important;\r\n\r\n  margin-bottom:\r\n    0 !important;\r\n\r\n  padding-top:\r\n    0 !important;\r\n\r\n  padding-bottom:\r\n    0 !important;\r\n\r\n  min-height:\r\n    0 !important;\r\n\r\n  gap:\r\n    0 !important;\r\n}\r\n\r\n\r\n#accueil-tometal {\r\n\r\n  margin-top:\r\n    0 !important;\r\n\r\n  padding-top:\r\n    0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSHORT DESKTOP\r\n========================================================= *\/\r\n\r\n@media screen\r\nand (min-width: 1001px)\r\nand (max-height: 820px) {\r\n\r\n  .tmt-hero-v4__content {\r\n\r\n    bottom:\r\n      48px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--major\r\n  .tmt-hero-v4__micro {\r\n\r\n    margin-bottom:\r\n      24px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--major h1,\r\n  .tmt-hero-v4__copy--major h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        72px,\r\n        8.7vw,\r\n        140px\r\n      );\r\n\r\n    line-height:\r\n      .84;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--major p {\r\n\r\n    margin-top:\r\n      18px;\r\n\r\n    padding-top:\r\n      14px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--secondary h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        48px,\r\n        5vw,\r\n        78px\r\n      );\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__actions {\r\n\r\n    margin-top:\r\n      18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 1000px) {\r\n\r\n  .tmt-hero-v4 {\r\n\r\n    height:\r\n      100vh;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__category {\r\n\r\n    display: none;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__content {\r\n\r\n    right: 90px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__progress {\r\n\r\n    right: 18px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__progress button {\r\n\r\n    width: 65px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__progress button span {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .tmt-hero-v4 {\r\n\r\n    height:\r\n      100svh;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__stage {\r\n\r\n    height:\r\n      100svh;\r\n\r\n    min-height:\r\n      680px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__top {\r\n\r\n    top: 27px;\r\n\r\n    left: 22px;\r\n\r\n    right: 22px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__brandline i {\r\n\r\n    width: 28px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__content {\r\n\r\n    left: 22px;\r\n\r\n    right: 22px;\r\n\r\n    bottom: 52px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--major\r\n  .tmt-hero-v4__micro {\r\n\r\n    margin-bottom:\r\n      22px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--major h1,\r\n  .tmt-hero-v4__copy--major h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        56px,\r\n        18vw,\r\n        90px\r\n      );\r\n\r\n    line-height: .86;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--secondary h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        44px,\r\n        13vw,\r\n        68px\r\n      );\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__copy--major p,\r\n  .tmt-hero-v4__copy--secondary p {\r\n\r\n    max-width: 95%;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__actions {\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 22px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__button {\r\n\r\n    min-height: 49px;\r\n\r\n    padding:\r\n      0 15px;\r\n\r\n    gap: 17px;\r\n\r\n    font-size: 7px;\r\n  }\r\n\r\n\r\n  .tmt-hero-v4__progress,\r\n  .tmt-hero-v4__scroll {\r\n\r\n    display: none;\r\n  }\r\n\r\n\r\n  \/*\r\n  Sur mobile, conserver davantage de la photo 02.\r\n  *\/\r\n\r\n  .tmt-hero-v4__scene:nth-child(2) img {\r\n\r\n    object-position:\r\n      65% center;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\nREDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n\r\n  .tmt-hero-v4 *,\r\n  .tmt-hero-v4 *::before,\r\n  .tmt-hero-v4 *::after {\r\n\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHERO V8 \u2014 FULL HEIGHT + ONE WHEEL GESTURE = ONE SCENE\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4 {\r\n  min-height: 760px;\r\n  overflow: hidden;\r\n}\r\n\r\n.tmt-hero-v4__stage {\r\n  min-height: 760px;\r\n}\r\n\r\n\/* La derni\u00e8re sc\u00e8ne laisse davantage respirer l'image *\/\r\n.tmt-hero-v4__copy[data-copy=\"6\"] {\r\n  max-width: 640px;\r\n}\r\n\r\n.tmt-hero-v4__copy[data-copy=\"6\"] h2 {\r\n  font-size: clamp(46px, 5vw, 82px);\r\n}\r\n\r\n\/* Evite tout chevauchement de l'accent du \u00c9 *\/\r\n.tmt-hero-v4__copy--major .tmt-hero-v4__micro {\r\n  margin-bottom: clamp(34px, 2.8vw, 46px);\r\n}\r\n\r\n\/* Desktop court : on garde quand m\u00eame une vraie pr\u00e9sence visuelle *\/\r\n@media screen and (min-width: 1001px) and (max-height: 850px) {\r\n  .tmt-hero-v4,\r\n  .tmt-hero-v4__stage {\r\n    min-height: 700px;\r\n  }\r\n}\r\n\r\n\/* Tablette *\/\r\n@media screen and (max-width: 1000px) {\r\n  .tmt-hero-v4,\r\n  .tmt-hero-v4__stage {\r\n    min-height: 720px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media screen and (max-width: 767px) {\r\n  .tmt-hero-v4,\r\n  .tmt-hero-v4__stage {\r\n    min-height: 680px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\nV20 \u2014 M\u00caME CONCEPT QUE \u00ab VIE SCOLAIRE \/ ACTIVIT\u00c9S EXTRASCOLAIRES \u00bb\r\nScroll natif + sticky + sc\u00e8nes pilot\u00e9es uniquement par la position de page.\r\nAucun wheel handler. Aucun touch handler. Aucun preventDefault sur le scroll.\r\n========================================================= *\/\r\n\r\n.tmt-hero-v4 {\r\n  position: relative !important;\r\n  height: 600vh !important;\r\n  min-height: 0 !important;\r\n  overflow-x: clip !important;\r\n  overflow-y: visible !important;\r\n  touch-action: auto !important;\r\n  overscroll-behavior: auto !important;\r\n}\r\n\r\n.tmt-hero-v4__stage {\r\n  position: -webkit-sticky !important;\r\n  position: sticky !important;\r\n  top: 104px !important;\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  height: calc(100vh - 104px) !important;\r\n  min-height: 620px;\r\n  overflow: hidden !important;\r\n  isolation: isolate;\r\n}\r\n\r\n.tmt-hero-v4__media {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  transform: none !important;\r\n}\r\n\r\n.tmt-hero-v4__scene {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  transform: translateX(2.2%);\r\n  overflow: hidden;\r\n  transition:\r\n    opacity 1.05s ease,\r\n    visibility 1.05s ease,\r\n    transform 1.20s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.tmt-hero-v4__scene.is-active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  z-index: 3;\r\n  transform: translateX(0);\r\n}\r\n\r\n.tmt-hero-v4__scene.is-leaving-left {\r\n  opacity: 0;\r\n  visibility: visible;\r\n  z-index: 2;\r\n  transform: translateX(-2.2%);\r\n}\r\n\r\n.tmt-hero-v4__scene.is-entering-right {\r\n  opacity: 0;\r\n  visibility: visible;\r\n  z-index: 2;\r\n  transform: translateX(2.2%);\r\n}\r\n\r\n.tmt-hero-v4__scene img {\r\n  backface-visibility: hidden;\r\n  transform: scale(1.018) !important;\r\n  will-change: transform, opacity;\r\n  transition: transform 1.8s cubic-bezier(.16,1,.3,1), opacity .45s ease !important;\r\n}\r\n\r\n.tmt-hero-v4__scene.is-active img {\r\n  transform: scale(1) !important;\r\n}\r\n\r\n.tmt-hero-v4__copy {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transform: translateY(16px);\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .88s cubic-bezier(.16,1,.3,1),\r\n    visibility .72s ease;\r\n}\r\n\r\n.tmt-hero-v4__copy.is-active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  transform: translateY(0);\r\n}\r\n\r\n@media screen and (max-width: 1050px) {\r\n  .tmt-hero-v4 { height: 600vh !important; }\r\n  .tmt-hero-v4__stage {\r\n    top: 90px !important;\r\n    height: calc(100vh - 90px) !important;\r\n    min-height: 620px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .tmt-hero-v4 { height: 560vh !important; }\r\n  .tmt-hero-v4__stage {\r\n    top: 78px !important;\r\n    height: calc(100svh - 78px) !important;\r\n    min-height: 560px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tmt-hero-v4__scene,\r\n  .tmt-hero-v4__scene img,\r\n  .tmt-hero-v4__copy {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function initTometalHeroActivitiesStyle() {\r\n    const sections = document.querySelectorAll(\"[data-tmt-hero-v4]\");\r\n\r\n    sections.forEach(function (section) {\r\n      if (section.dataset.activitiesScrollReady === \"true\") return;\r\n      section.dataset.activitiesScrollReady = \"true\";\r\n\r\n      const sticky = section.querySelector(\".tmt-hero-v4__stage\");\r\n      const scenes = Array.from(section.querySelectorAll(\"[data-scene]\"));\r\n      const copies = Array.from(section.querySelectorAll(\"[data-copy]\"));\r\n      const dots = Array.from(section.querySelectorAll(\"[data-hero-dot]\"));\r\n      const currentDisplay = section.querySelector(\"[data-scene-number]\");\r\n      const progressBar = section.querySelector(\"[data-bottom-progress]\");\r\n\r\n      if (!sticky || !scenes.length) return;\r\n\r\n      let currentScene = -1;\r\n      let ticking = false;\r\n      let cleanupTimer = 0;\r\n\r\n      \/* Les 7 images sont demand\u00e9es imm\u00e9diatement.\r\n         Le changement de sc\u00e8ne n'attend JAMAIS leur d\u00e9codage. *\/\r\n      scenes.forEach(function (scene, index) {\r\n        const img = scene.querySelector(\"img\");\r\n        if (!img) return;\r\n        img.loading = \"eager\";\r\n        img.decoding = \"async\";\r\n        try { img.fetchPriority = index === 0 ? \"high\" : \"auto\"; } catch (_) {}\r\n        const preload = new Image();\r\n        preload.decoding = \"async\";\r\n        preload.src = img.currentSrc || img.src;\r\n      });\r\n\r\n      function activateScene(index) {\r\n        index = Math.max(0, Math.min(scenes.length - 1, index));\r\n        if (index === currentScene) return;\r\n\r\n        const previousIndex = currentScene;\r\n        const oldScene = scenes[previousIndex];\r\n        const newScene = scenes[index];\r\n        const goingForward = previousIndex === -1 || index > previousIndex;\r\n\r\n        window.clearTimeout(cleanupTimer);\r\n\r\n        if (oldScene) {\r\n          oldScene.classList.remove(\"is-active\", \"is-entering-right\", \"is-leaving-left\");\r\n          oldScene.classList.add(goingForward ? \"is-leaving-left\" : \"is-entering-right\");\r\n        }\r\n\r\n        currentScene = index;\r\n\r\n        scenes.forEach(function (scene, sceneIndex) {\r\n          if (sceneIndex !== currentScene && scene !== oldScene) {\r\n            scene.classList.remove(\"is-active\", \"is-entering-right\", \"is-leaving-left\");\r\n          }\r\n          scene.setAttribute(\"aria-hidden\", sceneIndex === currentScene ? \"false\" : \"true\");\r\n        });\r\n\r\n        copies.forEach(function (copy, copyIndex) {\r\n          copy.classList.toggle(\"is-active\", copyIndex === currentScene);\r\n        });\r\n\r\n        dots.forEach(function (dot, dotIndex) {\r\n          dot.classList.toggle(\"is-active\", dotIndex === currentScene);\r\n          dot.setAttribute(\"aria-current\", dotIndex === currentScene ? \"true\" : \"false\");\r\n        });\r\n\r\n        if (newScene) {\r\n          newScene.classList.remove(\"is-active\", \"is-leaving-left\", \"is-entering-right\");\r\n          newScene.classList.add(goingForward ? \"is-entering-right\" : \"is-leaving-left\");\r\n          void newScene.offsetWidth;\r\n          newScene.classList.add(\"is-active\");\r\n          requestAnimationFrame(function () {\r\n            newScene.classList.remove(\"is-entering-right\", \"is-leaving-left\");\r\n          });\r\n        }\r\n\r\n        cleanupTimer = window.setTimeout(function () {\r\n          scenes.forEach(function (scene, sceneIndex) {\r\n            if (sceneIndex !== currentScene) {\r\n              scene.classList.remove(\"is-active\", \"is-entering-right\", \"is-leaving-left\");\r\n            }\r\n          });\r\n        }, 1250);\r\n\r\n        if (currentDisplay) {\r\n          currentDisplay.textContent = String(currentScene + 1).padStart(2, \"0\");\r\n        }\r\n\r\n        if (progressBar) {\r\n          progressBar.style.width = (((currentScene + 1) \/ scenes.length) * 100) + \"%\";\r\n        }\r\n      }\r\n\r\n      \/* M\u00eame calcul que la section Vie scolaire :\r\n         rect.top + hauteur r\u00e9elle de la section + stickyHeight.\r\n         Le navigateur reste seul ma\u00eetre du scroll. *\/\r\n      function update() {\r\n        const rect = section.getBoundingClientRect();\r\n        const stickyHeight = sticky.offsetHeight || window.innerHeight;\r\n        const scrollDistance = Math.max(section.offsetHeight - stickyHeight, 1);\r\n\r\n        let progress = -rect.top \/ scrollDistance;\r\n        progress = Math.max(0, Math.min(1, progress));\r\n\r\n        let index = Math.floor(progress * scenes.length);\r\n        if (index >= scenes.length) index = scenes.length - 1;\r\n        if (index < 0) index = 0;\r\n\r\n        activateScene(index);\r\n        ticking = false;\r\n      }\r\n\r\n      function requestUpdate() {\r\n        if (ticking) return;\r\n        ticking = true;\r\n        window.requestAnimationFrame(update);\r\n      }\r\n\r\n      \/* Les boutons 01\u201307 utilisent eux aussi le vrai scroll de page. *\/\r\n      dots.forEach(function (dot, index) {\r\n        dot.addEventListener(\"click\", function (event) {\r\n          event.preventDefault();\r\n          const rect = section.getBoundingClientRect();\r\n          const sectionTop = window.scrollY + rect.top;\r\n          const stickyHeight = sticky.offsetHeight || window.innerHeight;\r\n          const scrollDistance = Math.max(section.offsetHeight - stickyHeight, 1);\r\n          const targetProgress = index \/ scenes.length;\r\n          window.scrollTo({\r\n            top: sectionTop + (scrollDistance * targetProgress) + 2,\r\n            left: 0,\r\n            behavior: \"smooth\"\r\n          });\r\n        });\r\n      });\r\n\r\n      \/* IMPORTANT : aucun listener wheel\/touch\/pointer.\r\n         Aucun preventDefault sur le scroll. Aucun scroll lock. *\/\r\n      window.addEventListener(\"scroll\", requestUpdate, { passive: true });\r\n      window.addEventListener(\"resize\", requestUpdate, { passive: true });\r\n      window.addEventListener(\"pageshow\", requestUpdate, { passive: true });\r\n\r\n      activateScene(0);\r\n      update();\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initTometalHeroActivitiesStyle, { once: true });\r\n  } else {\r\n    initTometalHeroActivitiesStyle();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7732cdc e-con-full e-flex e-con e-parent\" data-id=\"7732cdc\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9e5f2 elementor-widget elementor-widget-html\" data-id=\"7c9e5f2\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"pourquoi-tometal\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   POURQUOI CHOISIR L\u2019INSTITUT TOMETAL\r\n   SECTION COMPL\u00c8TE ET RESPONSIVE\r\n========================================================== *\/\r\n\r\n.tometal-why,\r\n.tometal-why * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tometal-why {\r\n    --tm-navy: #071f43;\r\n    --tm-gold: #c9a33e;\r\n    --tm-cream: #fbf9f4;\r\n    --tm-white: #ffffff;\r\n    --tm-text: #122442;\r\n    --tm-muted: #5b6574;\r\n    --tm-line: #e7e1d5;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 1380px;\r\n\r\n    margin: 0 auto;\r\n\r\n    overflow: hidden;\r\n\r\n    color: var(--tm-text);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 0% 35%,\r\n            rgba(201, 163, 62, 0.08),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 100% 35%,\r\n            rgba(201, 163, 62, 0.08),\r\n            transparent 28%\r\n        ),\r\n        var(--tm-cream);\r\n\r\n    font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOTIFS DE FOND\r\n========================================================== *\/\r\n\r\n.tometal-why::before,\r\n.tometal-why::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 150px;\r\n\r\n    width: 260px;\r\n    height: 380px;\r\n\r\n    opacity: 0.13;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            45deg,\r\n            transparent 47%,\r\n            rgba(201, 163, 62, 0.34) 48%,\r\n            rgba(201, 163, 62, 0.34) 50%,\r\n            transparent 51%\r\n        ),\r\n        linear-gradient(\r\n            -45deg,\r\n            transparent 47%,\r\n            rgba(201, 163, 62, 0.26) 48%,\r\n            rgba(201, 163, 62, 0.26) 50%,\r\n            transparent 51%\r\n        );\r\n\r\n    background-size: 28px 28px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.tometal-why::before {\r\n    left: -135px;\r\n}\r\n\r\n.tometal-why::after {\r\n    right: -135px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CONTENU PRINCIPAL\r\n========================================================== *\/\r\n\r\n.tometal-why-main {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    padding: 46px 50px 26px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITRE\r\n========================================================== *\/\r\n\r\n.tometal-why-heading {\r\n    position: relative;\r\n    z-index: 8;\r\n\r\n    max-width: 900px;\r\n\r\n    margin: 0 auto 88px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.tometal-why-kicker {\r\n    margin: 0 0 7px;\r\n\r\n    color: var(--tm-gold);\r\n\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.4px;\r\n    line-height: 1.2;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-why-title {\r\n    margin: 0;\r\n\r\n    color: var(--tm-navy);\r\n\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(38px, 4vw, 54px);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-why-subtitle {\r\n    position: relative;\r\n    z-index: 9;\r\n\r\n    margin: 25px 0 0;\r\n\r\n    color: var(--tm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   GRILLE DES CARTES\r\n========================================================== *\/\r\n\r\n.tometal-why-cards {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: stretch;\r\n\r\n    gap: 26px;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARTE\r\n========================================================== *\/\r\n\r\n.tometal-why-card {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    min-height: 540px;\r\n\r\n    padding: 24px 30px 28px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--tm-white);\r\n\r\n    border: 1px solid rgba(7, 31, 67, 0.07);\r\n    border-radius: 9px;\r\n\r\n    box-shadow: 0 12px 30px rgba(7, 31, 67, 0.09);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-why-card:hover {\r\n    transform: translateY(-6px);\r\n\r\n    box-shadow: 0 20px 42px rgba(7, 31, 67, 0.14);\r\n}\r\n\r\n.tometal-why-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 9px;\r\n\r\n    background: var(--tm-navy);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   IC\u00d4NE RONDE\r\n========================================================== *\/\r\n\r\n.tometal-why-icon-wrap {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 84px;\r\n    height: 84px;\r\n\r\n    margin: 0 auto 26px;\r\n\r\n    color: var(--tm-gold);\r\n\r\n    background: var(--tm-navy);\r\n\r\n    border: 3px solid var(--tm-gold);\r\n    border-radius: 50%;\r\n\r\n    box-shadow: 0 8px 20px rgba(7, 31, 67, 0.18);\r\n}\r\n\r\n.tometal-why-icon-wrap::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: -18px;\r\n\r\n    width: 36px;\r\n    height: 2px;\r\n\r\n    background: var(--tm-gold);\r\n\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.tometal-why-icon-wrap svg {\r\n    display: block;\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    fill: none;\r\n    stroke: #f2c84b;\r\n    stroke-width: 2.4;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITRE DE CARTE\r\n========================================================== *\/\r\n\r\n.tometal-why-card-title {\r\n    margin: 7px 0 25px;\r\n\r\n    color: var(--tm-navy);\r\n\r\n    font-size: 24px;\r\n    font-weight: 750;\r\n    line-height: 1.18;\r\n\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-why-card-title span {\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color: var(--tm-gold);\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARTE 1 \u2014 PARCOURS\r\n========================================================== *\/\r\n\r\n.tometal-path-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 19px;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n.tometal-path-list li {\r\n    position: relative;\r\n\r\n    padding-left: 32px;\r\n\r\n    color: var(--tm-text);\r\n\r\n    font-size: 14px;\r\n    font-weight: 650;\r\n    line-height: 1.45;\r\n}\r\n\r\n.tometal-path-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n    top: 1px;\r\n    left: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    color: var(--tm-gold);\r\n\r\n    border: 1.5px solid var(--tm-gold);\r\n    border-radius: 50%;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.tometal-path-list small {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   DESSIN DES B\u00c2TIMENTS\r\n========================================================== *\/\r\n\r\n.tometal-building-art {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 9px;\r\n\r\n    height: 135px;\r\n\r\n    overflow: hidden;\r\n\r\n    opacity: 0.27;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.tometal-building-art svg {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 0;\r\n\r\n    width: 112%;\r\n    height: 135px;\r\n\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.tometal-building-art path,\r\n.tometal-building-art rect,\r\n.tometal-building-art line {\r\n    fill: none;\r\n    stroke: var(--tm-gold);\r\n    stroke-width: 1.2;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARTE 2 \u2014 LANGUES\r\n========================================================== *\/\r\n\r\n.tometal-language-list {\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n.tometal-language-item {\r\n    display: grid;\r\n    grid-template-columns: 58px 1fr;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    min-height: 94px;\r\n\r\n    padding: 13px 0;\r\n\r\n    border-bottom: 1px solid var(--tm-line);\r\n}\r\n\r\n.tometal-language-item:last-child {\r\n    border-bottom: 0;\r\n}\r\n\r\n.tometal-flag {\r\n    display: block;\r\n\r\n    width: 50px;\r\n    height: 32px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(7, 31, 67, 0.14);\r\n\r\n    box-shadow: 0 2px 6px rgba(7, 31, 67, 0.1);\r\n}\r\n\r\n.tometal-flag-fr {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #174a9f 0 33.33%,\r\n            #ffffff 33.33% 66.66%,\r\n            #e22535 66.66% 100%\r\n        );\r\n}\r\n\r\n.tometal-flag-uk {\r\n    background: none;\r\n}\r\n\r\n.tometal-flag-uk svg {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.tometal-flag-cn {\r\n    position: relative;\r\n\r\n    background: #e72828;\r\n}\r\n\r\n.tometal-flag-cn::before {\r\n    content: \"\u2605\";\r\n\r\n    position: absolute;\r\n    top: 4px;\r\n    left: 7px;\r\n\r\n    color: #ffd84a;\r\n\r\n    font-size: 14px;\r\n    line-height: 1;\r\n}\r\n\r\n.tometal-language-name {\r\n    display: block;\r\n\r\n    color: var(--tm-navy);\r\n\r\n    font-size: 15px;\r\n    font-weight: 750;\r\n    line-height: 1.25;\r\n}\r\n\r\n.tometal-language-desc {\r\n    display: block;\r\n\r\n    margin-top: 3px;\r\n\r\n    color: var(--tm-muted);\r\n\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARTE 3 \u2014 PARCOURS COMPLET\r\n========================================================== *\/\r\n\r\n.tometal-school-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 172px;\r\n\r\n    margin-top: 0;\r\n}\r\n\r\n.tometal-school-icon svg {\r\n    width: 145px;\r\n    height: 145px;\r\n\r\n    fill: none;\r\n    stroke: var(--tm-gold);\r\n    stroke-width: 1.6;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.tometal-complete-text {\r\n    margin: 0 0 28px;\r\n\r\n    color: var(--tm-navy);\r\n\r\n    font-size: 17px;\r\n    font-weight: 750;\r\n    line-height: 1.45;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.tometal-complete-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    min-width: 220px;\r\n    min-height: 45px;\r\n\r\n    margin: auto auto 4px;\r\n    padding: 10px 20px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #c49a35,\r\n            #d4b34c\r\n        );\r\n\r\n    border-radius: 28px;\r\n\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background 0.25s ease,\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.tometal-complete-button:hover {\r\n    color: #ffffff !important;\r\n\r\n    background: var(--tm-navy);\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 9px 20px rgba(7, 31, 67, 0.2);\r\n}\r\n\r\n.tometal-complete-button-arrow {\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   BANDEAU INF\u00c9RIEUR\r\n========================================================== *\/\r\n\r\n.tometal-benefits {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    width: 100%;\r\n\r\n    padding: 28px 42px 25px;\r\n\r\n    color: #ffffff;\r\n\r\n    background: var(--tm-navy);\r\n}\r\n\r\n.tometal-benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n\r\n    width: 100%;\r\n    max-width: 1250px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n.tometal-benefit {\r\n    position: relative;\r\n\r\n    min-height: 154px;\r\n\r\n    padding: 0 20px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.tometal-benefit:not(:last-child)::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 0;\r\n    bottom: 5px;\r\n\r\n    width: 1px;\r\n\r\n    background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.tometal-benefit-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    margin: 0 auto 12px;\r\n\r\n    color: #f0c94f;\r\n}\r\n\r\n.tometal-benefit-icon svg {\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.15;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.tometal-benefit-title {\r\n    margin: 0 0 7px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n    line-height: 1.25;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-benefit-text {\r\n    margin: 0;\r\n\r\n    color: rgba(255, 255, 255, 0.94);\r\n\r\n    font-size: 12.5px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   LIGNE DOR\u00c9E\r\n========================================================== *\/\r\n\r\n.tometal-gold-footer-line {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 10px;\r\n\r\n    background: var(--tm-gold);\r\n}\r\n\r\n.tometal-gold-seal {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    color: #ffffff;\r\n\r\n    background: var(--tm-gold);\r\n\r\n    border: 3px solid #f3df9d;\r\n    border-radius: 50%;\r\n\r\n    font-family: Georgia, serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLETTE\r\n========================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .tometal-why-main {\r\n        padding: 42px 28px 30px;\r\n    }\r\n\r\n    .tometal-why-heading {\r\n        margin-bottom: 84px;\r\n    }\r\n\r\n    .tometal-why-cards {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n        max-width: 830px;\r\n\r\n        gap: 65px 24px;\r\n    }\r\n\r\n    .tometal-why-card:nth-child(3) {\r\n        grid-column: 1 \/ -1;\r\n\r\n        width: calc(50% - 12px);\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .tometal-benefits-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .tometal-benefit {\r\n        min-height: 170px;\r\n\r\n        padding: 22px 24px;\r\n\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .tometal-benefit:not(:last-child)::after {\r\n        display: none;\r\n    }\r\n\r\n    .tometal-benefit:nth-child(odd) {\r\n        border-right: 1px solid rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .tometal-benefit:last-child {\r\n        grid-column: 1 \/ -1;\r\n\r\n        border-right: 0;\r\n        border-bottom: 0;\r\n    }\r\n    .tometal-benefit-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n\r\n    .tometal-benefit-icon svg {\r\n        width: 52px;\r\n        height: 52px;\r\n    }\r\n\r\n    .tometal-benefit-title {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .tometal-benefit-text {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .tometal-why-main {\r\n        padding: 36px 16px 28px;\r\n    }\r\n\r\n    .tometal-why-heading {\r\n        margin-bottom: 78px;\r\n    }\r\n\r\n    .tometal-why-kicker {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .tometal-why-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .tometal-why-subtitle {\r\n        margin-top: 18px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    .tometal-why-cards {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 68px;\r\n    }\r\n\r\n    .tometal-why-card,\r\n    .tometal-why-card:nth-child(3) {\r\n        grid-column: auto;\r\n\r\n        width: 100%;\r\n        min-height: 520px;\r\n\r\n        margin: 0;\r\n        padding-top: 22px;\r\n        padding-right: 24px;\r\n        padding-left: 24px;\r\n    }\r\n\r\n    .tometal-why-icon-wrap {\r\n        width: 76px;\r\n        height: 76px;\r\n\r\n        margin-top: 0;\r\n    }\r\n\r\n    .tometal-why-icon-wrap svg {\r\n        width: 44px;\r\n        height: 44px;\r\n    }\r\n\r\n    .tometal-why-card-title {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .tometal-why-card-title span {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .tometal-language-item {\r\n        grid-template-columns: 50px 1fr;\r\n    }\r\n\r\n    .tometal-flag {\r\n        width: 44px;\r\n        height: 29px;\r\n    }\r\n\r\n    .tometal-benefits {\r\n        padding: 18px 18px 22px;\r\n    }\r\n\r\n    .tometal-benefits-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-benefit,\r\n    .tometal-benefit:nth-child(odd),\r\n    .tometal-benefit:last-child {\r\n        grid-column: auto;\r\n\r\n        min-height: 0;\r\n\r\n        padding: 21px 8px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .tometal-benefit:last-child {\r\n        border-bottom: 0;\r\n    }\r\n    .tometal-benefit-icon {\r\n        width: 54px;\r\n        height: 54px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .tometal-benefit-icon svg {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .tometal-benefit-title {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .tometal-benefit-text {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   ACCESSIBILIT\u00c9\r\n========================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .tometal-why-card,\r\n    .tometal-complete-button {\r\n        transition: none;\r\n    }\r\n\r\n    .tometal-why-card:hover,\r\n    .tometal-complete-button:hover {\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n    class=\"tometal-why\"\r\n    aria-labelledby=\"tometal-why-title\"\r\n>\r\n\r\n    <div class=\"tometal-why-main\">\r\n\r\n        <header class=\"tometal-why-heading\">\r\n\r\n            <p class=\"tometal-why-kicker\">\r\n                Pourquoi choisir\r\n            <\/p>\r\n\r\n            <h2\r\n                class=\"tometal-why-title\"\r\n                id=\"tometal-why-title\"\r\n            >\r\n                L\u2019Institut Tometal ?\r\n            <\/h2>\r\n\r\n            <p class=\"tometal-why-subtitle\">\r\n                Une \u00e9cole d\u2019excellence, tourn\u00e9e vers l\u2019avenir et ouverte sur le monde.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <div class=\"tometal-why-cards\">\r\n\r\n\r\n            <!-- CARTE 1 -->\r\n\r\n            <article class=\"tometal-why-card\">\r\n\r\n                <div\r\n                    class=\"tometal-why-icon-wrap\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <path d=\"M8 22 32 10l24 12-24 12L8 22Z\"><\/path>\r\n                        <path d=\"M17 27v15c0 6 7 11 15 11s15-5 15-11V27\"><\/path>\r\n                        <path d=\"M56 22v18\"><\/path>\r\n                        <circle cx=\"56\" cy=\"43\" r=\"2\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"tometal-why-card-title\">\r\n                    3 parcours\r\n                    <span>d\u2019excellence<\/span>\r\n                <\/h3>\r\n\r\n                <ul class=\"tometal-path-list\">\r\n                    <li>Syst\u00e8me Fran\u00e7ais<\/li>\r\n\r\n                    <li>\r\n                        Syst\u00e8me Fran\u00e7ais +<br>\r\n                        P\u00f4le Anglais\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Syst\u00e8me Britannique<br>\r\n                        <small>(ouverture en 2027)<\/small>\r\n                    <\/li>\r\n                <\/ul>\r\n\r\n                <div\r\n                    class=\"tometal-building-art\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 450 130\">\r\n                        <path d=\"M8 116h434\"><\/path>\r\n                        <path d=\"M27 114V73l40-20 40 20v41\"><\/path>\r\n                        <path d=\"M43 114V82h48v32\"><\/path>\r\n                        <path d=\"M57 114V91h20v23\"><\/path>\r\n                        <path d=\"M111 114V59l41-22 41 22v55\"><\/path>\r\n                        <path d=\"M129 114V69h46v45\"><\/path>\r\n                        <path d=\"M145 114V80h14v34\"><\/path>\r\n                        <path d=\"M196 114V68l37-19 37 19v46\"><\/path>\r\n                        <path d=\"M212 114V77h42v37\"><\/path>\r\n                        <path d=\"M276 114V57l43-22 43 22v57\"><\/path>\r\n                        <path d=\"M294 114V68h50v46\"><\/path>\r\n                        <path d=\"M312 114V79h14v35\"><\/path>\r\n                        <path d=\"M366 114V76l30-16 30 16v38\"><\/path>\r\n                        <path d=\"M381 114V84h30v30\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARTE 2 -->\r\n\r\n            <article class=\"tometal-why-card\">\r\n\r\n                <div\r\n                    class=\"tometal-why-icon-wrap\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\r\n                        <path d=\"M8 32h48\"><\/path>\r\n                        <path d=\"M32 8c7 7 11 15 11 24S39 49 32 56\"><\/path>\r\n                        <path d=\"M32 8c-7 7-11 15-11 24s4 17 11 24\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"tometal-why-card-title\">\r\n                    3 langues\r\n                    <span>pour l\u2019avenir<\/span>\r\n                <\/h3>\r\n\r\n                <ul class=\"tometal-language-list\">\r\n\r\n                    <li class=\"tometal-language-item\">\r\n\r\n                        <span\r\n                            class=\"tometal-flag tometal-flag-fr\"\r\n                            aria-hidden=\"true\"\r\n                        ><\/span>\r\n\r\n                        <span>\r\n                            <strong class=\"tometal-language-name\">\r\n                                Fran\u00e7ais\r\n                            <\/strong>\r\n\r\n                            <span class=\"tometal-language-desc\">\r\n                                Langue d\u2019enseignement<br>\r\n                                et de culture\r\n                            <\/span>\r\n                        <\/span>\r\n\r\n                    <\/li>\r\n\r\n\r\n                    <li class=\"tometal-language-item\">\r\n\r\n                        <span\r\n                            class=\"tometal-flag tometal-flag-uk\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <svg\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                viewBox=\"0 0 60 36\"\r\n                            >\r\n                                <rect\r\n                                    width=\"60\"\r\n                                    height=\"36\"\r\n                                    fill=\"#012169\"\r\n                                ><\/rect>\r\n\r\n                                <path\r\n                                    d=\"M0 0L60 36M60 0L0 36\"\r\n                                    stroke=\"#FFFFFF\"\r\n                                    stroke-width=\"7\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M0 0L60 36M60 0L0 36\"\r\n                                    stroke=\"#C8102E\"\r\n                                    stroke-width=\"2.5\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M30 0V36M0 18H60\"\r\n                                    stroke=\"#FFFFFF\"\r\n                                    stroke-width=\"12\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M30 0V36M0 18H60\"\r\n                                    stroke=\"#C8102E\"\r\n                                    stroke-width=\"7\"\r\n                                ><\/path>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            <strong class=\"tometal-language-name\">\r\n                                Anglais\r\n                            <\/strong>\r\n\r\n                            <span class=\"tometal-language-desc\">\r\n                                Ouverture internationale\r\n                            <\/span>\r\n                        <\/span>\r\n\r\n                    <\/li>\r\n\r\n\r\n                    <li class=\"tometal-language-item\">\r\n\r\n                        <span\r\n                            class=\"tometal-flag tometal-flag-cn\"\r\n                            aria-hidden=\"true\"\r\n                        ><\/span>\r\n\r\n                        <span>\r\n                            <strong class=\"tometal-language-name\">\r\n                                Chinois d\u00e8s<br>\r\n                                la maternelle\r\n                            <\/strong>\r\n\r\n                            <span class=\"tometal-language-desc\">\r\n                                En partenariat avec<br>\r\n                                l\u2019Institut Confucius\r\n                            <\/span>\r\n                        <\/span>\r\n\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARTE 3 -->\r\n\r\n            <article class=\"tometal-why-card\">\r\n\r\n                <div\r\n                    class=\"tometal-why-icon-wrap\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <path d=\"M13 47c7-10 14-15 22-15\"><\/path>\r\n                        <path d=\"M35 32c7 0 12-5 12-12\"><\/path>\r\n                        <circle cx=\"13\" cy=\"47\" r=\"4\"><\/circle>\r\n                        <circle cx=\"35\" cy=\"32\" r=\"4\"><\/circle>\r\n                        <circle cx=\"47\" cy=\"20\" r=\"4\"><\/circle>\r\n                        <path d=\"M13 51h38\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3 class=\"tometal-why-card-title\">\r\n                    Un parcours\r\n                    <span>complet<\/span>\r\n                <\/h3>\r\n\r\n                <div\r\n                    class=\"tometal-school-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 160 160\">\r\n                        <path d=\"M80 24v17\"><\/path>\r\n                        <path d=\"M80 24 106 34 80 43\"><\/path>\r\n                        <path d=\"M37 68 80 44l43 24\"><\/path>\r\n                        <path d=\"M43 69v58h74V69\"><\/path>\r\n                        <path d=\"M59 127V81h42v46\"><\/path>\r\n                        <path d=\"M80 81v46\"><\/path>\r\n                        <path d=\"M23 82h20v45H23z\"><\/path>\r\n                        <path d=\"M117 82h20v45h-20z\"><\/path>\r\n                        <path d=\"M17 127h126\"><\/path>\r\n                        <path d=\"M30 91h7\"><\/path>\r\n                        <path d=\"M30 102h7\"><\/path>\r\n                        <path d=\"M30 113h7\"><\/path>\r\n                        <path d=\"M123 91h7\"><\/path>\r\n                        <path d=\"M123 102h7\"><\/path>\r\n                        <path d=\"M123 113h7\"><\/path>\r\n                        <path d=\"M69 96h22\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <p class=\"tometal-complete-text\">\r\n                    De la maternelle<br>\r\n                    au Bac \/ A-Levels\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"https:\/\/net-temporaire.institut-tometal.com\/nos-parcours\/\"\r\n                    class=\"tometal-complete-button\"\r\n                >\r\n                    Parcours complet\r\n\r\n                    <span\r\n                        class=\"tometal-complete-button-arrow\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        \u203a\r\n                    <\/span>\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BANDEAU -->\r\n\r\n    <div class=\"tometal-benefits\">\r\n\r\n        <div class=\"tometal-benefits-grid\">\r\n\r\n\r\n            <article class=\"tometal-benefit\">\r\n\r\n                <div\r\n                    class=\"tometal-benefit-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <circle cx=\"32\" cy=\"18\" r=\"8\"><\/circle>\r\n                        <circle cx=\"14\" cy=\"24\" r=\"7\"><\/circle>\r\n                        <circle cx=\"50\" cy=\"24\" r=\"7\"><\/circle>\r\n                        <path d=\"M20 51v-5c0-8 5-14 12-14s12 6 12 14v5\"><\/path>\r\n                        <path d=\"M4 51v-4c0-7 4-12 10-12 4 0 7 2 9 5\"><\/path>\r\n                        <path d=\"M60 51v-4c0-7-4-12-10-12-4 0-7 2-9 5\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h4 class=\"tometal-benefit-title\">\r\n                    Effectifs r\u00e9duits\r\n                <\/h4>\r\n\r\n                <p class=\"tometal-benefit-text\">\r\n                    Suivi personnalis\u00e9<br>\r\n                    et accompagnement<br>\r\n                    de qualit\u00e9\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"tometal-benefit\">\r\n\r\n                <div\r\n                    class=\"tometal-benefit-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <circle cx=\"32\" cy=\"32\" r=\"25\"><\/circle>\r\n                        <path d=\"M7 32h50\"><\/path>\r\n                        <path d=\"M32 7c8 8 12 16 12 25S40 49 32 57\"><\/path>\r\n                        <path d=\"M32 7c-8 8-12 16-12 25s4 17 12 25\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h4 class=\"tometal-benefit-title\">\r\n                    Ouverture<br>internationale\r\n                <\/h4>\r\n\r\n                <p class=\"tometal-benefit-text\">\r\n                    Partenariats et \u00e9changes<br>\r\n                    culturels\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"tometal-benefit\">\r\n\r\n                <div\r\n                    class=\"tometal-benefit-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <path d=\"m32 7 8 17 19 3-14 13 4 19-17-9-17 9 4-19L5 27l19-3 8-17Z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h4 class=\"tometal-benefit-title\">\r\n                    Excellence<br>acad\u00e9mique\r\n                <\/h4>\r\n\r\n                <p class=\"tometal-benefit-text\">\r\n                    Programmes exigeants<br>\r\n                    et innovants\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"tometal-benefit\">\r\n\r\n                <div\r\n                    class=\"tometal-benefit-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <path d=\"M8 34c7-8 14-9 21-3l4 4\"><\/path>\r\n                        <path d=\"M56 25c-8-6-15-4-22 3l-5 5\"><\/path>\r\n                        <path d=\"m22 42 9 9c3 3 7 3 10 0l15-15\"><\/path>\r\n                        <path d=\"M11 33 5 39l15 15 7-7\"><\/path>\r\n                        <path d=\"M54 25 59 30 43 47\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h4 class=\"tometal-benefit-title\">\r\n                    Valeurs<br>humaines\r\n                <\/h4>\r\n\r\n                <p class=\"tometal-benefit-text\">\r\n                    Bienveillance, respect<br>\r\n                    et \u00e9panouissement\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"tometal-benefit\">\r\n\r\n                <div\r\n                    class=\"tometal-benefit-icon\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <svg viewBox=\"0 0 64 64\">\r\n                        <path d=\"M32 58V31\"><\/path>\r\n                        <path d=\"M32 31c-12 0-20-7-20-18 12 0 20 7 20 18Z\"><\/path>\r\n                        <path d=\"M32 38c12 0 20-7 20-18-12 0-20 7-20 18Z\"><\/path>\r\n                        <path d=\"M22 58h20\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h4 class=\"tometal-benefit-title\">\r\n                    Environnement<br>d\u2019exception\r\n                <\/h4>\r\n\r\n                <p class=\"tometal-benefit-text\">\r\n                    Cadre s\u00e9curis\u00e9 et stimulant<br>\r\n                    propice \u00e0 la r\u00e9ussite\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"tometal-gold-footer-line\">\r\n\r\n        <div\r\n            class=\"tometal-gold-seal\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            T\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\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-5a4e0d5 e-con-full e-flex e-con e-parent\" data-id=\"5a4e0d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-274a96c elementor-widget elementor-widget-html\" data-id=\"274a96c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nINSTITUT TOMETAL\r\nNOTRE \u00c9QUIPE \u2014 VERSION INSTITUTIONNELLE PREMIUM\r\nDIRECTION AVEC PHOTOS + \u00c9QUIPES AVEC NOMS ET POSTES\r\nHTML + CSS + JS\r\n========================================================= -->\r\n\r\n<section class=\"tmt-team\" id=\"notre-equipe\">\r\n\r\n    <!-- =====================================================\r\n    INTRODUCTION\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-team__intro\">\r\n\r\n        <div class=\"tmt-team__eyebrow\">\r\n            <span>04<\/span>\r\n            <i><\/i>\r\n            <strong>Notre \u00e9quipe<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"tmt-team__intro-grid\">\r\n\r\n            <div>\r\n                <h2>\r\n                    Les femmes et les hommes\r\n                    <span>qui font vivre notre projet.<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"tmt-team__intro-right\">\r\n\r\n                <p>\r\n                    Une \u00e9quipe engag\u00e9e autour d\u2019une ambition commune :\r\n                    accompagner chaque \u00e9l\u00e8ve avec exigence, attention\r\n                    et ouverture sur le monde.\r\n                <\/p>\r\n\r\n                <div class=\"tmt-team__values\">\r\n                    <i><\/i>\r\n                    <span>\r\n                        Expertise \u00b7 Accompagnement \u00b7 Engagement\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    DIRECTION\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-team__leadership\">\r\n\r\n        <div class=\"tmt-team__section-heading\">\r\n\r\n            <span>01<\/span>\r\n\r\n            <div>\r\n                <small>Gouvernance<\/small>\r\n                <h3>\u00c9quipe de direction<\/h3>\r\n            <\/div>\r\n\r\n            <p>\r\n                Une direction r\u00e9unie autour d\u2019une vision \u00e9ducative\r\n                exigeante, humaine et internationale.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"tmt-team__leadership-grid\">\r\n\r\n\r\n            <!-- DIRECTRICE G\u00c9N\u00c9RALE -->\r\n\r\n            <article class=\"tmt-leader-card\">\r\n\r\n                <div class=\"tmt-leader-card__photo\">\r\n\r\n                    <!--\r\n                    Remplacer PHOTO_URL_HAIYAN par l'URL WordPress\r\n                    de la photo officielle de Mme Haiyan Lun\r\n                    -->\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"PHOTO_URL_HAIYAN\"\r\n                        alt=\"Mme Haiyan Lun \u2014 Directrice g\u00e9n\u00e9rale\"\r\n                        onerror=\"this.style.display='none';\"\r\n                    >\r\n\r\n                    <div class=\"tmt-leader-card__fallback\">\r\n                        HL\r\n                    <\/div>\r\n\r\n                    <div class=\"tmt-leader-card__number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tmt-leader-card__content\">\r\n\r\n                    <span>\r\n                        Directrice g\u00e9n\u00e9rale\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        Mme Haiyan Lun\r\n                    <\/h4>\r\n\r\n                    <div class=\"tmt-leader-card__line\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- DIRECTRICE ADJOINTE -->\r\n\r\n            <article class=\"tmt-leader-card\">\r\n\r\n                <div class=\"tmt-leader-card__photo\">\r\n\r\n                    <!-- Remplacer PHOTO_URL_MERYEM -->\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"PHOTO_URL_MERYEM\"\r\n                        alt=\"Mme Meryem Baddah \u2014 Directrice adjointe\"\r\n                        onerror=\"this.style.display='none';\"\r\n                    >\r\n\r\n                    <div class=\"tmt-leader-card__fallback\">\r\n                        MB\r\n                    <\/div>\r\n\r\n                    <div class=\"tmt-leader-card__number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tmt-leader-card__content\">\r\n\r\n                    <span>\r\n                        Directrice adjointe\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        Mme Meryem Baddah\r\n                    <\/h4>\r\n\r\n                    <div class=\"tmt-leader-card__line\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PROVISEUR -->\r\n\r\n            <article class=\"tmt-leader-card\">\r\n\r\n                <div class=\"tmt-leader-card__photo\">\r\n\r\n                    <!-- Remplacer PHOTO_URL_SYLVESTRE -->\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"PHOTO_URL_SYLVESTRE\"\r\n                        alt=\"M. Sylvestre Baudrand \u2014 Proviseur\"\r\n                        onerror=\"this.style.display='none';\"\r\n                    >\r\n\r\n                    <div class=\"tmt-leader-card__fallback\">\r\n                        SB\r\n                    <\/div>\r\n\r\n                    <div class=\"tmt-leader-card__number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tmt-leader-card__content\">\r\n\r\n                    <span>\r\n                        Proviseur\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        M. Sylvestre Baudrand\r\n                    <\/h4>\r\n\r\n                    <div class=\"tmt-leader-card__line\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- RESPONSABLE CURSUS CHINOIS -->\r\n\r\n            <article class=\"tmt-leader-card\">\r\n\r\n                <div class=\"tmt-leader-card__photo\">\r\n\r\n                    <!-- Remplacer PHOTO_URL_LANWEI -->\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"PHOTO_URL_LANWEI\"\r\n                        alt=\"Mme Lan Wei \u2014 Responsable p\u00e9dagogique du cursus chinois\"\r\n                        onerror=\"this.style.display='none';\"\r\n                    >\r\n\r\n                    <div class=\"tmt-leader-card__fallback\">\r\n                        LW\r\n                    <\/div>\r\n\r\n                    <div class=\"tmt-leader-card__number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tmt-leader-card__content\">\r\n\r\n                    <span>\r\n                        Responsable p\u00e9dagogique du cursus chinois\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        Mme Lan Wei\r\n                    <\/h4>\r\n\r\n                    <div class=\"tmt-leader-card__line\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    AUTRES \u00c9QUIPES\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-team__directory\">\r\n\r\n\r\n        <!-- =================================================\r\n        ADMINISTRATION\r\n        ================================================== -->\r\n\r\n        <section class=\"tmt-team-group\">\r\n\r\n            <button\r\n                class=\"tmt-team-group__header is-open\"\r\n                type=\"button\"\r\n                aria-expanded=\"true\"\r\n            >\r\n\r\n                <div class=\"tmt-team-group__title\">\r\n\r\n                    <span>02<\/span>\r\n\r\n                    <div>\r\n                        <small>Organisation<\/small>\r\n                        <h3>\u00c9quipe administrative<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"tmt-team-group__toggle\">\r\n                    \u2212\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"tmt-team-group__body is-open\">\r\n\r\n                <div class=\"tmt-person-grid\">\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Randriamitahintsoa Nekena Mendrika\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Responsable de la vie scolaire\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Larissa Hanitriniaina Nomenjanahary\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Secr\u00e9taire administrative et de direction\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Lova Nandrianina Razafimah\u00e9fa\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Responsable des admissions et des inscriptions\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Princia Andiamampionona\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Assistante d\u2019\u00e9ducation et m\u00e9diatrice linguistique\r\n                                et culturelle\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n        MATERNELLE\r\n        ================================================== -->\r\n\r\n        <section class=\"tmt-team-group\">\r\n\r\n            <button\r\n                class=\"tmt-team-group__header\"\r\n                type=\"button\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <div class=\"tmt-team-group__title\">\r\n\r\n                    <span>03<\/span>\r\n\r\n                    <div>\r\n                        <small>Premier cycle<\/small>\r\n                        <h3>\u00c9quipe enseignante \u2014 Maternelle<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"tmt-team-group__toggle\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"tmt-team-group__body\">\r\n\r\n                <div class=\"tmt-person-grid\">\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Miarina Tsongainy Mendrika\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante PS \/ MS\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Alzina Maria Njanahary Z\u00e0z\u00e0\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante GS\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n        \u00c9L\u00c9MENTAIRE\r\n        ================================================== -->\r\n\r\n        <section class=\"tmt-team-group\">\r\n\r\n            <button\r\n                class=\"tmt-team-group__header\"\r\n                type=\"button\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <div class=\"tmt-team-group__title\">\r\n\r\n                    <span>04<\/span>\r\n\r\n                    <div>\r\n                        <small>Cycle \u00e9l\u00e9mentaire<\/small>\r\n                        <h3>\u00c9quipe enseignante \u2014 \u00c9l\u00e9mentaire<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"tmt-team-group__toggle\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"tmt-team-group__body\">\r\n\r\n                <div class=\"tmt-person-grid\">\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Harinantenaina Rindrantsoa Mamitiana\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante CP\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Rakotovao Haingoniaina Dinaharinoro\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante CE1\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Rakotomangarinalina Salohy\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante CE2\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Andriantseheno Manitra Tsilavina Vandah\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante CM1\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n\r\n                        <div class=\"tmt-person-card__index\">\r\n                            05\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <h4>\r\n                                Mme Randriamiadana Ny Miantso Juldari\r\n                            <\/h4>\r\n\r\n                            <p>\r\n                                Enseignante CM2\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n        SECONDAIRE\r\n        ================================================== -->\r\n\r\n        <section class=\"tmt-team-group\">\r\n\r\n            <button\r\n                class=\"tmt-team-group__header\"\r\n                type=\"button\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <div class=\"tmt-team-group__title\">\r\n\r\n                    <span>05<\/span>\r\n\r\n                    <div>\r\n                        <small>Coll\u00e8ge & Lyc\u00e9e<\/small>\r\n                        <h3>\u00c9quipe enseignante \u2014 Secondaire<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"tmt-team-group__toggle\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"tmt-team-group__body\">\r\n\r\n                <div class=\"tmt-person-grid\">\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">01<\/div>\r\n                        <div>\r\n                            <h4>M. Raharison Irisoa<\/h4>\r\n                            <p>Enseignant de fran\u00e7ais<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">02<\/div>\r\n                        <div>\r\n                            <h4>Mme Randrianarimanana Hantaniaina Julie<\/h4>\r\n                            <p>Enseignante de fran\u00e7ais<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">03<\/div>\r\n                        <div>\r\n                            <h4>Mme Randriamanarivo Olga Fernande<\/h4>\r\n                            <p>Enseignante de Fran\u00e7ais Langue \u00c9trang\u00e8re (FLE)<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">04<\/div>\r\n                        <div>\r\n                            <h4>M. Randriamanantena Sim\u00e9on Elys\u00e9e<\/h4>\r\n                            <p>Enseignant d\u2019anglais<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">07<\/div>\r\n                        <div>\r\n                            <h4>Mme Zhang Shu Yuan<\/h4>\r\n                            <p>Enseignante de mandarin<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">08<\/div>\r\n                        <div>\r\n                            <h4>Mme Rasamisoa Mamy Ny Aina<\/h4>\r\n                            <p>Enseignante d\u2019allemand<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">05<\/div>\r\n                        <div>\r\n                            <h4>Mme Rakotoarisoa Narindra Prisca<\/h4>\r\n                            <p>Enseignante d\u2019espagnol<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">06<\/div>\r\n                        <div>\r\n                            <h4>M. Andriantsimiangy Santamirindra Heriniaina<\/h4>\r\n                            <p>Enseignant de malgache<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">09<\/div>\r\n                        <div>\r\n                            <h4>M. Ratsimbazafy Hilarion Marie Michel<\/h4>\r\n                            <p>Enseignant de math\u00e9matiques<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">10<\/div>\r\n                        <div>\r\n                            <h4>M. Rafeno Thierry Dominique<\/h4>\r\n                            <p>Enseignant de math\u00e9matiques<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">11<\/div>\r\n                        <div>\r\n                            <h4>M. Razafiarison Andrianavalona Marc Andr\u00e9<\/h4>\r\n                            <p>Enseignant de technologie<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">12<\/div>\r\n                        <div>\r\n                            <h4>M. Fanoenintsoa Princy Adolphe<\/h4>\r\n                            <p>Enseignant de Sciences de la Vie et de la Terre (SVT)<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">13<\/div>\r\n                        <div>\r\n                            <h4>M. Andriabarinely Ronaldo Tchesman<\/h4>\r\n                            <p>Enseignant de physique-chimie<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">14<\/div>\r\n                        <div>\r\n                            <h4>M. Rabetokotany Njara Tsiory Lalatiana<\/h4>\r\n                            <p>Enseignant d\u2019histoire-g\u00e9ographie \u2014 EMC<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">15<\/div>\r\n                        <div>\r\n                            <h4>M. Rafeno Thierry Dominique<\/h4>\r\n                            <p>Enseignant de sciences \u00e9conomiques et sociales<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">16<\/div>\r\n                        <div>\r\n                            <h4>Mme Randriambololona Evah Jemima<\/h4>\r\n                            <p>Enseignante d\u2019arts plastiques<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">17<\/div>\r\n                        <div>\r\n                            <h4>M. Ratsizafy Asi Christian Muguel<\/h4>\r\n                            <p>Enseignant d\u2019\u00e9ducation physique et sportive<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">18<\/div>\r\n                        <div>\r\n                            <h4>Ramiliari\u00admanana Antsa Mamenontsoa Sarobidy<\/h4>\r\n                            <p>Enseignante d\u2019\u00e9ducation physique et sportive<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"tmt-person-card\">\r\n                        <div class=\"tmt-person-card__index\">19<\/div>\r\n                        <div>\r\n                            <h4>M. Fanoenintsoa Princy Adolphe<\/h4>\r\n                            <p>Enseignant de musique<\/p>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVARIABLES\r\n========================================================= *\/\r\n\r\n.tmt-team {\r\n\r\n    --navy: #071B3D;\r\n    --navy-deep: #031127;\r\n    --navy-soft: #123765;\r\n\r\n    --gold: #C99A42;\r\n    --gold-light: #E7C77D;\r\n\r\n    --cream: #F7F4ED;\r\n    --white: #FFFFFF;\r\n\r\n    --text: #17243A;\r\n    --muted: #768197;\r\n\r\n    --line: rgba(7, 27, 61, .12);\r\n\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 5%,\r\n            rgba(201,154,66,.08),\r\n            transparent 26%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #ffffff 0%,\r\n            #faf8f3 55%,\r\n            #ffffff 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n\r\n    padding:\r\n        clamp(78px, 8vw, 128px)\r\n        0\r\n        clamp(90px, 9vw, 145px);\r\n\r\n}\r\n\r\n\r\n.tmt-team,\r\n.tmt-team * {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nINTRO\r\n========================================================= *\/\r\n\r\n.tmt-team__intro,\r\n.tmt-team__leadership,\r\n.tmt-team__directory {\r\n\r\n    width:\r\n        min(\r\n            1440px,\r\n            calc(100% - clamp(38px, 7vw, 120px))\r\n        );\r\n\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n\r\n}\r\n\r\n\r\n.tmt-team__eyebrow {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 17px;\r\n\r\n    margin-bottom: 36px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .22em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.tmt-team__eyebrow span {\r\n\r\n    color: var(--navy);\r\n\r\n}\r\n\r\n\r\n.tmt-team__eyebrow i {\r\n\r\n    width: 54px;\r\n    height: 1px;\r\n\r\n    background: var(--gold);\r\n\r\n}\r\n\r\n\r\n.tmt-team__intro-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.35fr)\r\n        minmax(320px, .65fr);\r\n\r\n    gap: clamp(50px, 8vw, 120px);\r\n\r\n    align-items: end;\r\n\r\n}\r\n\r\n\r\n.tmt-team__intro h2 {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 880px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(48px, 6.1vw, 92px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -.045em;\r\n\r\n}\r\n\r\n\r\n.tmt-team__intro h2 span {\r\n\r\n    display: block;\r\n\r\n    color: var(--gold);\r\n\r\n    font-style: italic;\r\n\r\n}\r\n\r\n\r\n.tmt-team__intro-right {\r\n\r\n    padding-bottom: 7px;\r\n\r\n}\r\n\r\n\r\n.tmt-team__intro-right p {\r\n\r\n    margin: 0 0 26px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n}\r\n\r\n\r\n.tmt-team__values {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .14em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.tmt-team__values i {\r\n\r\n    width: 40px;\r\n    height: 1px;\r\n\r\n    background: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDIRECTION\r\n========================================================= *\/\r\n\r\n.tmt-team__leadership {\r\n\r\n    margin-top:\r\n        clamp(75px, 9vw, 135px);\r\n\r\n}\r\n\r\n\r\n.tmt-team__section-heading {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        65px\r\n        minmax(260px, 1fr)\r\n        minmax(320px, .8fr);\r\n\r\n    gap: 26px;\r\n\r\n    align-items: end;\r\n\r\n    padding-bottom: 30px;\r\n\r\n    border-bottom:\r\n        1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.tmt-team__section-heading > span {\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 34px;\r\n\r\n}\r\n\r\n\r\n.tmt-team__section-heading small {\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .19em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.tmt-team__section-heading h3 {\r\n\r\n    margin: 7px 0 0;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(30px, 3vw, 47px);\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.tmt-team__section-heading p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n.tmt-team__leadership-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n    gap: clamp(18px, 2vw, 31px);\r\n\r\n    margin-top: 38px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLEADERSHIP CARD\r\n========================================================= *\/\r\n\r\n.tmt-leader-card {\r\n\r\n    position: relative;\r\n\r\n    background: var(--white);\r\n\r\n    border:\r\n        1px solid rgba(7,27,61,.10);\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(7,27,61,.07);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .5s cubic-bezier(.2,.75,.25,1),\r\n        box-shadow .5s ease;\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card:hover {\r\n\r\n    transform:\r\n        translateY(-10px);\r\n\r\n    box-shadow:\r\n        0 30px 80px rgba(7,27,61,.13);\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__photo {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 4 \/ 5;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--navy),\r\n            #102F5D\r\n        );\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__photo img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        center top;\r\n\r\n    filter:\r\n        saturate(.9)\r\n        contrast(1.02);\r\n\r\n    transition:\r\n        transform .8s ease;\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card:hover img {\r\n\r\n    transform: scale(1.045);\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__photo::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 58%,\r\n            rgba(3,17,39,.28)\r\n        );\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__fallback {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color:\r\n        rgba(231,199,125,.88);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(75px, 7vw, 118px);\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__number {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    top: 20px;\r\n    left: 20px;\r\n\r\n    min-width: 46px;\r\n\r\n    padding:\r\n        9px 10px;\r\n\r\n    background:\r\n        rgba(7,27,61,.88);\r\n\r\n    color: var(--gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    text-align: center;\r\n\r\n    backdrop-filter: blur(8px);\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__content {\r\n\r\n    min-height: 168px;\r\n\r\n    padding:\r\n        27px\r\n        27px\r\n        29px;\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__content span {\r\n\r\n    display: block;\r\n\r\n    min-height: 30px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__content h4 {\r\n\r\n    margin:\r\n        11px 0 21px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(25px, 2vw, 34px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.04;\r\n\r\n}\r\n\r\n\r\n.tmt-leader-card__line {\r\n\r\n    width: 42px;\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDIRECTORY\r\n========================================================= *\/\r\n\r\n.tmt-team__directory {\r\n\r\n    margin-top:\r\n        clamp(85px, 10vw, 145px);\r\n\r\n}\r\n\r\n\r\n.tmt-team-group {\r\n\r\n    border-top:\r\n        1px solid rgba(7,27,61,.15);\r\n\r\n}\r\n\r\n\r\n.tmt-team-group:last-child {\r\n\r\n    border-bottom:\r\n        1px solid rgba(7,27,61,.15);\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__header {\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n    padding:\r\n        31px 3px;\r\n\r\n    border: 0;\r\n\r\n    background: transparent !important;\r\n\r\n    color: inherit;\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: left;\r\n\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n\r\n}\r\n\r\n\/* Neutralise les styles globaux Elementor \/ th\u00e8me sur les boutons\r\n   apr\u00e8s clic, focus ou ouverture de l'accord\u00e9on. *\/\r\n.tmt-team-group__header:hover,\r\n.tmt-team-group__header:focus,\r\n.tmt-team-group__header:focus-visible,\r\n.tmt-team-group__header:active,\r\n.tmt-team-group__header.is-open,\r\n.tmt-team-group__header[aria-expanded=\"true\"] {\r\n\r\n    background: transparent !important;\r\n    color: inherit !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__title {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap:\r\n        clamp(20px, 3vw, 44px);\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__title > span {\r\n\r\n    min-width: 42px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 27px;\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__title small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .17em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__title h3 {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(26px, 2.6vw, 41px);\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__toggle {\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    flex: 0 0 43px;\r\n\r\n    border:\r\n        1px solid rgba(201,154,66,.48);\r\n\r\n    color: var(--gold);\r\n\r\n    font-size: 24px;\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__header:hover\r\n.tmt-team-group__toggle {\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    border-color:\r\n        var(--navy);\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACCORDION BODY\r\n========================================================= *\/\r\n\r\n.tmt-team-group__body {\r\n\r\n    max-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        max-height .85s cubic-bezier(.2,.75,.25,1),\r\n        opacity .45s ease,\r\n        padding .6s ease;\r\n\r\n}\r\n\r\n\r\n.tmt-team-group__body.is-open {\r\n\r\n    max-height: 3000px;\r\n\r\n    opacity: 1;\r\n\r\n    padding:\r\n        5px 0 45px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPERSON CARDS\r\n========================================================= *\/\r\n\r\n.tmt-person-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 1px;\r\n\r\n    \/* Pas de fond global : \u00e9vite toute \"case vide\" grise\r\n       lorsque la derni\u00e8re ligne contient moins de 3 membres. *\/\r\n    background: transparent;\r\n\r\n    border: 0;\r\n\r\n}\r\n\r\n\r\n.tmt-person-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 155px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        42px\r\n        minmax(0,1fr);\r\n\r\n    gap: 20px;\r\n\r\n    align-items: start;\r\n\r\n    padding:\r\n        29px 27px;\r\n\r\n    background:\r\n        rgba(255,255,255,.98);\r\n\r\n    border:\r\n        1px solid rgba(7,27,61,.09);\r\n\r\n    transition:\r\n        background .35s ease;\r\n\r\n}\r\n\r\n\r\n.tmt-person-card:hover {\r\n\r\n    background:\r\n        #FAF7F0;\r\n\r\n}\r\n\r\n\r\n.tmt-person-card__index {\r\n\r\n    padding-top: 3px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n.tmt-person-card h4 {\r\n\r\n    margin:\r\n        0 0 11px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(20px, 1.7vw, 27px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.15;\r\n\r\n}\r\n\r\n\r\n.tmt-person-card p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\nGRILLE DYNAMIQUE \u2014 AUCUNE CASE VIDE VISIBLE\r\n========================================================= *\/\r\n\r\n\/* Une seule personne : une seule carte, sans faux emplacement. *\/\r\n.tmt-person-grid:has(> .tmt-person-card:only-child) {\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr);\r\n\r\n}\r\n\r\n\/* Exactement deux personnes : deux colonnes \u00e9quilibr\u00e9es. *\/\r\n.tmt-person-grid:has(> .tmt-person-card:first-child:nth-last-child(2)) {\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n}\r\n\r\n\/* =========================================================\r\nTABLETTE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 1100px) {\r\n\r\n    .tmt-team__intro-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 35px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__intro-right {\r\n\r\n        max-width: 700px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__leadership-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0,1fr));\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__section-heading {\r\n\r\n        grid-template-columns:\r\n            50px 1fr;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__section-heading p {\r\n\r\n        grid-column:\r\n            2 \/ 3;\r\n\r\n        max-width: 650px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-person-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0,1fr));\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 680px) {\r\n\r\n    .tmt-team {\r\n\r\n        padding:\r\n            65px 0\r\n            85px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__intro,\r\n    .tmt-team__leadership,\r\n    .tmt-team__directory {\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__eyebrow {\r\n\r\n        margin-bottom: 27px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__intro h2 {\r\n\r\n        font-size:\r\n            clamp(42px, 13.3vw, 63px);\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__leadership {\r\n\r\n        margin-top: 72px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__section-heading {\r\n\r\n        grid-template-columns:\r\n            40px 1fr;\r\n\r\n        gap: 18px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__section-heading p {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        padding-left:\r\n            58px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__leadership-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 25px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-leader-card__photo {\r\n\r\n        aspect-ratio:\r\n            1 \/ 1.1;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team__directory {\r\n\r\n        margin-top: 85px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team-group__header {\r\n\r\n        padding:\r\n            25px 0;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team-group__title {\r\n\r\n        gap: 15px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team-group__title h3 {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-team-group__toggle {\r\n\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        flex-basis: 38px;\r\n\r\n    }\r\n\r\n\r\n    .tmt-person-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n\r\n    .tmt-person-card {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            23px 20px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector(\r\n            \".tmt-team\"\r\n        );\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const headers =\r\n        section.querySelectorAll(\r\n            \".tmt-team-group__header\"\r\n        );\r\n\r\n\r\n    headers.forEach(function (header) {\r\n\r\n        header.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                const group =\r\n                    header.closest(\r\n                        \".tmt-team-group\"\r\n                    );\r\n\r\n                const body =\r\n                    group.querySelector(\r\n                        \".tmt-team-group__body\"\r\n                    );\r\n\r\n                const toggle =\r\n                    header.querySelector(\r\n                        \".tmt-team-group__toggle\"\r\n                    );\r\n\r\n                const isOpen =\r\n                    body.classList.contains(\r\n                        \"is-open\"\r\n                    );\r\n\r\n\r\n                body.classList.toggle(\r\n                    \"is-open\",\r\n                    !isOpen\r\n                );\r\n\r\n                header.classList.toggle(\r\n                    \"is-open\",\r\n                    !isOpen\r\n                );\r\n\r\n                header.setAttribute(\r\n                    \"aria-expanded\",\r\n                    String(!isOpen)\r\n                );\r\n\r\n                toggle.textContent =\r\n                    isOpen\r\n                        ? \"+\"\r\n                        : \"\u2212\";\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a99c642 e-con-full e-flex e-con e-parent\" data-id=\"a99c642\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76cb9c5 elementor-widget elementor-widget-html\" data-id=\"76cb9c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nINSTITUT TOMETAL \u2014 NOUS TROUVER\r\nPREMIUM LOCATION EXPERIENCE\r\nHTML5 + CSS MODERNE + JAVASCRIPT + GSAP\r\n\r\nDestination :\r\n-18.944919, 47.438036\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"tmt-find\"\r\n    id=\"nous-trouver\"\r\n    data-tmt-find\r\n>\r\n\r\n    <!-- =====================================================\r\n    D\u00c9CORATIONS\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"tmt-find__glow tmt-find__glow--one\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n    <div\r\n        class=\"tmt-find__glow tmt-find__glow--two\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n    <div\r\n        class=\"tmt-find__ring\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    CONTENU PRINCIPAL\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-find__main\">\r\n\r\n\r\n        <!-- =================================================\r\n        COLONNE GAUCHE\r\n        ================================================== -->\r\n\r\n        <div class=\"tmt-find__content\">\r\n\r\n\r\n            <!-- EYEBROW -->\r\n\r\n            <div class=\"tmt-find__eyebrow\">\r\n\r\n                <span>05<\/span>\r\n\r\n                <i><\/i>\r\n\r\n                <strong>\r\n                    Nous trouver\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TITRE -->\r\n\r\n            <div class=\"tmt-find__title-mask\">\r\n\r\n                <h2 class=\"tmt-find__title\">\r\n\r\n                    <span class=\"tmt-find__title-white\">\r\n                        Votre chemin\r\n                    <\/span>\r\n\r\n                    <span class=\"tmt-find__title-gold\">\r\n                        vers l\u2019Institut Tometal\r\n                    <\/span>\r\n\r\n                    <span class=\"tmt-find__title-white\">\r\n                        commence ici.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tmt-find__title-line\">\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- INTRO -->\r\n\r\n            <p class=\"tmt-find__intro\">\r\n\r\n                <strong>\r\n                    Situ\u00e9 \u00e0 Firavahana, Fenoarivo,\r\n                <\/strong>\r\n\r\n                l\u2019Institut Tometal vous accueille\r\n                dans un environnement moderne et pens\u00e9\r\n                pour l\u2019apprentissage, l\u2019\u00e9panouissement\r\n                et la r\u00e9ussite de chaque \u00e9l\u00e8ve.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n            ADRESSE\r\n            ================================================== -->\r\n\r\n            <article class=\"tmt-find__address\">\r\n\r\n                <div class=\"tmt-find__address-icon\">\r\n\r\n                    <div class=\"tmt-find__address-ring\"><\/div>\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M12 21s7-6.2 7-13A7 7 0 1 0 5 8c0 6.8 7 13 7 13Z\"\r\n                        ><\/path>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"8\"\r\n                            r=\"2.5\"\r\n                        ><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tmt-find__address-divider\"><\/div>\r\n\r\n\r\n                <div class=\"tmt-find__address-copy\">\r\n\r\n                    <span>\r\n                        Institut Tometal\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Firavahana, Fenoarivo\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Antananarivo \u00b7 Madagascar\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n            BOUTONS\r\n            ================================================== -->\r\n\r\n            <div class=\"tmt-find__actions\">\r\n\r\n\r\n                <!-- ITIN\u00c9RAIRE -->\r\n\r\n                <button\r\n                    class=\"tmt-find__route\"\r\n                    type=\"button\"\r\n                    data-tmt-route\r\n                >\r\n\r\n                    <span class=\"tmt-find__route-icon\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M21 3 9.7 14.3\"><\/path>\r\n                            <path d=\"M21 3 14 21l-4.3-6.7L3 10 21 3Z\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"tmt-find__route-copy\">\r\n\r\n                        <small>\r\n                            Depuis votre position\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            D\u00e9marrer l\u2019itin\u00e9raire\r\n                        <\/strong>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"tmt-find__route-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <!-- GOOGLE MAPS -->\r\n\r\n                <a\r\n                    class=\"tmt-find__maps\"\r\n                    href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-18.944919,47.438036\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n\r\n                    <span class=\"tmt-find__maps-icon\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"m3 6 5-3 8 3 5-3v15l-5 3-8-3-5 3V6Z\"><\/path>\r\n                            <path d=\"M8 3v15\"><\/path>\r\n                            <path d=\"M16 6v15\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"tmt-find__maps-copy\">\r\n\r\n                        <small>\r\n                            Voir sur\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Google Maps\r\n                        <\/strong>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"tmt-find__external\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STATUS GEOLOCALISATION -->\r\n\r\n            <div\r\n                class=\"tmt-find__status\"\r\n                data-tmt-status\r\n                aria-live=\"polite\"\r\n            ><\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            4 AVANTAGES\r\n            ================================================== -->\r\n\r\n            <div class=\"tmt-find__benefits\">\r\n\r\n\r\n                <!-- 1 -->\r\n\r\n                <article class=\"tmt-find__benefit\">\r\n\r\n                    <div class=\"tmt-find__benefit-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3 4 6v5c0 5 3.4 8.3 8 10 4.6-1.7 8-5 8-10V6Z\"><\/path>\r\n                            <path d=\"m8.5 12 2.2 2.2 4.8-5.2\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Acc\u00e8s facile\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Lancez votre trajet directement\r\n                            depuis votre position.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 2 -->\r\n\r\n                <article class=\"tmt-find__benefit\">\r\n\r\n                    <div class=\"tmt-find__benefit-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect\r\n                                x=\"5\"\r\n                                y=\"3\"\r\n                                width=\"14\"\r\n                                height=\"16\"\r\n                                rx=\"3\"\r\n                            ><\/rect>\r\n\r\n                            <path d=\"M7 14h10\"><\/path>\r\n                            <path d=\"M8 7h8\"><\/path>\r\n\r\n                            <circle cx=\"8\" cy=\"20\" r=\"1\"><\/circle>\r\n                            <circle cx=\"16\" cy=\"20\" r=\"1\"><\/circle>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Transport\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Google Maps propose les options\r\n                            adapt\u00e9es \u00e0 votre trajet.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 3 -->\r\n\r\n                <article class=\"tmt-find__benefit\">\r\n\r\n                    <div class=\"tmt-find__benefit-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"2.5\"><\/circle>\r\n                            <path d=\"M12 2v3\"><\/path>\r\n                            <path d=\"M12 19v3\"><\/path>\r\n                            <path d=\"M2 12h3\"><\/path>\r\n                            <path d=\"M19 12h3\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Destination pr\u00e9cise\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Acc\u00e9dez directement au point\r\n                            de localisation de l\u2019Institut.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 4 -->\r\n\r\n                <article class=\"tmt-find__benefit\">\r\n\r\n                    <div class=\"tmt-find__benefit-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                            <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\r\n                            <path d=\"M3 20c0-4 2.5-7 6-7s6 3 6 7\"><\/path>\r\n                            <path d=\"M15 14c3 0 5 2.2 5 5\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            \u00c0 Fenoarivo\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Retrouvez facilement\r\n                            l\u2019Institut Tometal.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            TRAJET\r\n            ================================================== -->\r\n\r\n            <div class=\"tmt-find__trip\">\r\n\r\n\r\n                <!-- ORIGINE -->\r\n\r\n                <article class=\"tmt-find__trip-item\">\r\n\r\n                    <div class=\"tmt-find__trip-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                            <path d=\"M12 2v3\"><\/path>\r\n                            <path d=\"M12 19v3\"><\/path>\r\n                            <path d=\"M2 12h3\"><\/path>\r\n                            <path d=\"M19 12h3\"><\/path>\r\n                            <path d=\"m9 15 6-6\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Point de d\u00e9part\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            Votre position\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <i class=\"tmt-find__trip-separator\"><\/i>\r\n\r\n\r\n                <!-- ITIN\u00c9RAIRE -->\r\n\r\n                <article class=\"tmt-find__trip-item\">\r\n\r\n                    <div class=\"tmt-find__trip-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"5\" cy=\"18\" r=\"2\"><\/circle>\r\n                            <circle cx=\"19\" cy=\"6\" r=\"2\"><\/circle>\r\n                            <path d=\"M7 18c7 0 3-10 10-10\"><\/path>\r\n                            <path d=\"m14 5 3 3-3 3\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Itin\u00e9raire\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            Calcul\u00e9 par Google Maps\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <i class=\"tmt-find__trip-separator\"><\/i>\r\n\r\n\r\n                <!-- DESTINATION -->\r\n\r\n                <article class=\"tmt-find__trip-item\">\r\n\r\n                    <div class=\"tmt-find__trip-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21s7-6.2 7-13A7 7 0 1 0 5 8c0 6.8 7 13 7 13Z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Destination\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            Institut Tometal\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n        COLONNE DROITE\r\n        ================================================== -->\r\n\r\n        <div class=\"tmt-find__visual\">\r\n\r\n\r\n            <!-- =================================================\r\n            CARTE\r\n            ================================================== -->\r\n\r\n            <div class=\"tmt-find__map-shell\">\r\n\r\n\r\n                <iframe\r\n                    class=\"tmt-find__map\"\r\n                    title=\"Localisation de l\u2019Institut Tometal\"\r\n                    src=\"https:\/\/www.google.com\/maps?q=-18.944919,47.438036&z=15&output=embed\"\r\n                    loading=\"lazy\"\r\n                    allowfullscreen\r\n                    referrerpolicy=\"no-referrer-when-downgrade\"\r\n                ><\/iframe>\r\n\r\n\r\n                <!-- VIGNETTE -->\r\n\r\n                <div\r\n                    class=\"tmt-find__map-vignette\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n\r\n                <!-- TOP LEFT -->\r\n\r\n                <div class=\"tmt-find__map-label\">\r\n\r\n                    <span class=\"tmt-find__map-label-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21s7-6.2 7-13A7 7 0 1 0 5 8c0 6.8 7 13 7 13Z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            Localisation\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Institut Tometal\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- COORDINATES -->\r\n\r\n                <div class=\"tmt-find__coordinates\">\r\n\r\n                    <span>\r\n                        18\u00b056\u2032 S\r\n                    <\/span>\r\n\r\n                    <i><\/i>\r\n\r\n                    <span>\r\n                        47\u00b026\u2032 E\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FLOATING DESTINATION CARD -->\r\n\r\n                <div class=\"tmt-find__destination\">\r\n\r\n                    <span class=\"tmt-find__destination-dot\"><\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            Institut Tometal\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Firavahana, Fenoarivo\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Antananarivo \u00b7 Madagascar\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            VISITE\r\n            ================================================== -->\r\n\r\n            <article class=\"tmt-find__visit\">\r\n\r\n\r\n                <!-- PHOTO EXACTEMENT FOURNIE PAR TOI -->\r\n\r\n                <div class=\"tmt-find__visit-photo\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"http:\/\/net-temporaire.institut-tometal.com\/wp-content\/uploads\/2026\/07\/batiments-s.png\"\r\n                        alt=\"Entr\u00e9e et b\u00e2timents de l\u2019Institut Tometal\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"tmt-find__visit-photo-overlay\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CONTENU -->\r\n\r\n                <div class=\"tmt-find__visit-content\">\r\n\r\n                    <span class=\"tmt-find__visit-eyebrow\">\r\n                        Venez nous rendre visite\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        D\u00e9couvrez l\u2019Institut Tometal\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Nous serons ravis de vous accueillir\r\n                        et de vous faire d\u00e9couvrir\r\n                        notre \u00e9tablissement.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"tmt-find__visit-line\"><\/div>\r\n\r\n\r\n                    <a\r\n                        class=\"tmt-find__visit-action\"\r\n                        href=\"#nous-contacter\"\r\n                    >\r\n\r\n                        <span class=\"tmt-find__calendar\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <rect\r\n                                    x=\"3\"\r\n                                    y=\"5\"\r\n                                    width=\"18\"\r\n                                    height=\"16\"\r\n                                    rx=\"2\"\r\n                                ><\/rect>\r\n\r\n                                <path d=\"M7 3v4\"><\/path>\r\n                                <path d=\"M17 3v4\"><\/path>\r\n                                <path d=\"M3 10h18\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n\r\n                        <span>\r\n\r\n                            <strong>\r\n                                Visite sur rendez-vous\r\n                            <\/strong>\r\n\r\n                            <small>\r\n                                Contactez-nous pour planifier votre visite.\r\n                            <\/small>\r\n\r\n                        <\/span>\r\n\r\n\r\n                        <b>\r\n                            \u2192\r\n                        <\/b>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    BARRE INF\u00c9RIEURE\r\n    ====================================================== -->\r\n\r\n    <div class=\"tmt-find__bottom\">\r\n\r\n        <div class=\"tmt-find__bottom-info\">\r\n\r\n            <span class=\"tmt-find__bottom-pin\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 21s7-6.2 7-13A7 7 0 1 0 5 8c0 6.8 7 13 7 13Z\"><\/path>\r\n                    <circle cx=\"12\" cy=\"8\" r=\"2.5\"><\/circle>\r\n                <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <p>\r\n                Autorisez votre localisation pour obtenir\r\n                l\u2019itin\u00e9raire depuis votre position actuelle.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"tmt-find__signature\">\r\n\r\n            Votre avenir commence \u00e0\r\n            <strong>\r\n                l\u2019Institut Tometal.\r\n            <\/strong>\r\n\r\n            <span>\r\n                \u2726\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nVARIABLES\r\n========================================================= *\/\r\n\r\n.tmt-find {\r\n\r\n    --find-navy-0: #010914;\r\n    --find-navy-1: #021126;\r\n    --find-navy-2: #061b3b;\r\n    --find-navy-3: #0b2852;\r\n\r\n    --find-gold: #c99a42;\r\n    --find-gold-light: #efc65e;\r\n    --find-gold-soft: #e6bc63;\r\n\r\n    --find-white: #ffffff;\r\n\r\n    --find-border:\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .46\r\n        );\r\n\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    left: 50%;\r\n\r\n    margin-left: -50vw;\r\n\r\n    padding:\r\n        clamp(\r\n            55px,\r\n            5vw,\r\n            90px\r\n        )\r\n        clamp(\r\n            25px,\r\n            4vw,\r\n            72px\r\n        )\r\n        28px;\r\n\r\n    overflow: hidden;\r\n\r\n    color:\r\n        var(--find-white);\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 17% 12%,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .055\r\n            ),\r\n            transparent 27%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 91% 18%,\r\n            rgba(\r\n                35,\r\n                89,\r\n                165,\r\n                .12\r\n            ),\r\n            transparent 32%\r\n        ),\r\n\r\n        linear-gradient(\r\n            120deg,\r\n            #010914 0%,\r\n            #03142d 46%,\r\n            #061d40 100%\r\n        );\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n.tmt-find,\r\n.tmt-find * {\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.tmt-find h2,\r\n.tmt-find h3,\r\n.tmt-find p {\r\n\r\n    margin-top: 0;\r\n}\r\n\r\n\r\n.tmt-find svg {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nAMBIANCE\r\n========================================================= *\/\r\n\r\n.tmt-find__glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter:\r\n        blur(120px);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n}\r\n\r\n\r\n.tmt-find__glow--one {\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    left: 12%;\r\n    top: -330px;\r\n\r\n    background:\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__glow--two {\r\n\r\n    width: 650px;\r\n    height: 650px;\r\n\r\n    right: -330px;\r\n    bottom: -350px;\r\n\r\n    background:\r\n        rgba(\r\n            30,\r\n            83,\r\n            165,\r\n            .13\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__ring {\r\n\r\n    position: absolute;\r\n\r\n    left: 35%;\r\n    top: 4%;\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .04\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAIN GRID\r\n========================================================= *\/\r\n\r\n.tmt-find__main {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n    max-width: 1820px;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(\r\n            0,\r\n            .96fr\r\n        )\r\n        minmax(\r\n            570px,\r\n            1.04fr\r\n        );\r\n\r\n    align-items: start;\r\n\r\n    gap:\r\n        clamp(\r\n            48px,\r\n            5vw,\r\n            92px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nEYEBROW\r\n========================================================= *\/\r\n\r\n.tmt-find__eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .25em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__eyebrow > span {\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n.tmt-find__eyebrow i {\r\n\r\n    width: 75px;\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--find-gold-light),\r\n            var(--find-gold)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTITLE\r\n========================================================= *\/\r\n\r\n.tmt-find__title-mask {\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.tmt-find__title {\r\n\r\n    margin-bottom: 0;\r\n\r\n    max-width: 800px;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            48px,\r\n            4.2vw,\r\n            80px\r\n        );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -.045em;\r\n}\r\n\r\n\r\n.tmt-find__title > span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.tmt-find__title-gold {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    margin:\r\n        5px 0;\r\n}\r\n\r\n\r\n.tmt-find__title-white {\r\n\r\n    \/*\r\n    IMPORTANT :\r\n    on FORCE le blanc.\r\n    Elementor ne pourra pas h\u00e9riter\r\n    d'une couleur sombre ici.\r\n    *\/\r\n\r\n    color:\r\n        #ffffff !important;\r\n}\r\n\r\n\r\n.tmt-find__title-line {\r\n\r\n    width: 73px;\r\n    height: 2px;\r\n\r\n    margin:\r\n        28px 0 23px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__title-line span {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--find-gold-light),\r\n            var(--find-gold)\r\n        );\r\n\r\n    transform-origin:\r\n        left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nINTRO\r\n========================================================= *\/\r\n\r\n.tmt-find__intro {\r\n\r\n    max-width: 690px;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .72\r\n        ) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            13px,\r\n            1vw,\r\n            15px\r\n        );\r\n\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n.tmt-find__intro strong {\r\n\r\n    \/*\r\n    TA MODIFICATION :\r\n    \"Situ\u00e9 \u00e0 Firavahana, Fenoarivo\"\r\n    en BLANC.\r\n    *\/\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nADDRESS\r\n========================================================= *\/\r\n\r\n.tmt-find__address {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n    min-height: 115px;\r\n\r\n    padding:\r\n        19px\r\n        23px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .30\r\n        );\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .055\r\n            ),\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .01\r\n            )\r\n        );\r\n\r\n    box-shadow:\r\n        inset\r\n        0 1px 0\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .035\r\n        ),\r\n        0 16px 45px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            .15\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n}\r\n\r\n\r\n.tmt-find__address-icon {\r\n\r\n    position: relative;\r\n\r\n    flex:\r\n        0 0\r\n        70px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            239,\r\n            198,\r\n            94,\r\n            .55\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .15\r\n            ),\r\n            transparent 67%\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__address-icon svg {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.65;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.tmt-find__address-ring {\r\n\r\n    position: absolute;\r\n\r\n    inset: 9px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            239,\r\n            198,\r\n            94,\r\n            .15\r\n        );\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.tmt-find__address-divider {\r\n\r\n    width: 1px;\r\n    height: 65px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            transparent,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .55\r\n            ),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__address-copy > span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .20em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__address-copy h3 {\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            21px,\r\n            1.7vw,\r\n            28px\r\n        );\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n.tmt-find__address-copy p {\r\n\r\n    margin-bottom: 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .64\r\n        ) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACTIONS\r\n========================================================= *\/\r\n\r\n.tmt-find__actions {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.38fr\r\n        .94fr;\r\n\r\n    gap: 15px;\r\n\r\n    margin-bottom: 6px;\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.tmt-find__route {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        38px\r\n        auto\r\n        35px;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    min-height: 82px;\r\n\r\n    padding:\r\n        0 18px;\r\n\r\n    overflow: hidden;\r\n\r\n    color:\r\n        #07172f;\r\n\r\n    background:\r\n        linear-gradient(\r\n            115deg,\r\n            #d39c35,\r\n            #f0c65f 48%,\r\n            #c68b29\r\n        );\r\n\r\n    border: 0;\r\n\r\n    border-radius: 11px;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 16px 45px\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .15\r\n        );\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        ),\r\n        box-shadow .45s ease;\r\n}\r\n\r\n\r\n.tmt-find__route::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -100%;\r\n    left: -45%;\r\n\r\n    width: 28%;\r\n    height: 300%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .43\r\n            ),\r\n            transparent\r\n        );\r\n\r\n    transform:\r\n        rotate(24deg);\r\n\r\n    transition:\r\n        left .8s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__route:hover {\r\n\r\n    transform:\r\n        translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 25px 60px\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .23\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__route:hover::before {\r\n\r\n    left: 135%;\r\n}\r\n\r\n\r\n.tmt-find__route-icon svg {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.tmt-find__route-copy {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n.tmt-find__route-copy small {\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .20em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__route-copy strong {\r\n\r\n    margin-top: 6px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .045em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__route-arrow {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    height: 40px;\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(\r\n            7,\r\n            23,\r\n            47,\r\n            .18\r\n        );\r\n\r\n    font-size: 23px;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.tmt-find__route:hover\r\n.tmt-find__route-arrow {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.tmt-find__maps {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        35px\r\n        auto\r\n        20px;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    min-height: 82px;\r\n\r\n    padding:\r\n        0 18px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .018\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .56\r\n        );\r\n\r\n    border-radius: 11px;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        ),\r\n        border-color .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n\r\n.tmt-find__maps:hover {\r\n\r\n    transform:\r\n        translateY(-5px);\r\n\r\n    border-color:\r\n        var(--find-gold-light);\r\n\r\n    background:\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .065\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__maps-icon {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n}\r\n\r\n\r\n.tmt-find__maps-icon svg {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.55;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.tmt-find__maps-copy {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n}\r\n\r\n\r\n.tmt-find__maps-copy small {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .20em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__maps-copy strong {\r\n\r\n    margin-top: 6px;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .07em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__external {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSTATUS\r\n========================================================= *\/\r\n\r\n.tmt-find__status {\r\n\r\n    min-height: 23px;\r\n\r\n    padding-top: 6px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBENEFITS\r\n========================================================= *\/\r\n\r\n.tmt-find__benefits {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(\r\n                0,\r\n                1fr\r\n            )\r\n        );\r\n\r\n    margin:\r\n        20px 0\r\n        28px;\r\n}\r\n\r\n\r\n.tmt-find__benefit {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 11px;\r\n\r\n    min-width: 0;\r\n\r\n    padding:\r\n        3px\r\n        15px;\r\n}\r\n\r\n\r\n.tmt-find__benefit:first-child {\r\n\r\n    padding-left: 0;\r\n}\r\n\r\n\r\n.tmt-find__benefit + .tmt-find__benefit {\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .25\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__benefit-icon {\r\n\r\n    flex:\r\n        0 0\r\n        29px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n}\r\n\r\n\r\n.tmt-find__benefit-icon svg {\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.tmt-find__benefit strong {\r\n\r\n    display: block;\r\n\r\n    margin:\r\n        3px 0 8px;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .05em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__benefit p {\r\n\r\n    margin-bottom: 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .56\r\n        ) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTRIP\r\n========================================================= *\/\r\n\r\n.tmt-find__trip {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1.25fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 108px;\r\n\r\n    padding:\r\n        16px\r\n        20px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .60\r\n        );\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .025\r\n            ),\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .006\r\n            )\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__trip-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.tmt-find__trip-icon {\r\n\r\n    flex:\r\n        0 0\r\n        48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .25\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .015\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__trip-icon svg {\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.tmt-find__trip-item span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .50\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__trip-item strong {\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.5;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__trip-separator {\r\n\r\n    width: 1px;\r\n    height: 55px;\r\n\r\n    margin:\r\n        0 14px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            transparent,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .43\r\n            ),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nVISUAL\r\n========================================================= *\/\r\n\r\n.tmt-find__visual {\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .60\r\n        );\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        #03142e;\r\n\r\n    box-shadow:\r\n        0 32px 85px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            .30\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAP\r\n========================================================= *\/\r\n\r\n.tmt-find__map-shell {\r\n\r\n    position: relative;\r\n\r\n    height:\r\n        clamp(\r\n            470px,\r\n            53vh,\r\n            605px\r\n        );\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        #04142b;\r\n}\r\n\r\n\r\n.tmt-find__map {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border: 0;\r\n\r\n    filter:\r\n        saturate(.82)\r\n        contrast(1.02)\r\n        brightness(.93);\r\n\r\n    transform:\r\n        scale(1.015);\r\n\r\n    transition:\r\n        transform 1.3s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        ),\r\n        filter .8s ease;\r\n}\r\n\r\n\r\n.tmt-find__map-shell:hover\r\n.tmt-find__map {\r\n\r\n    transform:\r\n        scale(1);\r\n\r\n    filter:\r\n        saturate(.96)\r\n        contrast(1)\r\n        brightness(1);\r\n}\r\n\r\n\r\n.tmt-find__map-vignette {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    box-shadow:\r\n        inset\r\n        0 0 90px\r\n        rgba(\r\n            3,\r\n            17,\r\n            38,\r\n            .38\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMAP LABEL\r\n========================================================= *\/\r\n\r\n.tmt-find__map-label {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: 22px;\r\n    left: 22px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    padding:\r\n        12px\r\n        15px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        rgba(\r\n            2,\r\n            15,\r\n            34,\r\n            .88\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .30\r\n        );\r\n\r\n    border-radius: 7px;\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            .20\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n}\r\n\r\n\r\n.tmt-find__map-label-icon {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n}\r\n\r\n\r\n.tmt-find__map-label-icon svg {\r\n\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.6;\r\n}\r\n\r\n\r\n.tmt-find__map-label small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 6px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .17em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__map-label strong {\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCOORDINATES\r\n========================================================= *\/\r\n\r\n.tmt-find__coordinates {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: 22px;\r\n    right: 22px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        9px\r\n        12px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .75\r\n        );\r\n\r\n    background:\r\n        rgba(\r\n            2,\r\n            15,\r\n            34,\r\n            .84\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .25\r\n        );\r\n\r\n    border-radius: 6px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 600;\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n}\r\n\r\n\r\n.tmt-find__coordinates i {\r\n\r\n    width: 3px;\r\n    height: 3px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--find-gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDESTINATION CARD\r\n========================================================= *\/\r\n\r\n.tmt-find__destination {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 51%;\r\n    bottom: 34px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    min-width: 275px;\r\n\r\n    padding:\r\n        15px\r\n        18px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        rgba(\r\n            2,\r\n            15,\r\n            34,\r\n            .93\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .78\r\n        );\r\n\r\n    border-radius: 8px;\r\n\r\n    box-shadow:\r\n        0 17px 45px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            .28\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n}\r\n\r\n\r\n.tmt-find__destination-dot {\r\n\r\n    position: relative;\r\n\r\n    flex:\r\n        0 0\r\n        14px;\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--find-gold-light);\r\n\r\n    box-shadow:\r\n        0 0 0 7px\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .13\r\n        ),\r\n        0 0 25px\r\n        rgba(\r\n            239,\r\n            198,\r\n            94,\r\n            .70\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__destination-dot::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -11px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            239,\r\n            198,\r\n            94,\r\n            .26\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        tmtDestinationPulse\r\n        2.2s ease-out infinite;\r\n}\r\n\r\n\r\n@keyframes tmtDestinationPulse {\r\n\r\n    0% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(.6);\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            scale(1.7);\r\n    }\r\n\r\n}\r\n\r\n\r\n.tmt-find__destination small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 6px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .18em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__destination strong {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.tmt-find__destination p {\r\n\r\n    margin-bottom: 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .63\r\n        ) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nVISIT\r\n========================================================= *\/\r\n\r\n.tmt-find__visit {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(\r\n            190px,\r\n            .74fr\r\n        )\r\n        minmax(\r\n            0,\r\n            1.26fr\r\n        );\r\n\r\n    gap: 24px;\r\n\r\n    min-height: 215px;\r\n\r\n    margin: 20px;\r\n\r\n    padding: 20px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .35\r\n        );\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .04\r\n            ),\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .009\r\n            )\r\n        );\r\n}\r\n\r\n\r\n\/* EXACT IMAGE URL *\/\r\n\r\n.tmt-find__visit-photo {\r\n\r\n    position: relative;\r\n\r\n    min-height: 175px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n\r\n.tmt-find__visit-photo img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        center center;\r\n\r\n    transition:\r\n        transform 1.2s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__visit:hover\r\n.tmt-find__visit-photo img {\r\n\r\n    transform:\r\n        scale(1.055);\r\n}\r\n\r\n\r\n.tmt-find__visit-photo-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 55%,\r\n            rgba(\r\n                3,\r\n                17,\r\n                38,\r\n                .20\r\n            )\r\n        );\r\n}\r\n\r\n\r\n\/* VISIT CONTENT *\/\r\n\r\n.tmt-find__visit-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n}\r\n\r\n\r\n.tmt-find__visit-eyebrow {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .20em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__visit-content h3 {\r\n\r\n    margin:\r\n        10px 0\r\n        8px;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            22px,\r\n            2vw,\r\n            30px\r\n        );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.1;\r\n}\r\n\r\n\r\n.tmt-find__visit-content > p {\r\n\r\n    max-width: 450px;\r\n\r\n    margin-bottom: 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .66\r\n        ) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n.tmt-find__visit-line {\r\n\r\n    height: 1px;\r\n\r\n    margin:\r\n        16px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .50\r\n            ),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__visit-action {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        35px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        )\r\n        25px;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n.tmt-find__calendar {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n}\r\n\r\n\r\n.tmt-find__calendar svg {\r\n\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.tmt-find__visit-action strong {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.tmt-find__visit-action small {\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .64\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 8px;\r\n}\r\n\r\n\r\n.tmt-find__visit-action b {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-size: 19px;\r\n\r\n    font-weight: 400;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.tmt-find__visit-action:hover b {\r\n\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBOTTOM\r\n========================================================= *\/\r\n\r\n.tmt-find__bottom {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n    max-width: 1820px;\r\n\r\n    min-height: 72px;\r\n\r\n    margin:\r\n        30px auto\r\n        0;\r\n\r\n    padding:\r\n        14px\r\n        22px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .29\r\n        );\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .032\r\n            ),\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .006\r\n            )\r\n        );\r\n}\r\n\r\n\r\n.tmt-find__bottom::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    top: 50%;\r\n\r\n    width: 160px;\r\n    height: 160px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .09\r\n            ),\r\n            transparent 67%\r\n        );\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.tmt-find__bottom-info {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n}\r\n\r\n\r\n.tmt-find__bottom-pin {\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n}\r\n\r\n\r\n.tmt-find__bottom-pin svg {\r\n\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.6;\r\n}\r\n\r\n\r\n.tmt-find__bottom-info p {\r\n\r\n    margin-bottom: 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .69\r\n        ) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n.tmt-find__signature {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    color:\r\n        var(--find-gold-light);\r\n\r\n    font-family:\r\n        \"Segoe Script\",\r\n        \"Brush Script MT\",\r\n        cursive;\r\n\r\n    font-size:\r\n        clamp(\r\n            18px,\r\n            1.7vw,\r\n            29px\r\n        );\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.tmt-find__signature strong {\r\n\r\n    font-weight: inherit;\r\n}\r\n\r\n\r\n.tmt-find__signature > span {\r\n\r\n    margin-left: 15px;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 1200px) {\r\n\r\n    .tmt-find__main {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 55px;\r\n    }\r\n\r\n\r\n    .tmt-find__content {\r\n\r\n        max-width: 920px;\r\n    }\r\n\r\n\r\n    .tmt-find__map-shell {\r\n\r\n        height: 560px;\r\n    }\r\n\r\n\r\n    .tmt-find__benefits {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                1fr\r\n            );\r\n\r\n        gap:\r\n            22px 0;\r\n    }\r\n\r\n\r\n    .tmt-find__benefit:nth-child(3) {\r\n\r\n        padding-left: 0;\r\n\r\n        border-left: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n    .tmt-find {\r\n\r\n        padding:\r\n            55px 18px\r\n            22px;\r\n    }\r\n\r\n\r\n    .tmt-find__title {\r\n\r\n        font-size:\r\n            clamp(\r\n                43px,\r\n                12.5vw,\r\n                61px\r\n            );\r\n\r\n        letter-spacing:\r\n            -.035em;\r\n    }\r\n\r\n\r\n    .tmt-find__intro {\r\n\r\n        font-size:\r\n            13px;\r\n\r\n        line-height:\r\n            1.75;\r\n    }\r\n\r\n\r\n    .tmt-find__address {\r\n\r\n        gap: 14px;\r\n\r\n        padding:\r\n            17px;\r\n    }\r\n\r\n\r\n    .tmt-find__address-icon {\r\n\r\n        flex-basis: 58px;\r\n\r\n        width: 58px;\r\n        height: 58px;\r\n    }\r\n\r\n\r\n    .tmt-find__address-divider {\r\n\r\n        height: 54px;\r\n    }\r\n\r\n\r\n    .tmt-find__actions {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .tmt-find__benefits {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        margin-top: 27px;\r\n    }\r\n\r\n\r\n    .tmt-find__benefit,\r\n    .tmt-find__benefit:first-child,\r\n    .tmt-find__benefit:nth-child(3) {\r\n\r\n        padding:\r\n            16px 0;\r\n\r\n        border-left:\r\n            0;\r\n    }\r\n\r\n\r\n    .tmt-find__benefit + .tmt-find__benefit {\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .17\r\n            );\r\n    }\r\n\r\n\r\n    .tmt-find__trip {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n\r\n    .tmt-find__trip-separator {\r\n\r\n        width: 100%;\r\n        height: 1px;\r\n\r\n        margin: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(\r\n                    201,\r\n                    154,\r\n                    66,\r\n                    .35\r\n                ),\r\n                transparent\r\n            );\r\n    }\r\n\r\n\r\n    .tmt-find__map-shell {\r\n\r\n        height: 450px;\r\n    }\r\n\r\n\r\n    .tmt-find__map-label {\r\n\r\n        top: 15px;\r\n        left: 15px;\r\n    }\r\n\r\n\r\n    .tmt-find__coordinates {\r\n\r\n        top: auto;\r\n\r\n        right: 15px;\r\n        bottom: 15px;\r\n    }\r\n\r\n\r\n    .tmt-find__destination {\r\n\r\n        left: 15px;\r\n        right: 15px;\r\n        bottom: 72px;\r\n\r\n        min-width: 0;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .tmt-find__visit {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .tmt-find__visit-photo {\r\n\r\n        height: 210px;\r\n    }\r\n\r\n\r\n    .tmt-find__bottom {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n    }\r\n\r\n\r\n    .tmt-find__signature {\r\n\r\n        white-space:\r\n            normal;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nELEMENTOR FULL WIDTH\r\n========================================================= *\/\r\n\r\n.elementor-widget-html:has(.tmt-find) {\r\n\r\n    width:\r\n        100vw !important;\r\n\r\n    max-width:\r\n        100vw !important;\r\n\r\n    margin-left:\r\n        calc(\r\n            50% - 50vw\r\n        ) !important;\r\n\r\n    margin-right:\r\n        0 !important;\r\n}\r\n\r\n\r\n.elementor-widget-html:has(.tmt-find)\r\n> .elementor-widget-container {\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        none !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n}\r\n\r\n\r\n#nous-trouver {\r\n\r\n    scroll-margin-top:\r\n        105px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (\r\n    prefers-reduced-motion:\r\n    reduce\r\n) {\r\n\r\n    .tmt-find *,\r\n    .tmt-find *::before,\r\n    .tmt-find *::after {\r\n\r\n        animation-duration:\r\n            .01ms !important;\r\n\r\n        animation-iteration-count:\r\n            1 !important;\r\n\r\n        transition-duration:\r\n            .01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\nGSAP\r\n========================================================= -->\r\n\r\n<script\r\n    src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/gsap.min.js\"\r\n><\/script>\r\n\r\n<script\r\n    src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/ScrollTrigger.min.js\"\r\n><\/script>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =========================================================\r\n    CONSTANTES\r\n    ========================================================= *\/\r\n\r\n    const destination =\r\n        \"-18.944919,47.438036\";\r\n\r\n\r\n    \/* =========================================================\r\n    ITIN\u00c9RAIRE\r\n    ========================================================= *\/\r\n\r\n    function initialiseRoute(section) {\r\n\r\n\r\n        const button =\r\n            section.querySelector(\r\n                \"[data-tmt-route]\"\r\n            );\r\n\r\n\r\n        const status =\r\n            section.querySelector(\r\n                \"[data-tmt-status]\"\r\n            );\r\n\r\n\r\n        if (!button) {\r\n            return;\r\n        }\r\n\r\n\r\n        function setStatus(message) {\r\n\r\n            if (status) {\r\n\r\n                status.textContent =\r\n                    message || \"\";\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n\r\n                const fallback =\r\n\r\n                    \"https:\/\/www.google.com\/maps\/dir\/?api=1\" +\r\n\r\n                    \"&destination=\" +\r\n\r\n                    encodeURIComponent(\r\n                        destination\r\n                    );\r\n\r\n\r\n                if (\r\n                    !navigator.geolocation\r\n                ) {\r\n\r\n\r\n                    window.open(\r\n                        fallback,\r\n                        \"_blank\",\r\n                        \"noopener,noreferrer\"\r\n                    );\r\n\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                setStatus(\r\n                    \"D\u00e9tection de votre position\u2026\"\r\n                );\r\n\r\n\r\n                navigator.geolocation\r\n                    .getCurrentPosition(\r\n\r\n\r\n                        function (\r\n                            position\r\n                        ) {\r\n\r\n\r\n                            const origin =\r\n\r\n                                position.coords.latitude +\r\n\r\n                                \",\" +\r\n\r\n                                position.coords.longitude;\r\n\r\n\r\n                            const url =\r\n\r\n                                \"https:\/\/www.google.com\/maps\/dir\/?api=1\" +\r\n\r\n                                \"&origin=\" +\r\n\r\n                                encodeURIComponent(\r\n                                    origin\r\n                                ) +\r\n\r\n                                \"&destination=\" +\r\n\r\n                                encodeURIComponent(\r\n                                    destination\r\n                                );\r\n\r\n\r\n                            setStatus(\r\n                                \"Position d\u00e9tect\u00e9e. Ouverture de votre itin\u00e9raire\u2026\"\r\n                            );\r\n\r\n\r\n                            window.open(\r\n                                url,\r\n                                \"_blank\",\r\n                                \"noopener,noreferrer\"\r\n                            );\r\n\r\n\r\n                            window.setTimeout(\r\n                                function () {\r\n\r\n                                    setStatus(\"\");\r\n\r\n                                },\r\n                                3500\r\n                            );\r\n\r\n                        },\r\n\r\n\r\n                        function () {\r\n\r\n\r\n                            setStatus(\r\n                                \"Localisation non autoris\u00e9e. Ouverture de Google Maps\u2026\"\r\n                            );\r\n\r\n\r\n                            window.open(\r\n                                fallback,\r\n                                \"_blank\",\r\n                                \"noopener,noreferrer\"\r\n                            );\r\n\r\n                        },\r\n\r\n\r\n                        {\r\n\r\n                            enableHighAccuracy:\r\n                                true,\r\n\r\n                            timeout:\r\n                                9000,\r\n\r\n                            maximumAge:\r\n                                60000\r\n\r\n                        }\r\n\r\n\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n    GSAP\r\n    ========================================================= *\/\r\n\r\n    function initialiseAnimations(\r\n        section\r\n    ) {\r\n\r\n\r\n        if (\r\n            typeof window.gsap ===\r\n            \"undefined\"\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        const gsap =\r\n            window.gsap;\r\n\r\n\r\n        if (\r\n            typeof window.ScrollTrigger !==\r\n            \"undefined\"\r\n        ) {\r\n\r\n            gsap.registerPlugin(\r\n                window.ScrollTrigger\r\n            );\r\n\r\n        }\r\n\r\n\r\n        const reducedMotion =\r\n\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            )\r\n            .matches;\r\n\r\n\r\n        if (reducedMotion) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        const timeline =\r\n            gsap.timeline({\r\n\r\n                scrollTrigger:\r\n                    typeof window.ScrollTrigger !==\r\n                    \"undefined\"\r\n\r\n                    ? {\r\n\r\n                        trigger:\r\n                            section,\r\n\r\n                        start:\r\n                            \"top 78%\",\r\n\r\n                        once:\r\n                            true\r\n\r\n                    }\r\n\r\n                    : undefined\r\n\r\n            });\r\n\r\n\r\n        \/* EYEBROW *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__eyebrow\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 20,\r\n\r\n                duration: .7,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            }\r\n\r\n        );\r\n\r\n\r\n        \/* TITLE *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelectorAll(\r\n                \".tmt-find__title > span\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 70,\r\n\r\n                stagger: .10,\r\n\r\n                duration: 1,\r\n\r\n                ease:\r\n                    \"power4.out\"\r\n\r\n            },\r\n\r\n            \"-=.3\"\r\n\r\n        );\r\n\r\n\r\n        \/* LINE *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__title-line span\"\r\n            ),\r\n\r\n            {\r\n\r\n                scaleX: 0,\r\n\r\n                duration: .8,\r\n\r\n                ease:\r\n                    \"power4.inOut\"\r\n\r\n            },\r\n\r\n            \"-=.55\"\r\n\r\n        );\r\n\r\n\r\n        \/* INTRO *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__intro\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 20,\r\n\r\n                duration: .7,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.45\"\r\n\r\n        );\r\n\r\n\r\n        \/* ADDRESS *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__address\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                x: -35,\r\n\r\n                duration: .85,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.4\"\r\n\r\n        );\r\n\r\n\r\n        \/* BUTTONS *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelectorAll(\r\n                \".tmt-find__actions > *\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 22,\r\n\r\n                stagger: .12,\r\n\r\n                duration: .7,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.5\"\r\n\r\n        );\r\n\r\n\r\n        \/* BENEFITS *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelectorAll(\r\n                \".tmt-find__benefit\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 20,\r\n\r\n                stagger: .07,\r\n\r\n                duration: .62,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.40\"\r\n\r\n        );\r\n\r\n\r\n        \/* TRIP *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__trip\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 25,\r\n\r\n                duration: .8,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.35\"\r\n\r\n        );\r\n\r\n\r\n        \/* VISUAL *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__visual\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                x: 65,\r\n\r\n                scale: .97,\r\n\r\n                duration: 1.2,\r\n\r\n                ease:\r\n                    \"power4.out\"\r\n\r\n            },\r\n\r\n            \"-=1.15\"\r\n\r\n        );\r\n\r\n\r\n        \/* MAP LABEL *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__map-label\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: -15,\r\n\r\n                duration: .6,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.65\"\r\n\r\n        );\r\n\r\n\r\n        \/* DESTINATION *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__destination\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 25,\r\n\r\n                scale: .94,\r\n\r\n                duration: .8,\r\n\r\n                ease:\r\n                    \"back.out(1.5)\"\r\n\r\n            },\r\n\r\n            \"-=.5\"\r\n\r\n        );\r\n\r\n\r\n        \/* VISIT *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__visit\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 25,\r\n\r\n                duration: .8,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.45\"\r\n\r\n        );\r\n\r\n\r\n        \/* BOTTOM *\/\r\n\r\n        timeline.from(\r\n\r\n            section.querySelector(\r\n                \".tmt-find__bottom\"\r\n            ),\r\n\r\n            {\r\n\r\n                opacity: 0,\r\n\r\n                y: 25,\r\n\r\n                duration: .75,\r\n\r\n                ease:\r\n                    \"power3.out\"\r\n\r\n            },\r\n\r\n            \"-=.35\"\r\n\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n        PARALLAX\r\n        ====================================================== *\/\r\n\r\n        if (\r\n            typeof window.ScrollTrigger !==\r\n            \"undefined\" &&\r\n            window.innerWidth > 1000\r\n        ) {\r\n\r\n\r\n            gsap.to(\r\n\r\n                section.querySelector(\r\n                    \".tmt-find__map\"\r\n                ),\r\n\r\n                {\r\n\r\n                    yPercent: 2.5,\r\n\r\n                    ease: \"none\",\r\n\r\n                    scrollTrigger: {\r\n\r\n                        trigger:\r\n                            section,\r\n\r\n                        start:\r\n                            \"top bottom\",\r\n\r\n                        end:\r\n                            \"bottom top\",\r\n\r\n                        scrub:\r\n                            1.3\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n            gsap.to(\r\n\r\n                section.querySelector(\r\n                    \".tmt-find__ring\"\r\n                ),\r\n\r\n                {\r\n\r\n                    y:\r\n                        -50,\r\n\r\n                    rotation:\r\n                        7,\r\n\r\n                    ease:\r\n                        \"none\",\r\n\r\n                    scrollTrigger: {\r\n\r\n                        trigger:\r\n                            section,\r\n\r\n                        start:\r\n                            \"top bottom\",\r\n\r\n                        end:\r\n                            \"bottom top\",\r\n\r\n                        scrub:\r\n                            1.5\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n    INIT\r\n    ========================================================= *\/\r\n\r\n    function initialiseTometalFind() {\r\n\r\n\r\n        document\r\n            .querySelectorAll(\r\n                \"[data-tmt-find]\"\r\n            )\r\n            .forEach(\r\n                function (section) {\r\n\r\n\r\n                    if (\r\n                        section.dataset\r\n                            .tmtReady ===\r\n                        \"true\"\r\n                    ) {\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    section.dataset\r\n                        .tmtReady =\r\n                        \"true\";\r\n\r\n\r\n                    initialiseRoute(\r\n                        section\r\n                    );\r\n\r\n\r\n                    initialiseAnimations(\r\n                        section\r\n                    );\r\n\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n\r\n        document\r\n            .addEventListener(\r\n\r\n                \"DOMContentLoaded\",\r\n\r\n                initialiseTometalFind\r\n\r\n            );\r\n\r\n\r\n    } else {\r\n\r\n\r\n        initialiseTometalFind();\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n\r\n        \"load\",\r\n\r\n        initialiseTometalFind\r\n\r\n    );\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 Institut Tometal \u00c9ducation \u00b7 Langues \u00b7 Ouverture Un environnement d\u2019exception PRESTIGE Bienvenue \u00e0 l\u2019Institut Tometal. Un cadre moderne, exigeant et plurilingue, pens\u00e9 pour accompagner chaque \u00e9l\u00e8ve vers son plein potentiel. Une communaut\u00e9 \u00e9ducative GRANDIR ENSEMBLE Une \u00e9cole attentive \u00e0 chaque parcours, o\u00f9 confiance, accompagnement et bienveillance participent pleinement \u00e0 la r\u00e9ussite. Une ambition acad\u00e9mique [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages\/1492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/comments?post=1492"}],"version-history":[{"count":226,"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages\/1492\/revisions"}],"predecessor-version":[{"id":2178,"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages\/1492\/revisions\/2178"}],"wp:attachment":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/media?parent=1492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}