{"id":1787,"date":"2026-07-13T09:31:31","date_gmt":"2026-07-13T09:31:31","guid":{"rendered":"https:\/\/net-temporaire.institut-tometal.com\/?page_id=1787"},"modified":"2026-07-17T18:04:00","modified_gmt":"2026-07-17T18:04:00","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/net-temporaire.institut-tometal.com\/zh\/qui-sommes-nous\/","title":{"rendered":"\u2014 Qui sommes-nous ?"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1787\" class=\"elementor elementor-1787\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b8fb6b e-con-full e-flex e-con e-parent\" data-id=\"9b8fb6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-514e7eb elementor-widget elementor-widget-html\" data-id=\"514e7eb\" 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<style>\r\n\/* =========================================================\r\n   PAGE QUI SOMMES-NOUS \u2014 INSTITUT TOMETAL\r\n   ========================================================= *\/\r\n\r\n.tometal-about,\r\n.tometal-about * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.tometal-about {\r\n  --navy: #071b3d;\r\n  --navy-light: #17375f;\r\n  --gold: #c99a42;\r\n  --gold-light: #ead8ae;\r\n  --red: #c73d31;\r\n  --cream: #f8f5ee;\r\n  --white: #ffffff;\r\n  --text: #2a3b52;\r\n  --muted: #66758a;\r\n  --border: rgba(7, 27, 61, 0.12);\r\n  --shadow: 0 18px 45px rgba(7, 27, 61, 0.10);\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: var(--text);\r\n  background: var(--white);\r\n\r\n  font-family: Montserrat, Arial, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.tometal-about a {\r\n  text-decoration: none;\r\n}\r\n\r\n.tometal-about-shell {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.tometal-about-section {\r\n  padding: 90px 0;\r\n}\r\n\r\n.tometal-about-section-soft {\r\n  background: var(--cream);\r\n}\r\n\r\n.tometal-about-section-navy {\r\n  color: var(--white);\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 10%,\r\n      rgba(201, 154, 66, 0.20),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #071b3d 0%,\r\n      #102e57 100%\r\n    );\r\n}\r\n\r\n.tometal-about-heading {\r\n  max-width: 790px;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.tometal-about-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: var(--gold);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.4px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tometal-about-kicker::before {\r\n  content: \"\";\r\n  width: 38px;\r\n  height: 2px;\r\n  background: currentColor;\r\n}\r\n\r\n.tometal-about-title {\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(38px, 4vw, 58px);\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n}\r\n\r\n.tometal-about-section-navy .tometal-about-title {\r\n  color: var(--white);\r\n}\r\n\r\n.tometal-about-intro {\r\n  max-width: 760px;\r\n  margin: 18px 0 0;\r\n\r\n  color: var(--muted);\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.tometal-about-section-navy .tometal-about-intro {\r\n  color: rgba(255, 255, 255, 0.78);\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.tometal-about-hero {\r\n  position: relative;\r\n\r\n  padding: 108px 0 96px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 18%,\r\n      rgba(201, 154, 66, 0.18),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #fbf8f1 60%,\r\n      #f2e6cd 100%\r\n    );\r\n}\r\n\r\n.tometal-about-hero::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  right: -120px;\r\n  bottom: -190px;\r\n\r\n  width: 470px;\r\n  height: 470px;\r\n\r\n  border: 1px solid rgba(201, 154, 66, 0.22);\r\n  border-radius: 50%;\r\n}\r\n\r\n.tometal-about-hero-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);\r\n  align-items: center;\r\n  gap: 72px;\r\n}\r\n\r\n.tometal-about-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 22px;\r\n  padding: 9px 14px;\r\n\r\n  color: var(--navy);\r\n  background: rgba(201, 154, 66, 0.13);\r\n\r\n  border: 1px solid rgba(201, 154, 66, 0.34);\r\n  border-radius: 999px;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tometal-about-hero h1 {\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(50px, 5.4vw, 78px);\r\n  font-weight: 700;\r\n  line-height: 0.98;\r\n}\r\n\r\n.tometal-about-hero h1 span {\r\n  color: var(--gold);\r\n}\r\n\r\n.tometal-about-hero-text {\r\n  max-width: 700px;\r\n  margin: 28px 0 0;\r\n\r\n  color: var(--text);\r\n  font-size: 18px;\r\n  line-height: 1.78;\r\n}\r\n\r\n.tometal-about-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n\r\n  margin-top: 34px;\r\n}\r\n\r\n.tometal-about-btn-primary,\r\n.tometal-about-btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 52px;\r\n  padding: 14px 22px;\r\n\r\n  border-radius: 4px;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.35px;\r\n  text-transform: uppercase;\r\n\r\n  transition:\r\n    transform 0.22s ease,\r\n    background 0.22s ease,\r\n    box-shadow 0.22s ease;\r\n}\r\n\r\n.tometal-about-btn-primary {\r\n  color: var(--white);\r\n  background: var(--navy);\r\n  border: 1px solid var(--navy);\r\n}\r\n\r\n.tometal-about-btn-primary:hover {\r\n  color: var(--white);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 28px rgba(7, 27, 61, 0.18);\r\n}\r\n\r\n.tometal-about-btn-secondary {\r\n  color: var(--navy);\r\n  background: transparent;\r\n  border: 1px solid var(--gold);\r\n}\r\n\r\n.tometal-about-btn-secondary:hover {\r\n  color: var(--navy);\r\n  background: rgba(201, 154, 66, 0.10);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.tometal-hero-quote {\r\n  position: relative;\r\n\r\n  padding: 38px 34px;\r\n\r\n  color: var(--white);\r\n  background: var(--navy);\r\n  border-bottom: 5px solid var(--gold);\r\n  box-shadow: var(--shadow);\r\n}\r\n\r\n.tometal-hero-quote::before {\r\n  content: \"\u201c\";\r\n\r\n  position: absolute;\r\n  top: -18px;\r\n  left: 22px;\r\n\r\n  color: var(--gold);\r\n  font-family: Georgia, serif;\r\n  font-size: 95px;\r\n  line-height: 1;\r\n  opacity: 0.35;\r\n}\r\n\r\n.tometal-hero-quote p {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 27px;\r\n  font-style: italic;\r\n  line-height: 1.45;\r\n}\r\n\r\n.tometal-hero-quote span {\r\n  display: block;\r\n\r\n  margin-top: 22px;\r\n\r\n  color: var(--gold-light);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   VISION\r\n   ========================================================= *\/\r\n\r\n.tometal-vision-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n  align-items: start;\r\n  gap: 58px;\r\n}\r\n\r\n.tometal-vision-card {\r\n  padding: 38px;\r\n\r\n  color: var(--white);\r\n  background: var(--navy);\r\n  border-top: 5px solid var(--gold);\r\n}\r\n\r\n.tometal-vision-card h3 {\r\n  margin: 0 0 18px;\r\n\r\n  color: var(--white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 32px;\r\n}\r\n\r\n.tometal-vision-card p {\r\n  margin: 0;\r\n\r\n  color: rgba(255, 255, 255, 0.79);\r\n  font-size: 16px;\r\n  line-height: 1.78;\r\n}\r\n\r\n.tometal-vision-content {\r\n  display: grid;\r\n  gap: 22px;\r\n}\r\n\r\n.tometal-vision-content > p {\r\n  margin: 0;\r\n\r\n  color: var(--text);\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.tometal-needs-list {\r\n  display: grid;\r\n  gap: 16px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n  counter-reset: needs-counter;\r\n}\r\n\r\n.tometal-needs-list li {\r\n  position: relative;\r\n\r\n  padding: 20px 22px 20px 65px;\r\n\r\n  background: var(--cream);\r\n  border-left: 3px solid var(--gold);\r\n\r\n  color: var(--text);\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n\r\n  counter-increment: needs-counter;\r\n}\r\n\r\n.tometal-needs-list li::before {\r\n  content: counter(needs-counter);\r\n\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 30px;\r\n  height: 30px;\r\n\r\n  color: var(--white);\r\n  background: var(--gold);\r\n  border-radius: 50%;\r\n\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n.tometal-needs-list strong {\r\n  color: var(--navy);\r\n}\r\n\r\n\/* =========================================================\r\n   TROIS PARCOURS\r\n   ========================================================= *\/\r\n\r\n.tometal-pathways-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.tometal-pathway-card {\r\n  position: relative;\r\n\r\n  padding: 32px 28px;\r\n\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-top: 4px solid var(--gold);\r\n\r\n  transition:\r\n    transform 0.24s ease,\r\n    box-shadow 0.24s ease,\r\n    border-color 0.24s ease;\r\n}\r\n\r\n.tometal-pathway-card:hover {\r\n  transform: translateY(-5px);\r\n  border-color: rgba(201, 154, 66, 0.60);\r\n  box-shadow: var(--shadow);\r\n}\r\n\r\n.tometal-pathway-number {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: var(--white);\r\n  background: var(--navy);\r\n  border-radius: 50%;\r\n\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n}\r\n\r\n.tometal-pathway-card h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--navy);\r\n  font-size: 21px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.tometal-pathway-card p {\r\n  margin: 0;\r\n\r\n  color: var(--text);\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.tometal-chinese-note {\r\n  margin-top: 26px;\r\n  padding: 24px 28px;\r\n\r\n  color: var(--navy);\r\n  background: rgba(201, 154, 66, 0.14);\r\n  border-left: 4px solid var(--gold);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n}\r\n\r\n.tometal-chinese-note strong {\r\n  color: var(--navy);\r\n}\r\n\r\n\/* =========================================================\r\n   CITATION\r\n   ========================================================= *\/\r\n\r\n.tometal-main-quote {\r\n  max-width: 930px;\r\n  margin: 0 auto;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.tometal-main-quote-mark {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: var(--gold);\r\n  font-family: Georgia, serif;\r\n  font-size: 68px;\r\n  line-height: 0.7;\r\n}\r\n\r\n.tometal-main-quote blockquote {\r\n  margin: 0;\r\n\r\n  color: var(--white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(30px, 3.5vw, 48px);\r\n  font-style: italic;\r\n  line-height: 1.38;\r\n}\r\n\r\n.tometal-main-quote-line {\r\n  width: 110px;\r\n  height: 2px;\r\n\r\n  margin: 30px auto 0;\r\n\r\n  background: var(--gold);\r\n}\r\n\r\n\/* =========================================================\r\n   \u00c9QUIPE\r\n   ========================================================= *\/\r\n\r\n.tometal-team-intro {\r\n  max-width: 830px;\r\n  margin-bottom: 38px;\r\n\r\n  color: var(--text);\r\n  font-size: 17px;\r\n  line-height: 1.78;\r\n}\r\n\r\n.tometal-team-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.tometal-team-card {\r\n  padding: 30px;\r\n\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-top: 4px solid var(--gold);\r\n\r\n  transition:\r\n    transform 0.22s ease,\r\n    box-shadow 0.22s ease;\r\n}\r\n\r\n.tometal-team-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: var(--shadow);\r\n}\r\n\r\n.tometal-team-card h3 {\r\n  margin: 0 0 16px;\r\n\r\n  color: var(--navy);\r\n  font-size: 20px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.tometal-team-list {\r\n  display: grid;\r\n  gap: 11px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n}\r\n\r\n.tometal-team-list li {\r\n  position: relative;\r\n  padding-left: 23px;\r\n\r\n  color: var(--text);\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.tometal-team-list li::before {\r\n  content: \"\u2713\";\r\n\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n\r\n  color: var(--gold);\r\n  font-weight: 900;\r\n}\r\n\r\n\/* =========================================================\r\n   INFRASTRUCTURES\r\n   ========================================================= *\/\r\n\r\n.tometal-infrastructure-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.tometal-infrastructure-card {\r\n  padding: 28px;\r\n\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n\r\n  transition:\r\n    transform 0.22s ease,\r\n    border-color 0.22s ease,\r\n    box-shadow 0.22s ease;\r\n}\r\n\r\n.tometal-infrastructure-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(201, 154, 66, 0.55);\r\n  box-shadow: var(--shadow);\r\n}\r\n\r\n.tometal-infrastructure-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--navy);\r\n  background: rgba(201, 154, 66, 0.15);\r\n  border-radius: 50%;\r\n\r\n  font-size: 22px;\r\n}\r\n\r\n.tometal-infrastructure-card h3 {\r\n  margin: 0 0 12px;\r\n\r\n  color: var(--navy);\r\n  font-size: 19px;\r\n}\r\n\r\n.tometal-infrastructure-card ul {\r\n  display: grid;\r\n  gap: 9px;\r\n\r\n  margin: 0;\r\n  padding-left: 18px;\r\n}\r\n\r\n.tometal-infrastructure-card li {\r\n  color: var(--text);\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n}\r\n\r\n.tometal-gallery-note {\r\n  margin-top: 24px;\r\n  padding: 18px 20px;\r\n\r\n  color: var(--navy);\r\n  background: var(--cream);\r\n  border-left: 4px solid var(--gold);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* =========================================================\r\n   PARTENAIRES\r\n   ========================================================= *\/\r\n\r\n.tometal-partners-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.tometal-partner-card {\r\n  padding: 30px;\r\n\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-bottom: 4px solid var(--gold);\r\n\r\n  transition:\r\n    transform 0.22s ease,\r\n    box-shadow 0.22s ease;\r\n}\r\n\r\n.tometal-partner-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: var(--shadow);\r\n}\r\n\r\n.tometal-partner-card h3 {\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--navy);\r\n  font-size: 20px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.tometal-partner-card p {\r\n  margin: 0;\r\n\r\n  color: var(--text);\r\n  font-size: 14px;\r\n  line-height: 1.68;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n   ========================================================= *\/\r\n\r\n.tometal-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n  gap: 55px;\r\n  align-items: start;\r\n}\r\n\r\n.tometal-contact-card {\r\n  padding: 38px;\r\n\r\n  color: var(--white);\r\n  background: var(--navy);\r\n  border-left: 5px solid var(--gold);\r\n}\r\n\r\n.tometal-contact-card h3 {\r\n  margin: 0 0 24px;\r\n\r\n  color: var(--white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 31px;\r\n}\r\n\r\n.tometal-contact-list {\r\n  display: grid;\r\n  gap: 15px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n}\r\n\r\n.tometal-contact-list li {\r\n  display: grid;\r\n  grid-template-columns: 26px 1fr;\r\n  gap: 12px;\r\n\r\n  color: rgba(255, 255, 255, 0.82);\r\n  font-size: 14px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.tometal-contact-hours {\r\n  margin-top: 26px;\r\n  padding-top: 22px;\r\n\r\n  border-top: 1px solid rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n.tometal-contact-hours strong {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: var(--gold-light);\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tometal-contact-hours p {\r\n  margin: 0;\r\n\r\n  color: rgba(255, 255, 255, 0.76);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.tometal-contact-content h2 {\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(40px, 4vw, 56px);\r\n  line-height: 1.06;\r\n}\r\n\r\n.tometal-contact-content > p {\r\n  margin: 20px 0 0;\r\n\r\n  color: var(--text);\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.tometal-contact-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n\r\n  margin-top: 30px;\r\n}\r\n\r\n.tometal-contact-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 50px;\r\n  padding: 13px 20px;\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.3px;\r\n  text-transform: uppercase;\r\n\r\n  transition:\r\n    transform 0.22s ease,\r\n    background 0.22s ease,\r\n    box-shadow 0.22s ease;\r\n}\r\n\r\n.tometal-contact-btn-dark {\r\n  color: var(--white);\r\n  background: var(--navy);\r\n}\r\n\r\n.tometal-contact-btn-dark:hover {\r\n  color: var(--white);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 22px rgba(7, 27, 61, 0.18);\r\n}\r\n\r\n.tometal-contact-btn-gold {\r\n  color: var(--navy);\r\n  background: var(--gold);\r\n}\r\n\r\n.tometal-contact-btn-gold:hover {\r\n  color: var(--navy);\r\n  background: #dbb467;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.tometal-contact-btn-red {\r\n  color: var(--white);\r\n  background: var(--red);\r\n}\r\n\r\n.tometal-contact-btn-red:hover {\r\n  color: var(--white);\r\n  background: #ac3026;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n   ========================================================= *\/\r\n\r\n@media screen and (max-width: 1024px) {\r\n  .tometal-about-shell {\r\n    width: min(100% - 36px, 920px);\r\n  }\r\n\r\n  .tometal-about-section {\r\n    padding: 72px 0;\r\n  }\r\n\r\n  .tometal-about-hero {\r\n    padding: 80px 0 74px;\r\n  }\r\n\r\n  .tometal-about-hero-grid,\r\n  .tometal-vision-grid,\r\n  .tometal-contact-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tometal-about-hero-grid,\r\n  .tometal-vision-grid,\r\n  .tometal-contact-grid {\r\n    gap: 40px;\r\n  }\r\n\r\n  .tometal-hero-quote {\r\n    max-width: 720px;\r\n  }\r\n\r\n  .tometal-pathways-grid,\r\n  .tometal-infrastructure-grid,\r\n  .tometal-partners-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n  .tometal-about-shell {\r\n    width: min(100% - 28px, 680px);\r\n  }\r\n\r\n  .tometal-about-section {\r\n    padding: 58px 0;\r\n  }\r\n\r\n  .tometal-about-hero {\r\n    padding: 64px 0 58px;\r\n  }\r\n\r\n  .tometal-about-hero h1 {\r\n    font-size: clamp(42px, 13vw, 58px);\r\n  }\r\n\r\n  .tometal-about-hero-text {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .tometal-about-hero-actions,\r\n  .tometal-contact-actions {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tometal-about-btn-primary,\r\n  .tometal-about-btn-secondary,\r\n  .tometal-contact-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .tometal-hero-quote,\r\n  .tometal-vision-card,\r\n  .tometal-pathway-card,\r\n  .tometal-team-card,\r\n  .tometal-infrastructure-card,\r\n  .tometal-partner-card,\r\n  .tometal-contact-card {\r\n    padding: 25px 22px;\r\n  }\r\n\r\n  .tometal-hero-quote p {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .tometal-about-title {\r\n    font-size: clamp(34px, 10vw, 46px);\r\n  }\r\n\r\n  .tometal-about-intro,\r\n  .tometal-team-intro {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .tometal-pathways-grid,\r\n  .tometal-team-grid,\r\n  .tometal-infrastructure-grid,\r\n  .tometal-partners-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .tometal-needs-list li {\r\n    padding: 18px 18px 18px 58px;\r\n  }\r\n\r\n  .tometal-needs-list li::before {\r\n    top: 18px;\r\n    left: 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"tometal-about\">\r\n\r\n  <!-- =====================================================\r\n       HERO\r\n       ===================================================== -->\r\n\r\n  <section class=\"tometal-about-hero\" id=\"qui-sommes-nous\">\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-about-hero-grid\">\r\n\r\n        <div>\r\n\r\n          <div class=\"tometal-about-eyebrow\">\r\n            \u6211\u4eec\u662f\u8c01\uff1f\r\n          <\/div>\r\n\r\n          <h1>\r\n            \u9762\u5411\u672a\u6765\u7684\u5b66\u6821\r\n            <span>\u4e16\u754c<\/span>\r\n          <\/h1>\r\n\r\n          <p class=\"tometal-about-hero-text\">\r\n            \u6258\u6885\u5854\u5c14\u5b66\u9662\u662f\u4e00\u6240\u73b0\u4ee3\u5316\u3001\u591a\u8bed\u79cd\u7684\u5b66\u6821\uff0c\u65e8\u5728\u4e3a\u6bcf\u4e2a\u5b69\u5b50\u5728\u56fd\u5bb6\u548c\u56fd\u9645\u5b66\u672f\u73af\u5883\u4e2d\u53d6\u5f97\u6210\u529f\u505a\u597d\u51c6\u5907\uff0c\u540c\u65f6\u5c0a\u91cd\u5176\u8eab\u4efd\u3001\u6587\u5316\u548c\u6f5c\u529b\u3002.\r\n          <\/p>\r\n\r\n          <div class=\"tometal-about-hero-actions\">\r\n\r\n            <a\r\n              class=\"tometal-about-btn-primary\"\r\n              href=\"#notre-vision\"\r\n            >\r\n              \u4e86\u89e3\u6211\u4eec\u7684\u613f\u666f\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"tometal-about-btn-secondary\"\r\n              href=\"#notre-equipe\"\r\n            >\r\n              \u8ba4\u8bc6\u6211\u4eec\u7684\u56e2\u961f\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <aside class=\"tometal-hero-quote\">\r\n\r\n          <p>\r\n            \u8ba9\u6bcf\u4e2a\u5b69\u5b50\u90fd\u6709\u673a\u4f1a\u9009\u62e9\u81ea\u5df1\u7684\u672a\u6765\uff0c\u7528\u81ea\u5df1\u559c\u6b22\u7684\u8bed\u8a00\u3002.\r\n          <\/p>\r\n\r\n          <span>\r\n            \u901a\u8fbe\u534e\u6587\u56fd\u9645\u5b66\u6821\r\n          <\/span>\r\n\r\n        <\/aside>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       NOTRE VISION\r\n       ===================================================== -->\r\n\r\n  <section\r\n    class=\"tometal-about-section\"\r\n    id=\"notre-vision\"\r\n  >\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-about-heading\">\r\n\r\n        <div class=\"tometal-about-kicker\">\r\n          \u6211\u4eec\u7684\u613f\u666f\r\n        <\/div>\r\n\r\n        <h2 class=\"tometal-about-title\">\r\n          \u4e3a\u5b69\u5b50\u4eec\u51c6\u5907\u8fce\u63a5\u672a\u6765\u7684\u4e16\u754c\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tometal-vision-grid\">\r\n\r\n        <div class=\"tometal-vision-card\">\r\n\r\n          <h3>\r\n            \u4e00\u4e2a\u7b80\u5355\u7684\u4fe1\u5ff5\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u660e\u5929\u7684\u4e16\u754c\u5c5e\u4e8e\u90a3\u4e9b\u80fd\u8bf4\u591a\u79cd\u8bed\u8a00\u3001\u63a5\u89e6\u591a\u79cd\u6587\u5316\u7684\u5b66\u751f\u3002\u6211\u4eec\u7684\u76ee\u6807\u662f\u57f9\u517b\u81ea\u4e3b\u3001\u5f00\u653e\u3001\u6709\u6c42\u5fc5\u5f97\u5e76\u80fd\u9002\u5e94\u56fd\u9645\u73af\u5883\u7684\u5b66\u751f\u3002.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"tometal-vision-content\">\r\n\r\n          <p>\r\n            \u5728\u9a6c\u8fbe\u52a0\u65af\u52a0\uff0c\u6211\u4eec\u53d1\u73b0\u4e86\u4e00\u79cd\u53cc\u91cd\u9700\u6c42\uff1a\u63d0\u4f9b\u9ad8\u8d28\u91cf\u7684\u56fd\u9645\u6559\u80b2\uff0c\u540c\u65f6\u4fdd\u62a4\u6bcf\u4e2a\u513f\u7ae5\u53d1\u5c55\u6240\u5fc5\u4e0d\u53ef\u5c11\u7684\u6587\u5316\u548c\u8bed\u8a00\u57fa\u51c6\u3002.\r\n          <\/p>\r\n\r\n          <ol class=\"tometal-needs-list\">\r\n\r\n            <li>\r\n              <strong>\r\n                \u5bf9\u9ad8\u8d28\u91cf\u56fd\u9645\u6559\u80b2\u7684\u9700\u6c42\u65e5\u76ca\u589e\u957f\uff0c,\r\n              <\/strong>\r\n              \u80fd\u591f\u4e3a\u4e16\u754c\u5404\u5730\u7684\u5e74\u8f7b\u4eba\u505a\u597d\u51c6\u5907\uff0c\u8ba9\u4ed6\u4eec\u8fdb\u5165\u9ad8\u7b49\u6559\u80b2\u3002.\r\n            <\/li>\r\n\r\n            <li>\r\n              <strong>\r\n                \u4e00\u79cd\u6587\u5316\u4e0a\u7684\u575a\u6301\uff0c\u4ee5\u4fdd\u62a4\u5b83\uff0c,\r\n              <\/strong>\r\n              \u5c24\u5176\u8ba9\u4e2d\u56fd\u540e\u4ee3\u91cd\u65b0\u638c\u63e1\u6bcd\u8bed\uff0c\u5e76\u8ba9\u6240\u6709\u5b66\u751f\u90fd\u80fd\u5b66\u4e60\u523021\u4e16\u7eaa\u7684\u5173\u952e\u8bed\u8a00\u3002.\r\n            <\/li>\r\n\r\n          <\/ol>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       POURQUOI TROIS PARCOURS\r\n       ===================================================== -->\r\n\r\n  <section class=\"tometal-about-section tometal-about-section-soft\">\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-about-heading\">\r\n\r\n        <div class=\"tometal-about-kicker\">\r\n          \u9009\u62e9\u7684\u81ea\u7531\r\n        <\/div>\r\n\r\n        <h2 class=\"tometal-about-title\">\r\n          \u4e3a\u4ec0\u4e48\u6709\u4e09\u4e2a\u8def\u7ebf\uff1f\r\n        <\/h2>\r\n\r\n        <p class=\"tometal-about-intro\">\r\n          \u56e0\u4e3a\u6bcf\u4e2a\u5bb6\u5ead\u90fd\u6709\u81ea\u5df1\u7684\u8ba1\u5212\uff0c\u6bcf\u4e2a\u5b69\u5b50\u90fd\u6709\u81ea\u5df1\u7684\u8def\u3002\u6211\u4eec\u5e76\u4e0d\u60f3\u5f3a\u52a0\u4e00\u79cd\u5355\u4e00\u7684\u8bfe\u7a0b\uff0c\u800c\u662f\u63d0\u4f9b\u4e09\u79cd\u4e92\u8865\u7684\u6559\u80b2\u8def\u5f84\u3002.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tometal-pathways-grid\">\r\n\r\n        <article class=\"tometal-pathway-card\">\r\n\r\n          <span class=\"tometal-pathway-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <h3>\r\n            \u6cd5\u56fd\u5236\u5ea6\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u5bf9\u4e8e\u90a3\u4e9b\u575a\u6301\u6cd5\u8bed\u5b66\u672f\u5353\u8d8a\u548c\u6cd5\u56fd\u53ca\u6cd5\u8bed\u4e16\u754c\u8ba4\u53ef\u7684\u6559\u80b2\u7406\u5ff5\u7684\u5bb6\u5ead\u800c\u8a00\u3002.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-pathway-card\">\r\n\r\n          <span class=\"tometal-pathway-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <h3>\r\n            \u6cd5\u56fd\u7cfb\u7edf + \u82f1\u8bed\u4e2d\u5fc3\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u5bf9\u4e8e\u5e0c\u671b\u4fdd\u7559\u6cd5\u56fd\u6839\u57fa\u3001\u540c\u65f6\u786e\u4fdd\u5176\u5b69\u5b50\u83b7\u5f97\u6df1\u5165\u800c\u6e10\u8fdb\u7684\u53cc\u8bed\u53d1\u5c55\u7684\u5bb6\u5ead\u800c\u8a00\u3002.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-pathway-card\">\r\n\r\n          <span class=\"tometal-pathway-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <h3>\r\n            \u82f1\u56fd\u82f1\u8bed\u4f53\u7cfb\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u9488\u5bf9\u90a3\u4e9b\u8ba1\u5212\u4ece\u4e8b\u56fd\u9645\u5316\u5b66\u672f\u548c\u804c\u4e1a\u751f\u6daf\u7684\u5b66\u751f\uff0c\u4e3b\u8981\u4ee5\u82f1\u8bed\u4e3a\u6bcd\u8bed\u7684\u5b66\u751f\u3002.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tometal-chinese-note\">\r\n        \u800c\u5728\u8fd9\u4e00\u5207\u4e4b\u4e0a\uff0c,\r\n        <strong>\u4ece\u5e7c\u513f\u56ed\u8d77\uff0c\u4eba\u4eba\u90fd\u80fd\u8bf4\u4e2d\u6587<\/strong>,\r\n        \u56e0\u4e3a\u8fd9\u79cd\u8bed\u8a00\u5982\u4eca\u5df2\u6210\u4e3a\u5b66\u672f\u3001\u6587\u5316\u548c\u804c\u4e1a\u673a\u4f1a\u7684\u771f\u6b63\u50ac\u5316\u5242\u3002.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CITATION\r\n       ===================================================== -->\r\n\r\n  <section class=\"tometal-about-section tometal-about-section-navy\">\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-main-quote\">\r\n\r\n        <span class=\"tometal-main-quote-mark\">\r\n          \u201c\r\n        <\/span>\r\n\r\n        <blockquote>\r\n          \u8ba9\u6bcf\u4e2a\u5b69\u5b50\u90fd\u6709\u673a\u4f1a\u9009\u62e9\u81ea\u5df1\u7684\u672a\u6765\r\n          \u2014\u4ee5\u5176\u9009\u62e9\u7684\u8bed\u8a00\u3002.\r\n        <\/blockquote>\r\n\r\n        <div class=\"tometal-main-quote-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       \u00c9QUIPE P\u00c9DAGOGIQUE\r\n       ===================================================== -->\r\n\r\n  <section\r\n    class=\"tometal-about-section\"\r\n    id=\"notre-equipe\"\r\n  >\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-about-heading\">\r\n\r\n        <div class=\"tometal-about-kicker\">\r\n          \u6211\u4eec\u7684\u529b\u91cf\r\n        <\/div>\r\n\r\n        <h2 class=\"tometal-about-title\">\r\n          \u6211\u4eec\u7684\u6559\u5b66\u56e2\u961f\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"tometal-team-intro\">\r\n        \u6211\u4eec\u7684\u6559\u5e08\u7ecf\u8fc7\u4e25\u683c\u7684\u7b5b\u9009\u540e\u624d\u88ab\u9009\u62d4\uff0c\u4ed6\u4eec\u5728\u804c\u4e1a\u53d1\u5c55\u65b9\u9762\u5f97\u5230\u5145\u5206\u7684\u6307\u5bfc\uff0c\u5e76\u6df1\u6df1\u5730\u81f4\u529b\u4e8e\u6258\u6885\u5854\u5c14\u5b66\u9662\u7684\u6559\u80b2\u9879\u76ee\u3002.\r\n      <\/p>\r\n\r\n      <div class=\"tometal-team-grid\">\r\n\r\n        <article class=\"tometal-team-card\">\r\n\r\n          <h3>\r\n            \u6cd5\u56fd\u7cfb\u7edf\u56e2\u961f\r\n          <\/h3>\r\n\r\n          <ul class=\"tometal-team-list\">\r\n            <li>\u83b7\u5f97\u6cd5\u8bed\u6559\u5b66\u8d44\u683c\u7684\u6cd5\u8bed\u6559\u5e08<\/li>\r\n            <li>\u5728\u6559\u80b2\u754c\u4eab\u6709\u826f\u597d\u7684\u58f0\u8a89<\/li>\r\n            <li>\r\n              \u6839\u636e\u56fd\u5bb6\u6559\u80b2\u6807\u51c6\u5f00\u5c55\u7ee7\u7eed\u6559\u80b2\r\n            <\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-team-card\">\r\n\r\n          <h3>\r\n            \u82f1\u56fd\u961f\r\n          <\/h3>\r\n\r\n          <ul class=\"tometal-team-list\">\r\n            <li>\u5408\u683c\u7684\u53cc\u8bed\u6559\u5e08<\/li>\r\n            <li>\u82f1\u8bed\u6559\u5b66\u7ecf\u9a8c<\/li>\r\n            <li>\u79ef\u6781\u4e3b\u52a8\u7684\u6c89\u6d78\u5f0f\u6559\u5b66\u65b9\u6cd5<\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-team-card\">\r\n\r\n          <h3>\r\n            \u82f1\u8bed\u7cfb\u7edf\u56e2\u961f \u2014 2027\r\n          <\/h3>\r\n\r\n          <ul class=\"tometal-team-list\">\r\n            <li>\r\n              \u5408\u683c\u4e14\u53d7\u8fc7\u82f1\u56fd\u8bfe\u7a0b\u6807\u51c6\u57f9\u8bad\u7684\u53cc\u8bed\u6559\u5e08\r\n            <\/li>\r\n            <li>\u82f1\u8bed\u6559\u5b66\u7ecf\u9a8c<\/li>\r\n            <li>\r\n              \u4ee5\u5b66\u751f\u4e3a\u4e2d\u5fc3\u3001\u7b26\u5408\u56fd\u5bb6\u8bfe\u7a0b\u7684\u6559\u5b66\u65b9\u6cd5\r\n            <\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-team-card\">\r\n\r\n          <h3>\r\n            \u4e2d\u56fd\u9879\u76ee\u7ec4\r\n          <\/h3>\r\n\r\n          <ul class=\"tometal-team-list\">\r\n            <li>\r\n              \u7ecf\u8ba4\u8bc1\u7684\u6c49\u8bed\u6559\u5e08\uff0c\u4e0e\u5b54\u5b50\u5b66\u9662\u5408\u4f5c\r\n            <\/li>\r\n            <li>\r\n              \u4ece\u5e7c\u513f\u56ed\u5f00\u59cb\u5c31\u5f15\u5165\u8da3\u5473\u6027\u548c\u6587\u5316\u5143\u7d20\r\n            <\/li>\r\n            <li>\r\n              \u7ed3\u6784\u5316\u7684\u5347\u5b66\u8ba1\u5212\uff0c\u4e00\u76f4\u5230\u9ad8\u4e2d\u9636\u6bb5\r\n            <\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       INFRASTRUCTURES\r\n       ===================================================== -->\r\n\r\n  <section class=\"tometal-about-section tometal-about-section-soft\">\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-about-heading\">\r\n\r\n        <div class=\"tometal-about-kicker\">\r\n          \u6821\u56ed\r\n        <\/div>\r\n\r\n        <h2 class=\"tometal-about-title\">\r\n          \u6211\u4eec\u7684\u57fa\u7840\u8bbe\u65bd\r\n        <\/h2>\r\n\r\n        <p class=\"tometal-about-intro\">\r\n          \u6211\u4eec\u5728\u5b89\u5854\u90a3\u90a3\u5229\u4f5b\u7684\u73b0\u4ee3\u6821\u56ed\u65e8\u5728\u63d0\u4f9b\u523a\u6fc0\u3001\u5b89\u5168\u4e14\u9f13\u821e\u4eba\u5fc3\u7684\u5b66\u4e60\u73af\u5883\u3002.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tometal-infrastructure-grid\">\r\n\r\n        <article class=\"tometal-infrastructure-card\">\r\n\r\n          <div class=\"tometal-infrastructure-icon\">\r\n            \ud83c\udfeb\r\n          <\/div>\r\n\r\n          <h3>\r\n            \u6559\u5b66\u7a7a\u95f4\r\n          <\/h3>\r\n\r\n          <ul>\r\n            <li>\u660e\u4eae\u4e14\u8bbe\u5907\u9f50\u5168\u7684\u6559\u5ba4<\/li>\r\n            <li>\u79d1\u5b66\u5b9e\u9a8c\u5ba4<\/li>\r\n            <li>\u8ba1\u7b97\u673a\u6559\u5ba4<\/li>\r\n            <li>\u591a\u5a92\u4f53\u5ba4\u548c\u8bed\u8a00\u5ba4<\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-infrastructure-card\">\r\n\r\n          <div class=\"tometal-infrastructure-icon\">\r\n            \ud83c\udf33\r\n          <\/div>\r\n\r\n          <h3>\r\n            \u751f\u6d3b\u7a7a\u95f4\r\n          <\/h3>\r\n\r\n          <ul>\r\n            <li>\u6811\u6728\u7e41\u8302\u7684\u6e38\u4e50\u573a<\/li>\r\n            <li>\u63d0\u4f9b\u5747\u8861\u8425\u517b\u7684\u81ea\u52a9\u9910\u5385<\/li>\r\n            <li>\u7eff\u5730<\/li>\r\n            <li>\u8986\u76d6\u7684\u9884\u7559\u7a7a\u95f4<\/li>\r\n            <li>\u533b\u52a1\u5ba4<\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-infrastructure-card\">\r\n\r\n          <div class=\"tometal-infrastructure-icon\">\r\n            \ud83c\udfa8\r\n          <\/div>\r\n\r\n          <h3>\r\n            \u4e13\u7528\u7a7a\u95f4\r\n          <\/h3>\r\n\r\n          <ul>\r\n            <li>\u4e2d\u56fd\u8bed\u548c\u4e66\u6cd5\u5ba4<\/li>\r\n            <li>\u7f8e\u672f\u5ba4<\/li>\r\n            <li>\u4e09\u8bed\u56fe\u4e66\u9986<\/li>\r\n            <li>\u97f3\u4e50\u5ba4<\/li>\r\n            <li>\u793c\u5802<\/li>\r\n          <\/ul>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tometal-gallery-note\">\r\n        \u5f53\u6700\u7ec8\u7684\u7167\u7247\u51c6\u5907\u5c31\u7eea\u65f6\uff0c\u8fd9\u91cc\u5c06\u6dfb\u52a0\u4e00\u4e2a\u6444\u5f71\u9986\u548c\u6821\u56ed\u865a\u62df\u4e4b\u65c5\u529f\u80fd\u3002.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PARTENAIRES\r\n       ===================================================== -->\r\n\r\n  <section class=\"tometal-about-section\">\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-about-heading\">\r\n\r\n        <div class=\"tometal-about-kicker\">\r\n          \u5408\u4f5c\r\n        <\/div>\r\n\r\n        <h2 class=\"tometal-about-title\">\r\n          \u6211\u4eec\u7684\u5408\u4f5c\u4f19\u4f34\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tometal-partners-grid\">\r\n\r\n        <article class=\"tometal-partner-card\">\r\n\r\n          <h3>\r\n            \u5b89\u5854\u90a3\u90a3\u91cc\u6c83\u5927\u5b66\u5b54\u5b50\u5b66\u9662\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u4e2d\u56fd\u8bed\u8a00\u57f9\u8bad\u3001\u6587\u5316\u5408\u4f5c\u548c\u9879\u76ee\u5408\u4f5c\u6218\u7565\u4f19\u4f34\u5173\u7cfb\u3002.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-partner-card\">\r\n\r\n          <h3>\r\n            AEFE\u8ba4\u8bc1\u7a0b\u5e8f\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u6cd5\u56fd\u6b63\u5728\u5236\u5b9a\u8ba4\u8bc1\u7a0b\u5e8f\uff0c\u4ee5\u52a0\u5f3a\u5bf9\u6240\u63d0\u4f9b\u7684\u5b66\u4e60\u8def\u5f84\u7684\u5b66\u672f\u8ba4\u53ef\u3002.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"tometal-partner-card\">\r\n\r\n          <h3>\r\n            \u56fd\u9645\u5408\u4f5c\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u8ba1\u5212\u672a\u6765\u5efa\u7acb\u5408\u4f5c\u5173\u7cfb\uff0c\u4ee5\u652f\u6301\u82f1\u56fd\u8ba1\u5212\u7684\u53d1\u5c55\u548c\u8ba4\u8bc1\u5de5\u4f5c\u3002.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CONTACT\r\n       ===================================================== -->\r\n\r\n  <section\r\n    class=\"tometal-about-section tometal-about-section-soft\"\r\n    id=\"nous-contacter\"\r\n  >\r\n\r\n    <div class=\"tometal-about-shell\">\r\n\r\n      <div class=\"tometal-contact-grid\">\r\n\r\n        <aside class=\"tometal-contact-card\">\r\n\r\n          <h3>\r\n            \u6258\u6885\u5854\u5c14\u7814\u7a76\u6240 \u2014 \u8d39\u8bfa\u963f\u91cc\u6c83\r\n          <\/h3>\r\n\r\n          <ul class=\"tometal-contact-list\">\r\n\r\n            <li>\r\n              <span>\ud83d\udccd<\/span>\r\n              <span>\r\n                \u83f2\u62c9\u74e6\u54c8\u7eb3\u3001\u82ac\u8bfa\u963f\u7f57\u7ef4\u3001\u5854\u90a3\u90a3\u5229\u4f5b \u2014 \u9a6c\u8fbe\u52a0\u65af\u52a0\r\n              <\/span>\r\n            <\/li>\r\n\r\n            <li>\r\n              <span>\u2709<\/span>\r\n              <span>\r\n                contact@institut-tometal.com\r\n              <\/span>\r\n            <\/li>\r\n\r\n            <li>\r\n              <span>\u260e<\/span>\r\n              <span>\r\n                +261 34 30 591 88\r\n              <\/span>\r\n            <\/li>\r\n\r\n            <li>\r\n              <span>\ud83c\udf10<\/span>\r\n              <span>\r\n                Facebook\uff1a\u6258\u6885\u5854\u5c14\u7814\u7a76\u6240 | \u82ac\u8bfa\u963f\u7ef4\u7f57\r\n              <\/span>\r\n            <\/li>\r\n\r\n          <\/ul>\r\n\r\n          <div class=\"tometal-contact-hours\">\r\n\r\n            <strong>\r\n              \u79d8\u4e66\u5904\u7684\u529e\u516c\u65f6\u95f4\r\n            <\/strong>\r\n\r\n            <p>\r\n              \u5468\u4e00\u81f3\u5468\u4e94\uff1a8:00 \u2013 17:00<br>\r\n              \u5468\u516d\uff1a\u4e0a\u53488:30\u81f3\u4e2d\u534812:00\uff0c\u9700\u9884\u7ea6\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n        <div class=\"tometal-contact-content\">\r\n\r\n          <div class=\"tometal-about-kicker\">\r\n            \u8054\u7cfb\u6211\u4eec\r\n          <\/div>\r\n\r\n          <h2>\r\n            \u8ba9\u6211\u4eec\u8c08\u8c08\u60a8\u5b69\u5b50\u7684\u5b66\u6821\u9879\u76ee\u5427\r\n          <\/h2>\r\n\r\n          <p>\r\n            \u6211\u4eec\u7684\u56e2\u961f\u968f\u65f6\u4e3a\u60a8\u89e3\u7b54\u95ee\u9898\uff0c\u4ecb\u7ecd\u8bfe\u7a0b\u5b89\u6392\uff0c\u5e76\u6307\u5bfc\u60a8\u5b8c\u6210\u6ce8\u518c\u7684\u5404\u4e2a\u6b65\u9aa4\u3002.\r\n          <\/p>\r\n\r\n          <div class=\"tometal-contact-actions\">\r\n\r\n            <a\r\n              class=\"tometal-contact-btn tometal-contact-btn-dark\"\r\n              href=\"#\"\r\n            >\r\n              \u67e5\u770b\u8bbf\u95ee\u8def\u7ebf\u56fe\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"tometal-contact-btn tometal-contact-btn-gold\"\r\n              href=\"\/zh\/admissions-inscriptions\/#reserver-visite\"\r\n            >\r\n              \u9884\u7ea6\u53c2\u89c2\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"tometal-contact-btn tometal-contact-btn-red\"\r\n              href=\"\/zh\/admissions-inscriptions\/\"\r\n            >\r\n              \u62a5\u540d\u53c2\u52a02026\u20132027\u8d5b\u5b63\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Qui sommes-nous ? Une \u00e9cole tourn\u00e9e vers le monde L\u2019Institut Tometal est un \u00e9tablissement scolaire moderne et plurilingue, con\u00e7u pour pr\u00e9parer chaque enfant \u00e0 r\u00e9ussir dans un environnement acad\u00e9mique national et international, tout en valorisant son identit\u00e9, sa culture et son potentiel. D\u00e9couvrir notre vision Rencontrer notre \u00e9quipe Donner \u00e0 chaque enfant l\u2019opportunit\u00e9 de choisir [&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":"","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-1787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages\/1787","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=1787"}],"version-history":[{"count":7,"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages\/1787\/revisions"}],"predecessor-version":[{"id":1795,"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/pages\/1787\/revisions\/1795"}],"wp:attachment":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/zh\/wp-json\/wp\/v2\/media?parent=1787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}