Outiref

Code source de l'URL : http://metrio.ze-truc.fr/

<!doctype html>
<html lang="fr-FR">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="icon" type="image/png" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/favicon-96x96-DhKPvfjQ.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/favicon-CQlkQxEs.svg" />
    <link rel="shortcut icon" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/favicon-D-BLi-D1.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/apple-touch-icon-Cbq4mxi1.png" />
    <meta name="apple-mobile-web-app-title" content="Metrio" />
    <link rel="manifest" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/site-BxpMbFal.webmanifest" />

        <meta name='robots' content='noindex, nofollow' />
    <!-- cmp (zetruc) — Consent Mode v2 default -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}

      gtag('consent', 'default', {"analytics_storage":"denied","ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied","wait_for_update":500});
    </script>
    
	<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Vérification de Balances à Paris | Métrio by Timber</title>
	<meta name="description" content="Expert en métrologie légale à Paris, Métrio intervient en scooter électrique pour la vérification, réparation et location de balances. Bouchers, pharmaciens : devis gratuit." />
	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Vérification de Balances à Paris | Métrio by Timber" />
	<meta property="og:description" content="Expert en métrologie légale à Paris, Métrio intervient en scooter électrique pour la vérification, réparation et location de balances. Bouchers, pharmaciens : devis gratuit." />
	<meta property="og:url" content="https://metrio.ze-truc.fr/" />
	<meta property="og:site_name" content="Métrio by Timber" />
	<meta property="article:modified_time" content="2026-03-06T08:23:49+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://metrio.ze-truc.fr/","url":"https://metrio.ze-truc.fr/","name":"Vérification de Balances à Paris | Métrio by Timber","isPartOf":{"@id":"https://metrio.ze-truc.fr/#website"},"datePublished":"2026-02-20T13:59:22+00:00","dateModified":"2026-03-06T08:23:49+00:00","description":"Expert en métrologie légale à Paris, Métrio intervient en scooter électrique pour la vérification, réparation et location de balances. Bouchers, pharmaciens : devis gratuit.","breadcrumb":{"@id":"https://metrio.ze-truc.fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://metrio.ze-truc.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://metrio.ze-truc.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://metrio.ze-truc.fr/#website","url":"https://metrio.ze-truc.fr/","name":"Métrio by Timber","description":"Métrio by Timber, votre expert en métrologie légale à Paris. Vérification, réparation et location de balances professionnelles.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://metrio.ze-truc.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://metrio.ze-truc.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetrio.ze-truc.fr%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://metrio.ze-truc.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetrio.ze-truc.fr%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css'>
:root{
  --wp-block-synced-color:#7a00df;
  --wp-block-synced-color--rgb:122, 0, 223;
  --wp-bound-block-color:var(--wp-block-synced-color);
  --wp-editor-canvas-background:#ddd;
  --wp-admin-theme-color:#007cba;
  --wp-admin-theme-color--rgb:0, 124, 186;
  --wp-admin-theme-color-darker-10:#006ba1;
  --wp-admin-theme-color-darker-10--rgb:0, 107, 160.5;
  --wp-admin-theme-color-darker-20:#005a87;
  --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  --wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
  :root{
    --wp-admin-border-width-focus:1.5px;
  }
}
.wp-element-button{
  cursor:pointer;
}

:root .has-very-light-gray-background-color{
  background-color:#eee;
}
:root .has-very-dark-gray-background-color{
  background-color:#313131;
}
:root .has-very-light-gray-color{
  color:#eee;
}
:root .has-very-dark-gray-color{
  color:#313131;
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{
  background:linear-gradient(135deg, #00d084, #0693e3);
}
:root .has-purple-crush-gradient-background{
  background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}
:root .has-hazy-dawn-gradient-background{
  background:linear-gradient(135deg, #faaca8, #dad0ec);
}
:root .has-subdued-olive-gradient-background{
  background:linear-gradient(135deg, #fafae1, #67a671);
}
:root .has-atomic-cream-gradient-background{
  background:linear-gradient(135deg, #fdd79a, #004a59);
}
:root .has-nightshade-gradient-background{
  background:linear-gradient(135deg, #330968, #31cdcf);
}
:root .has-midnight-gradient-background{
  background:linear-gradient(135deg, #020381, #2874fc);
}
:root{
  --wp--preset--font-size--normal:16px;
  --wp--preset--font-size--huge:42px;
}

.has-regular-font-size{
  font-size:1em;
}

.has-larger-font-size{
  font-size:2.625em;
}

.has-normal-font-size{
  font-size:var(--wp--preset--font-size--normal);
}

.has-huge-font-size{
  font-size:var(--wp--preset--font-size--huge);
}

.has-text-align-center{
  text-align:center;
}

.has-text-align-left{
  text-align:left;
}

.has-text-align-right{
  text-align:right;
}

.has-fit-text{
  white-space:nowrap !important;
}

#end-resizable-editor-section{
  display:none;
}

.aligncenter{
  clear:both;
}

.items-justified-left{
  justify-content:flex-start;
}

.items-justified-center{
  justify-content:center;
}

.items-justified-right{
  justify-content:flex-end;
}

.items-justified-space-between{
  justify-content:space-between;
}

.screen-reader-text{
  border:0;
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal !important;
}

.screen-reader-text:focus{
  background-color:#ddd;
  clip-path:none;
  color:#444;
  display:block;
  font-size:1em;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000;
}
html :where(.has-border-color){
  border-style:solid;
}

html :where([style*=border-top-color]){
  border-top-style:solid;
}

html :where([style*=border-right-color]){
  border-right-style:solid;
}

html :where([style*=border-bottom-color]){
  border-bottom-style:solid;
}

html :where([style*=border-left-color]){
  border-left-style:solid;
}

html :where([style*=border-width]){
  border-style:solid;
}

html :where([style*=border-top-width]){
  border-top-style:solid;
}

html :where([style*=border-right-width]){
  border-right-style:solid;
}

html :where([style*=border-bottom-width]){
  border-bottom-style:solid;
}

html :where([style*=border-left-width]){
  border-left-style:solid;
}
html :where(img[class*=wp-image-]){
  height:auto;
  max-width:100%;
}
:where(figure){
  margin:0 0 1em;
}

html :where(.is-position-sticky){
  --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px);
}

@media screen and (max-width:600px){
  html :where(.is-position-sticky){
    --wp-admin--admin-bar--position-offset:0px;
  }
}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--red-50: oklch(97.1% .013 17.38);--wp--preset--color--red-400: oklch(70.4% .191 22.216);--wp--preset--color--red-500: oklch(63.7% .237 25.331);--wp--preset--color--yellow-50: oklch(98.7% .026 102.212);--wp--preset--color--yellow-400: oklch(85.2% .199 91.936);--wp--preset--color--green-50: oklch(98.2% .018 155.826);--wp--preset--color--green-400: oklch(79.2% .209 151.711);--wp--preset--color--indigo-50: oklch(96.2% .018 272.314);--wp--preset--color--indigo-400: oklch(67.3% .182 276.935);--wp--preset--color--gray-500: oklch(55.1% .027 264.364);--wp--preset--color--primary: #1e4459;--wp--preset--color--green-primary: #43aa34;--wp--preset--color--dark-green: #1a302f;--wp--preset--color--dark-gray: #343b41;--wp--preset--color--light-gray: #e5e5e5;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: .75rem;--wp--preset--font-size--sm: .875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-family--sans: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--wp--preset--font-family--mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--wp--preset--font-family--display: Orbitron,sans-serif;--wp--preset--font-family--body: Raleway,sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 48rem;--wp--style--global--wide-size: 48rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-green-primary-color{color: var(--wp--preset--color--green-primary) !important;}.has-dark-green-color{color: var(--wp--preset--color--dark-green) !important;}.has-dark-gray-color{color: var(--wp--preset--color--dark-gray) !important;}.has-light-gray-color{color: var(--wp--preset--color--light-gray) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-green-primary-background-color{background-color: var(--wp--preset--color--green-primary) !important;}.has-dark-green-background-color{background-color: var(--wp--preset--color--dark-green) !important;}.has-dark-gray-background-color{background-color: var(--wp--preset--color--dark-gray) !important;}.has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-green-primary-border-color{border-color: var(--wp--preset--color--green-primary) !important;}.has-dark-green-border-color{border-color: var(--wp--preset--color--dark-green) !important;}.has-dark-gray-border-color{border-color: var(--wp--preset--color--dark-gray) !important;}.has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;}.has-display-font-family{font-family: var(--wp--preset--font-family--display) !important;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='contact-form-7-css' href='https://metrio.ze-truc.fr/app/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5' media='all' />
<link rel="https://api.w.org/" href="https://metrio.ze-truc.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://metrio.ze-truc.fr/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metrio.ze-truc.fr/wp/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.1" />
<link rel='shortlink' href='https://metrio.ze-truc.fr/' />
<link rel="icon" href="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGOS-05.svg" sizes="32x32" />
<link rel="icon" href="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGOS-05.svg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGOS-05.svg" />
<meta name="msapplication-TileImage" content="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGOS-05.svg" />

    <link rel="preload" as="style" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/app-BMgqsmOw.css" /><link rel="modulepreload" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/app-o2L-xOTz.js" /><link rel="stylesheet" href="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/app-BMgqsmOw.css" /><script type="module" src="https://metrio.ze-truc.fr/app/themes/metrio/public/build/assets/app-o2L-xOTz.js"></script>
    
    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
    <script src="https://assets.calendly.com/assets/external/widget.js" async></script>
<style id='core-block-supports-inline-css'>
/**
 * Core styles: block-supports
 */

/*# sourceURL=core-block-supports-inline-css */
</style>

</head>


<body class="home wp-singular page-template page-template-page-home page page-id-7 wp-embed-responsive wp-theme-metrio">
    

    <div id="app">
        <a class="sr-only focus:not-sr-only" href="#main">
            Skip to content
        </a>

        <header class="fixed top-0 left-0 right-0 z-[1000] bg-white/95 backdrop-blur-sm border-b border-black/5 transition-all duration-300" id="site-header">
    <div class="max-w-container mx-auto px-8 py-4 flex justify-between items-center">

        
        <a href="https://metrio.ze-truc.fr/" class="h-[45px] w-auto block">
                            <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGO_PRIMAIRE_NOIR_SVG.svg" alt="Métrio by Timber" class="h-full w-auto">
                    </a>

        
        <div class="hidden lg:flex items-center gap-10">
            <nav>
                <ul class="flex list-none gap-10 items-center"><li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="https://metrio.ze-truc.fr/qui-sommes-nous/">Qui sommes-nous ?</a></li>
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://metrio.ze-truc.fr/nos-prestations/">Nos prestations</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13"><a href="#">Le hub « Métiers »</a>
<ul class="sub-menu">
	<li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="https://metrio.ze-truc.fr/commerces-de-bouche/">Commerces de Bouche</a></li>
	<li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://metrio.ze-truc.fr/pharmacie-sante-precision/">Pharmacie, Santé &amp; Précision</a></li>
</ul>
</li>
<li id="menu-item-195" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"><a href="https://metrio.ze-truc.fr/nos-produits/">Nos produits</a></li>
<li id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a href="https://metrio.ze-truc.fr/faq/">FAQ</a></li>
</ul>
            </nav>

                            <a href="/contact/"  class="nav-cta !no-underline !text-white bg-green-primary px-6 py-3 rounded font-semibold text-[0.95rem] tracking-wide transition-all duration-300 hover:bg-dark-green">
                    Contact
                </a>
                    </div>

        
        <button class="lg:hidden relative w-8 h-8 flex items-center justify-center" id="mobile-menu-toggle" aria-label="Menu">
            <span class="burger-line absolute w-6 h-0.5 bg-dark-gray transition-all duration-300 -translate-y-2"></span>
            <span class="burger-line absolute w-6 h-0.5 bg-dark-gray transition-all duration-300"></span>
            <span class="burger-line absolute w-4 h-0.5 bg-dark-gray transition-all duration-300 translate-y-2 ml-auto right-1"></span>
        </button>
    </div>
</header>


<div class="fixed inset-0 bg-black/50 z-[1001] opacity-0 pointer-events-none transition-opacity duration-300 lg:hidden" id="mobile-overlay"></div>


<div class="fixed top-0 right-0 h-full w-[300px] max-w-[85vw] bg-white z-[1002] translate-x-full transition-transform duration-300 ease-in-out lg:hidden shadow-lg-custom" id="mobile-drawer" role="dialog" aria-modal="true" aria-label="Menu de navigation">

    
    <div class="flex items-center justify-between px-8 py-5 border-b border-light-gray">
        <a href="https://metrio.ze-truc.fr/" class="h-[35px] w-auto block">
                            <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGO_PRIMAIRE_NOIR_SVG.svg" alt="Métrio by Timber" class="h-full w-auto">
                    </a>
        <button class="w-8 h-8 flex items-center justify-center rounded-full hover:bg-light-gray transition-colors duration-200" id="mobile-drawer-close" aria-label="Fermer">
            <svg class="w-5 h-5 stroke-dark-gray" viewbox="0 0 24 24" fill="none" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
        </button>
    </div>

    
    <nav class="px-8 py-8">
        <ul class="list-none flex flex-col gap-1"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="https://metrio.ze-truc.fr/qui-sommes-nous/">Qui sommes-nous ?</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://metrio.ze-truc.fr/nos-prestations/">Nos prestations</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13"><a href="#">Le hub « Métiers »</a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="https://metrio.ze-truc.fr/commerces-de-bouche/">Commerces de Bouche</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://metrio.ze-truc.fr/pharmacie-sante-precision/">Pharmacie, Santé &amp; Précision</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"><a href="https://metrio.ze-truc.fr/nos-produits/">Nos produits</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a href="https://metrio.ze-truc.fr/faq/">FAQ</a></li>
</ul>
    </nav>

    
            <div class="px-8 mt-auto">
            <a href="/contact/"  class="block text-center no-underline text-white bg-green-primary px-6 py-4 rounded-lg font-semibold text-base tracking-wide transition-all duration-300 hover:bg-dark-green">
                Contact
            </a>
        </div>
    </div>

        <main id="main" class="main">
            


<section class="hero min-h-screen flex items-center relative overflow-hidden" style="background: linear-gradient(135deg, #1a302f 0%, #343b41 100%);">
            <div class="absolute inset-0 bg-center bg-cover bg-no-repeat opacity-25 pointer-events-none" style="background-image: url('https://metrio.ze-truc.fr/app/uploads/2026/02/boutique-metrio.webp');"></div>
        <div class="hero-grid"></div>

    <div class="max-w-container mx-auto px-8 pt-32 pb-16 grid grid-cols-1 lg:grid-cols-[1.2fr_0.8fr] gap-16 items-center relative z-[3]">
        <div class="text-center lg:text-left">
                            <div class="inline-flex items-center gap-2 bg-green-primary/15 border border-green-primary/30 px-4 py-2 rounded-full mb-6 text-green-primary text-sm font-semibold tracking-wide mx-auto lg:mx-0">
                    <svg class="w-4 h-4" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
                    Une marque du groupe Timber Productions
                </div>
            
            <h1 class="font-display text-[clamp(2rem,4vw,3.2rem)] font-bold text-white leading-tight mb-6 tracking-tight">
                Vérification de Balances à Paris : <span>L'Expertise Métrologique</span> de Proximité
            </h1>

                            <div class="text-lg text-white/80 mb-4 max-w-[580px] leading-relaxed mx-auto lg:mx-0">
                    <p>Votre partenaire de proximité pour la mise en conformité, le dépannage et l&rsquo;équipement de votre commerce. Membre du réseau CTVIM.</p>

                </div>
            
            <div class="flex gap-4 items-center flex-wrap mt-8 justify-center lg:justify-start">
                                    <a href="https://calendly.com/metrio/30min"  class="inline-flex items-center gap-3 bg-green-primary text-white px-10 py-4 no-underline font-semibold text-base tracking-wide rounded transition-all duration-300 hover:bg-white hover:text-dark-green hover:-translate-y-0.5 hover:shadow-lg-custom group">
                        Demander une intervention
                        <svg class="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                                                    <a href="tel:+33685241435"  class="inline-flex items-center gap-3 bg-transparent text-white px-8 py-4 no-underline font-semibold text-base border-2 border-white/30 rounded transition-all duration-300 hover:border-green-primary hover:bg-green-primary/10">
                        <svg class="w-5 h-5 stroke-green-primary" viewbox="0 0 24 24" fill="none" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                        Urgence panne ? 06 85 24 14 35
                    </a>
                            </div>
        </div>

        <div class="hidden lg:flex relative justify-center items-center">
            <div class="w-[420px] h-[420px] bg-gradient-to-br from-green-primary to-green-primary/60 animate-morph flex justify-center items-center relative" style="box-shadow: 0 30px 80px rgba(67, 170, 52, 0.3);">
                <svg class="w-40 h-40 fill-none stroke-white opacity-90" style="stroke-width: 1.5;" viewbox="0 0 64 64">
                    <line x1="32" y1="8" x2="32" y2="56"/>
                    <line x1="16" y1="56" x2="48" y2="56"/>
                    <line x1="12" y1="18" x2="52" y2="18"/>
                    <polyline points="12,18 8,36"/>
                    <polyline points="52,18 56,36"/>
                    <path d="M2,36 Q8,46 14,36"/>
                    <path d="M50,36 Q56,46 62,36"/>
                    <circle cx="32" cy="18" r="3"/>
                </svg>
            </div>
        </div>
    </div>
</section>
            <div class="bg-white border-b border-light-gray py-5 px-8 max-md:py-3 max-md:px-0 overflow-hidden">
    
    <div class="max-w-[1400px] mx-auto flex items-center justify-center gap-x-5 gap-y-8 flex-wrap max-md:hidden">
                                <div class="flex items-center gap-2.5 max-lg:flex-col max-lg:text-center max-lg:gap-1.5 max-lg:w-[calc(33.333%-1rem)]">
                                    <div class="w-9 h-9 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-check-shield.svg" alt="Origine France Garantie" loading="lazy" class="w-5 h-5 object-contain svg-green">
                    </div>
                                <div class="text-[0.8rem] font-semibold text-dark-green leading-tight">
                    Origine France Garantie
                                            <span class="block text-[0.7rem] font-normal text-dark-gray opacity-70 mt-0.5">Label certifié Bureau Veritas</span>
                                    </div>
            </div>
                                    <div class="w-px h-8 bg-light-gray max-lg:hidden"></div>
                        <div class="flex items-center gap-2.5 max-lg:flex-col max-lg:text-center max-lg:gap-1.5 max-lg:w-[calc(33.333%-1rem)]">
                                    <div class="w-9 h-9 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-check-circle.svg" alt="Membre du Réseau CTVIM" loading="lazy" class="w-5 h-5 object-contain svg-green">
                    </div>
                                <div class="text-[0.8rem] font-semibold text-dark-green leading-tight">
                    Membre du Réseau CTVIM
                                            <span class="block text-[0.7rem] font-normal text-dark-gray opacity-70 mt-0.5">Agréé pour la vérification périodique des IPF(N)A.</span>
                                    </div>
            </div>
                                    <div class="w-px h-8 bg-light-gray max-lg:hidden"></div>
                        <div class="flex items-center gap-2.5 max-lg:flex-col max-lg:text-center max-lg:gap-1.5 max-lg:w-[calc(33.333%-1rem)]">
                                    <div class="w-9 h-9 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-flag.svg" alt="French Fab" loading="lazy" class="w-5 h-5 object-contain svg-green">
                    </div>
                                <div class="text-[0.8rem] font-semibold text-dark-green leading-tight">
                    French Fab
                                            <span class="block text-[0.7rem] font-normal text-dark-gray opacity-70 mt-0.5">L&#039;industrie française qui innove</span>
                                    </div>
            </div>
                                    <div class="w-px h-8 bg-light-gray max-lg:hidden"></div>
                        <div class="flex items-center gap-2.5 max-lg:flex-col max-lg:text-center max-lg:gap-1.5 max-lg:w-[calc(33.333%-1rem)]">
                                    <div class="w-9 h-9 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-star.svg" alt=" Palais de l&#039;Élysée" loading="lazy" class="w-5 h-5 object-contain svg-green">
                    </div>
                                <div class="text-[0.8rem] font-semibold text-dark-green leading-tight">
                     Palais de l&#039;Élysée
                                            <span class="block text-[0.7rem] font-normal text-dark-gray opacity-70 mt-0.5">Exposition du Fabriqué en France</span>
                                    </div>
            </div>
                                    <div class="w-px h-8 bg-light-gray max-lg:hidden"></div>
                        <div class="flex items-center gap-2.5 max-lg:flex-col max-lg:text-center max-lg:gap-1.5 max-lg:w-[calc(33.333%-1rem)]">
                                    <div class="w-9 h-9 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-briefcase.svg" alt="Depuis 1990" loading="lazy" class="w-5 h-5 object-contain svg-green">
                    </div>
                                <div class="text-[0.8rem] font-semibold text-dark-green leading-tight">
                    Depuis 1990
                                            <span class="block text-[0.7rem] font-normal text-dark-gray opacity-70 mt-0.5">36 ans d&#039;expertise pesage</span>
                                    </div>
            </div>
            </div>

    
    <div class="md:hidden flex items-center gap-5 overflow-x-auto scrollbar-hide px-5 snap-x snap-mandatory">
                                <div class="flex items-center gap-2 shrink-0 snap-start">
                                    <div class="w-8 h-8 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-check-shield.svg" alt="Origine France Garantie" loading="lazy" class="w-4 h-4 object-contain svg-green">
                    </div>
                                <div class="text-[0.7rem] font-semibold text-dark-green leading-tight whitespace-nowrap">
                    Origine France Garantie
                                            <span class="block text-[0.6rem] font-normal text-dark-gray opacity-70 mt-0.5">Label certifié Bureau Veritas</span>
                                    </div>
            </div>
                                    <div class="w-px h-6 bg-light-gray shrink-0"></div>
                        <div class="flex items-center gap-2 shrink-0 snap-start">
                                    <div class="w-8 h-8 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-check-circle.svg" alt="Membre du Réseau CTVIM" loading="lazy" class="w-4 h-4 object-contain svg-green">
                    </div>
                                <div class="text-[0.7rem] font-semibold text-dark-green leading-tight whitespace-nowrap">
                    Membre du Réseau CTVIM
                                            <span class="block text-[0.6rem] font-normal text-dark-gray opacity-70 mt-0.5">Agréé pour la vérification périodique des IPF(N)A.</span>
                                    </div>
            </div>
                                    <div class="w-px h-6 bg-light-gray shrink-0"></div>
                        <div class="flex items-center gap-2 shrink-0 snap-start">
                                    <div class="w-8 h-8 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-flag.svg" alt="French Fab" loading="lazy" class="w-4 h-4 object-contain svg-green">
                    </div>
                                <div class="text-[0.7rem] font-semibold text-dark-green leading-tight whitespace-nowrap">
                    French Fab
                                            <span class="block text-[0.6rem] font-normal text-dark-gray opacity-70 mt-0.5">L&#039;industrie française qui innove</span>
                                    </div>
            </div>
                                    <div class="w-px h-6 bg-light-gray shrink-0"></div>
                        <div class="flex items-center gap-2 shrink-0 snap-start">
                                    <div class="w-8 h-8 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-star.svg" alt=" Palais de l&#039;Élysée" loading="lazy" class="w-4 h-4 object-contain svg-green">
                    </div>
                                <div class="text-[0.7rem] font-semibold text-dark-green leading-tight whitespace-nowrap">
                     Palais de l&#039;Élysée
                                            <span class="block text-[0.6rem] font-normal text-dark-gray opacity-70 mt-0.5">Exposition du Fabriqué en France</span>
                                    </div>
            </div>
                                    <div class="w-px h-6 bg-light-gray shrink-0"></div>
                        <div class="flex items-center gap-2 shrink-0 snap-start">
                                    <div class="w-8 h-8 bg-green-primary/10 rounded-lg flex items-center justify-center shrink-0">
                        <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-briefcase.svg" alt="Depuis 1990" loading="lazy" class="w-4 h-4 object-contain svg-green">
                    </div>
                                <div class="text-[0.7rem] font-semibold text-dark-green leading-tight whitespace-nowrap">
                    Depuis 1990
                                            <span class="block text-[0.6rem] font-normal text-dark-gray opacity-70 mt-0.5">36 ans d&#039;expertise pesage</span>
                                    </div>
            </div>
            </div>
</div>
            


<section class="bg-light-gray py-24 px-8 md:px-8 max-md:py-16 max-md:px-6" id="secteurs">
    <div class="max-w-container mx-auto">
        <div class="text-center mb-16">
                            <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/10 rounded">Votre secteur d&#039;activité</span>
                                        <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-dark-green leading-tight mb-4">Quel est votre secteur d&#039;activité ?</h2>
                                        <div class="text-lg text-dark-gray max-w-[650px] mx-auto opacity-80 leading-relaxed"><p>Nous adaptons nos procédures de vérification à votre classe de précision (II ou III) et à vos horaires d&rsquo;ouverture.</p>
</div>
                    </div>

        <div class="grid grid-cols-1 lg:grid-cols-2 gap-10">
                            <div class="aiguillage-card bg-white rounded-xl overflow-hidden relative transition-all duration-300 hover:-translate-y-1.5 hover:shadow-lg-custom">
                    <div class="w-full h-[220px] overflow-hidden relative">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/bouche.webp" alt="Commerces de Bouche" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
                                            </div>
                    <div class="p-10">
                                                    <div class="w-[70px] h-[70px] bg-green-primary/10 rounded-2xl flex items-center justify-center mb-6">
                                <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/aiguillage.svg" alt="Commerces de Bouche" loading="lazy" class="w-9 h-9 object-contain svg-green">
                            </div>
                                                                            <h3 class="font-display text-[1.4rem] font-semibold text-dark-green mb-2">Commerces de Bouche</h3>
                                                                            <div class="text-[0.95rem] text-green-primary font-semibold mb-4">Boucherie, Primeur, Épicerie, Boulangerie, Fromagerie, Poissonnerie, Traiteur</div>
                                                                            <div class="text-dark-gray opacity-85 leading-relaxed mb-6"><p>Pour vos <strong>balances poids prix (Classe III)</strong> en vente directe, mais aussi vos balances pour le préemballé.</p>
</div>
                        
                                                    <ul class="list-none mb-6">
                                                                    <li class="flex items-start gap-3 mb-3 text-[0.95rem] text-dark-gray leading-relaxed">
                                        <svg class="w-5 h-5 shrink-0 stroke-green-primary fill-none mt-0.5" style="stroke-width: 2.5;" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
                                        Renouvellement de la vignette verte
                                    </li>
                                                                    <li class="flex items-start gap-3 mb-3 text-[0.95rem] text-dark-gray leading-relaxed">
                                        <svg class="w-5 h-5 shrink-0 stroke-green-primary fill-none mt-0.5" style="stroke-width: 2.5;" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
                                        Carnet métrologique à jour
                                    </li>
                                                                    <li class="flex items-start gap-3 mb-3 text-[0.95rem] text-dark-gray leading-relaxed">
                                        <svg class="w-5 h-5 shrink-0 stroke-green-primary fill-none mt-0.5" style="stroke-width: 2.5;" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
                                        Conseils et vente de matériel
                                    </li>
                                                            </ul>
                        
                                                    <div class="bg-green-primary/[0.06] border-l-[3px] border-green-primary px-5 py-4 rounded-r-lg mb-8">
                                <strong class="text-dark-green text-sm">Notre promesse :</strong>
                                <div class="text-[0.95rem] text-dark-gray opacity-85 leading-relaxed [&>p]:!mb-0"><p>Intervention rapide sans bloquer votre service client.</p>
</div>
                            </div>
                        
                                                    <a href="/commerces-de-bouche/"  class="inline-flex items-center gap-3 bg-dark-green text-white px-8 py-3.5 no-underline font-semibold text-[0.95rem] rounded transition-all duration-300 hover:bg-green-primary hover:-translate-y-0.5 group">
                                Vérifier mes balances
                                <svg class="w-[18px] h-[18px] transition-transform duration-300 group-hover:translate-x-1" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                                            </div>
                </div>
                            <div class="aiguillage-card bg-white rounded-xl overflow-hidden relative transition-all duration-300 hover:-translate-y-1.5 hover:shadow-lg-custom">
                    <div class="w-full h-[220px] overflow-hidden relative">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/pharmacie.webp" alt="Santé &amp; Précision" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
                                            </div>
                    <div class="p-10">
                                                    <div class="w-[70px] h-[70px] bg-green-primary/10 rounded-2xl flex items-center justify-center mb-6">
                                <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/sante.svg" alt="Santé &amp; Précision" loading="lazy" class="w-9 h-9 object-contain svg-green">
                            </div>
                                                                            <h3 class="font-display text-[1.4rem] font-semibold text-dark-green mb-2">Santé &amp; Précision</h3>
                                                                            <div class="text-[0.95rem] text-green-primary font-semibold mb-4">Pharmacie, Laboratoire &amp; Marchands d&#039;Or </div>
                                                                            <div class="text-dark-gray opacity-85 leading-relaxed mb-6"><p>Pour vos <strong>balances de précision</strong> (Classe II) et pesage réglementé fin.</p>
</div>
                        
                                                    <ul class="list-none mb-6">
                                                                    <li class="flex items-start gap-3 mb-3 text-[0.95rem] text-dark-gray leading-relaxed">
                                        <svg class="w-5 h-5 shrink-0 stroke-green-primary fill-none mt-0.5" style="stroke-width: 2.5;" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
                                        Renouvellement de vignette verte
                                    </li>
                                                                    <li class="flex items-start gap-3 mb-3 text-[0.95rem] text-dark-gray leading-relaxed">
                                        <svg class="w-5 h-5 shrink-0 stroke-green-primary fill-none mt-0.5" style="stroke-width: 2.5;" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
                                        Mise en conformité du carnet métrologique
                                    </li>
                                                                    <li class="flex items-start gap-3 mb-3 text-[0.95rem] text-dark-gray leading-relaxed">
                                        <svg class="w-5 h-5 shrink-0 stroke-green-primary fill-none mt-0.5" style="stroke-width: 2.5;" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
                                        Conseil et vente de balances de précision
                                    </li>
                                                            </ul>
                        
                                                    <div class="bg-green-primary/[0.06] border-l-[3px] border-green-primary px-5 py-4 rounded-r-lg mb-8">
                                <strong class="text-dark-green text-sm">Notre promesse :</strong>
                                <div class="text-[0.95rem] text-dark-gray opacity-85 leading-relaxed [&>p]:!mb-0"><p>Des techniciens formés aux exigences des activités réglementées.</p>
</div>
                            </div>
                        
                                                    <a href="/pharmacie-sante-precision/"  class="inline-flex items-center gap-3 bg-dark-green text-white px-8 py-3.5 no-underline font-semibold text-[0.95rem] rounded transition-all duration-300 hover:bg-green-primary hover:-translate-y-0.5 group">
                                Vérifier mes balances
                                <svg class="w-[18px] h-[18px] transition-transform duration-300 group-hover:translate-x-1" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                                            </div>
                </div>
                    </div>
    </div>
</section>


<section class="bg-white py-24 px-8 max-md:py-16 max-md:px-6" id="pourquoi">
    <div class="max-w-container mx-auto">
        <div class="text-center mb-16">
                            <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/10 rounded">Pourquoi nous</span>
                                        <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-dark-green leading-tight mb-4">La force d&#039;un industriel, l&#039;agilité de votre voisin</h2>
                    </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-10">
                            <div class="rounded-xl bg-white border border-light-gray transition-all duration-300 relative overflow-hidden hover:border-green-primary hover:shadow-md-custom hover:-translate-y-1">
                    <div class="w-full h-[200px] overflow-hidden">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/fabricant.webp" alt="La Caution Technique Timber" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
                                            </div>
                    <div class="px-10 py-8 pb-10">
                        <div class="font-display text-5xl font-bold text-green-primary/15 leading-none mb-4">01</div>
                                                    <h3 class="font-display text-lg font-semibold text-dark-green mb-4 leading-snug">La Caution Technique Timber</h3>
                                                                            <div class="text-dark-gray opacity-85 leading-relaxed"><p>Métrio est l&rsquo;émanation directe de Timber Productions, fabricant français de matériel de pesage depuis 1990. Vous ne faites pas appel à une plateforme anonyme, mais à des experts de la métrologie légale.</p>
</div>
                                            </div>
                </div>
                            <div class="rounded-xl bg-white border border-light-gray transition-all duration-300 relative overflow-hidden hover:border-green-primary hover:shadow-md-custom hover:-translate-y-1">
                    <div class="w-full h-[200px] overflow-hidden">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/scooter_metrio.webp" alt="L&#039;Intervention &quot;Zéro Carbone&quot; en Scooter" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
                                            </div>
                    <div class="px-10 py-8 pb-10">
                        <div class="font-display text-5xl font-bold text-green-primary/15 leading-none mb-4">02</div>
                                                    <h3 class="font-display text-lg font-semibold text-dark-green mb-4 leading-snug">L&#039;Intervention &quot;Zéro Carbone&quot; en Scooter</h3>
                                                                            <div class="text-dark-gray opacity-85 leading-relaxed"><p>Basés dans le 11ème arrondissement, nous avons banni les camions encombrants. Nos techniciens se déplacent en scooter électrique. Résultat : nous déjouons les bouchons parisiens pour être ponctuels, et nous nous garons devant votre boutique sans gêner vos livraisons.</p>
</div>
                                            </div>
                </div>
                            <div class="rounded-xl bg-white border border-light-gray transition-all duration-300 relative overflow-hidden hover:border-green-primary hover:shadow-md-custom hover:-translate-y-1">
                    <div class="w-full h-[200px] overflow-hidden">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/image.webp" alt="Parlez à un technicien, pas à un robot" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
                                            </div>
                    <div class="px-10 py-8 pb-10">
                        <div class="font-display text-5xl font-bold text-green-primary/15 leading-none mb-4">03</div>
                                                    <h3 class="font-display text-lg font-semibold text-dark-green mb-4 leading-snug">Parlez à un technicien, pas à un robot</h3>
                                                                            <div class="text-dark-gray opacity-85 leading-relaxed"><p>Chez nous, pas de centre d&rsquo;appel délocalisé. Vous avez un contact direct avec l&rsquo;équipe technique basée à Paris. Nous comprenons que pour un artisan, une balance en panne est une perte de chiffre d&rsquo;affaires immédiate.</p>
</div>
                                            </div>
                </div>
                    </div>
    </div>
</section>


<section class="bg-light-gray py-24 px-8 max-md:py-16 max-md:px-6">
    <div class="max-w-container mx-auto">
        <div class="grid grid-cols-1 lg:grid-cols-[0.8fr_1.2fr] gap-16 items-center">
            
            <div class="rounded-2xl overflow-hidden aspect-[3/4] shadow-lg-custom relative mx-auto max-w-[350px] lg:max-w-none w-full">
                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/PORTRAITS_FREDERIC3.webp" alt="Frédéric Timbert, créateur de balances depuis 1990" loading="lazy" class="w-full h-full object-cover">
                                                    <div class="absolute bottom-6 left-6 bg-green-primary text-white px-4 py-2 rounded-lg font-bold text-sm z-[2]">
                        Frédéric Timbert - Fondateur
                    </div>
                            </div>

            
            <div>
                                    <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/10 rounded">L&#039;histoire Timber</span>
                                                    <h2 class="font-display text-[clamp(1.4rem,2.5vw,2rem)] font-bold text-dark-green leading-tight mb-4 [&>span]:text-green-primary">
                        Frédéric Timbert, <span>créateur de balances</span> depuis 1990
                    </h2>
                                                    <blockquote class="text-lg italic text-dark-gray leading-relaxed mb-6 pl-6 border-l-[3px] border-green-primary">
                        &ldquo;Nos partenaires ne sont pas des sous-traitants, mais des co-traitants. On fabrique en France, on innove en France, et maintenant on intervient directement chez les artisans parisiens.&rdquo;
                    </blockquote>
                                                    <div class="text-dark-gray leading-relaxed opacity-85 [&>p]:mb-4">
                        <p>En 1990, Frédéric Timbert et son père François fondent Timber Productions à Esmans, en Seine-et-Marne. Depuis, cette entreprise familiale est devenue la référence française du pesage professionnel, avec plusieurs brevets déposés et une balance 100% française certifiée Origine France Garantie — la seule du marché.</p>
<p>Avec Métrio, Timber se rapproche des artisans parisiens en lançant un service de vérification métrologique de proximité, déployé en scooter électrique depuis le 11ème arrondissement. C&rsquo;est l&rsquo;expertise d&rsquo;un constructeur, au pied de votre comptoir.</p>

                    </div>
                
                                    <div class="flex gap-10 max-md:gap-6 mt-8 pt-8 border-t border-black/[0.08] flex-wrap max-md:justify-center">
                                                    <div class="text-center">
                                <span class="font-display text-[2rem] font-bold text-green-primary block leading-none">36</span>
                                <span class="text-xs text-dark-gray mt-1 block font-medium">ans d&#039;expertise</span>
                            </div>
                                                    <div class="text-center">
                                <span class="font-display text-[2rem] font-bold text-green-primary block leading-none">2000+</span>
                                <span class="text-xs text-dark-gray mt-1 block font-medium">références balances</span>
                            </div>
                                                    <div class="text-center">
                                <span class="font-display text-[2rem] font-bold text-green-primary block leading-none">6</span>
                                <span class="text-xs text-dark-gray mt-1 block font-medium">brevets déposés</span>
                            </div>
                                                    <div class="text-center">
                                <span class="font-display text-[2rem] font-bold text-green-primary block leading-none">1</span>
                                <span class="text-xs text-dark-gray mt-1 block font-medium">balance à l&#039;Élysée</span>
                            </div>
                                            </div>
                            </div>
        </div>
    </div>
</section>


<section class="services-add bg-dark-green py-24 px-8 max-md:py-16 max-md:px-6 relative overflow-hidden" id="prestations">
    <div class="max-w-container mx-auto">
        <div class="text-center mb-16">
                            <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/20 rounded">Nos prestations</span>
                                        <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-white leading-tight mb-4">Au-delà de la vignette : Dépannage et Solutions</h2>
                    </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-10 relative z-[1]">
                            <div class="bg-white/5 border border-white/10 rounded-xl overflow-hidden transition-all duration-300 hover:bg-white/[0.08] hover:border-green-primary/30 hover:-translate-y-1">
                    <div class="w-full h-[200px] overflow-hidden">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/urgence.webp" alt="Urgence &amp; Réparation" loading="lazy" class="w-full h-full object-cover transition-transform duration-300">
                                            </div>
                    <div class="p-10">
                                                    <div class="w-[60px] h-[60px] bg-green-primary/15 rounded-xl flex items-center justify-center mb-6">
                                <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-check-shield.svg" alt="Vérification Périodique (Le Légal)" loading="lazy" class="w-[30px] h-[30px] object-contain svg-green">
                            </div>
                                                                            <h3 class="font-display text-xl font-semibold text-white mb-4">Vérification Périodique (Le Légal)</h3>
                                                                            <div class="text-white/75 leading-relaxed"><p>Ne prenez pas le risque d’une amende inutile comprise entre 135 € et 1500 €. Nous assurons le renouvellement de votre vignette verte et la tenue de votre carnet métrologique.</p>
</div>
                                            </div>
                </div>
                            <div class="bg-white/5 border border-white/10 rounded-xl overflow-hidden transition-all duration-300 hover:bg-white/[0.08] hover:border-green-primary/30 hover:-translate-y-1">
                    <div class="w-full h-[200px] overflow-hidden">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/image.webp" alt="Parlez à un technicien, pas à un robot" loading="lazy" class="w-full h-full object-cover transition-transform duration-300">
                                            </div>
                    <div class="p-10">
                                                    <div class="w-[60px] h-[60px] bg-green-primary/15 rounded-xl flex items-center justify-center mb-6">
                                <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/urgence.svg" alt="Dépannage &amp; Conseil" loading="lazy" class="w-[30px] h-[30px] object-contain svg-green">
                            </div>
                                                                            <h3 class="font-display text-xl font-semibold text-white mb-4">Dépannage &amp; Conseil</h3>
                                                                            <div class="text-white/75 leading-relaxed"><p>Un problème technique ? Nos experts interviennent rapidement pour tout <strong>dépannage</strong> sur Paris. Profitez également de nos conseils pour l&rsquo;optimisation de votre matériel de pesage.</p>
</div>
                                            </div>
                </div>
                            <div class="bg-white/5 border border-white/10 rounded-xl overflow-hidden transition-all duration-300 hover:bg-white/[0.08] hover:border-green-primary/30 hover:-translate-y-1">
                    <div class="w-full h-[200px] overflow-hidden">
                                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/location.webp" alt="Location &amp; Prêt" loading="lazy" class="w-full h-full object-cover transition-transform duration-300">
                                            </div>
                    <div class="p-10">
                                                    <div class="w-[60px] h-[60px] bg-green-primary/15 rounded-xl flex items-center justify-center mb-6">
                                <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/location.svg" alt="Prêt de Matériel (Le Service +)" loading="lazy" class="w-[30px] h-[30px] object-contain svg-green">
                            </div>
                                                                            <h3 class="font-display text-xl font-semibold text-white mb-4">Prêt de Matériel (Le Service +)</h3>
                                                                            <div class="text-white/75 leading-relaxed"><p><span style="font-weight: 400;">En cas de réparation, nous vous prêtons une balance pour éviter toute rupture d&rsquo;activité. Chez Métrio, le service est notre priorité absolue.</span></p>
</div>
                                            </div>
                </div>
                    </div>
    </div>
</section>


<section class="py-24 px-8 max-md:py-16 max-md:px-6 border-t border-b border-green-primary/[0.12]" id="produits" style="background: linear-gradient(135deg, rgba(67,170,52,0.04) 0%, rgba(67,170,52,0.1) 100%);">
    <div class="max-w-container mx-auto">
        <div class="grid grid-cols-1 lg:grid-cols-[1fr_1.1fr] gap-16 items-center">
            
            <div class="rounded-2xl overflow-hidden relative max-w-[500px] mx-auto lg:max-w-none w-full">
                                    <div class="img-placeholder min-h-[480px] max-md:min-h-[320px]" style="background: linear-gradient(160deg, #1a302f 0%, #0f1f1e 100%);">
                        <svg viewbox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
                        <span>Photo : Showroom Métrio</span>
                    </div>
                
                                    <div class="absolute bottom-6 left-6 flex flex-wrap gap-2">
                                                    <span class="bg-green-primary text-white px-3 py-1.5 rounded-md text-xs font-bold">Achat</span>
                                                    <span class="bg-green-primary text-white px-3 py-1.5 rounded-md text-xs font-bold">Abonnement</span>
                                                    <span class="bg-green-primary text-white px-3 py-1.5 rounded-md text-xs font-bold">Location financière</span>
                                            </div>
                            </div>

            
            <div>
                                    <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-3 px-4 py-2 bg-green-primary/10 rounded">Nos Solutions de Vente</span>
                                                    <h2 class="font-display text-[clamp(1.3rem,2.5vw,1.9rem)] font-bold text-dark-green leading-tight mb-4 [&>span]:text-green-primary">
                        Vente de matériel de pesage <span>et encaissement</span>
                    </h2>
                                                    <div class="text-dark-gray opacity-80 leading-relaxed mb-8"><p>Nous proposons des solutions adaptées à chaque métier (vente directe et préemballé) avec options d&rsquo;achat, d&rsquo;abonnement ou de location financière.</p>
</div>
                
                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-8">
                                            <div class="flex items-start gap-3 p-4 bg-white rounded-xl border border-light-gray transition-all duration-300 hover:border-green-primary hover:shadow-sm-custom">
                                                            <div class="w-9 h-9 shrink-0 bg-green-primary/10 rounded-lg flex items-center justify-center">
                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/balance.svg" alt="Balances Poids-Prix" loading="lazy" class="w-[18px] h-[18px] object-contain svg-green">
                                </div>
                                                        <div>
                                                                    <h3 class="font-display text-xs font-bold text-dark-green mb-0.5">Balances Poids-Prix</h3>
                                                                                                    <p class="text-xs text-dark-gray opacity-60 leading-snug">Classe III, vente directe</p>
                                                            </div>
                        </div>
                                            <div class="flex items-start gap-3 p-4 bg-white rounded-xl border border-light-gray transition-all duration-300 hover:border-green-primary hover:shadow-sm-custom">
                                                            <div class="w-9 h-9 shrink-0 bg-green-primary/10 rounded-lg flex items-center justify-center">
                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-computer-green.svg" alt="TPV (Terminaux Point de Vente)" loading="lazy" class="w-[18px] h-[18px] object-contain svg-green">
                                </div>
                                                        <div>
                                                                    <h3 class="font-display text-xs font-bold text-dark-green mb-0.5">TPV (Terminaux Point de Vente)</h3>
                                                                                                    <p class="text-xs text-dark-gray opacity-60 leading-snug">Pesée + encaissement intégré</p>
                                                            </div>
                        </div>
                                            <div class="flex items-start gap-3 p-4 bg-white rounded-xl border border-light-gray transition-all duration-300 hover:border-green-primary hover:shadow-sm-custom">
                                                            <div class="w-9 h-9 shrink-0 bg-green-primary/10 rounded-lg flex items-center justify-center">
                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-tag-green.svg" alt="Étiqueteuses" loading="lazy" class="w-[18px] h-[18px] object-contain svg-green">
                                </div>
                                                        <div>
                                                                    <h3 class="font-display text-xs font-bold text-dark-green mb-0.5">Étiqueteuses</h3>
                                                                                                    <p class="text-xs text-dark-gray opacity-60 leading-snug">Préemballage &amp; traçabilité</p>
                                                            </div>
                        </div>
                                            <div class="flex items-start gap-3 p-4 bg-white rounded-xl border border-light-gray transition-all duration-300 hover:border-green-primary hover:shadow-sm-custom">
                                                            <div class="w-9 h-9 shrink-0 bg-green-primary/10 rounded-lg flex items-center justify-center">
                                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/03/icon-package-green.svg" alt="Consommables" loading="lazy" class="w-[18px] h-[18px] object-contain svg-green">
                                </div>
                                                        <div>
                                                                    <h3 class="font-display text-xs font-bold text-dark-green mb-0.5">Consommables</h3>
                                                                                                    <p class="text-xs text-dark-gray opacity-60 leading-snug">Rouleaux, étiquettes, accessoires</p>
                                                            </div>
                        </div>
                                    </div>

                                    <div class="flex items-center gap-4 mb-8 flex-wrap">
                                                    <span class="text-[0.7rem] uppercase tracking-[0.1em] text-dark-gray opacity-35 font-semibold shrink-0">Marques partenaires :</span>
                                                                            <span class="font-display text-[0.65rem] font-bold text-dark-gray opacity-40 px-3 py-1.5 border border-light-gray rounded-md">METTLER TOLEDO</span>
                                                    <span class="font-display text-[0.65rem] font-bold text-dark-gray opacity-40 px-3 py-1.5 border border-light-gray rounded-md">MARQUES</span>
                                                    <span class="font-display text-[0.65rem] font-bold text-dark-gray opacity-40 px-3 py-1.5 border border-light-gray rounded-md">HELMAC</span>
                                                    <span class="font-display text-[0.65rem] font-bold text-dark-gray opacity-40 px-3 py-1.5 border border-light-gray rounded-md">EXA</span>
                                            </div>
                
                                    <a href="/nos-produits/"  class="inline-flex items-center gap-3 bg-green-primary text-white px-8 py-3.5 no-underline font-semibold text-[0.95rem] rounded transition-all duration-300 hover:bg-dark-green hover:-translate-y-0.5 hover:shadow-lg-custom group">
                        Nos produits
                        <svg class="w-[18px] h-[18px] transition-transform duration-300 group-hover:translate-x-1" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                            </div>
        </div>
    </div>
</section>


<section class="bg-light-gray py-24 px-8 max-md:py-16 max-md:px-6" id="zone">
    <div class="max-w-container mx-auto">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
            <div class="text-center lg:text-left">
                <div class="mb-8 text-center lg:text-left">
                                            <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/10 rounded">Zone d&#039;intervention</span>
                                                                <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-dark-green leading-tight mb-4">Une réactivité totale sur l&#039;ensemble de Paris et sa proche périphérie</h2>
                                    </div>

                                    <div class="text-dark-gray leading-relaxed mb-6 text-[1.05rem] zone-description">
                        <p><strong>Où que vous soyez, nous y sommes :</strong> Grâce à notre flotte de scooters électriques, nous ne connaissons pas de frontières urbaines.</p>
<p><strong>Paris Intra-Muros :</strong> Métrio intervient sans exception dans les <strong>20 arrondissements de Paris</strong> (du 1er au 20ème).</p>
<p><strong>Petite Couronne :</strong> Nous couvrons également les communes limitrophes de la proche banlieue pour assurer un service de proximité aux commerçants de la petite couronne.</p>
<p><strong>Rapidité garantie :</strong> Notre implantation au cœur du 11ème arrondissement nous permet de rejoindre votre commerce en un temps record, sans être impactés par les difficultés de circulation ou de stationnement</p>

                    </div>
                
                            </div>

            <div class="bg-white rounded-2xl overflow-hidden shadow-md-custom aspect-square relative">
                <div id="metrio-map"
                     data-lat="48.864295"
                     data-lng="2.368488"
                     data-zoom="13"
                     data-jawg-token="XxDH60AH2UG7GMPZdsn1BXlEz6dINoKrc7RO3gIZzGxfiw86q2rC1TDKlFQHbQuY"
                     data-jawg-style="a9858756-ea64-40a3-998a-68e4fb6762f9"
                      data-address="12, rue de Crussol 75011 PARIS"                       data-phone="06 85 24 14 35"                       data-email="contact@metrio.fr"                      class="w-full h-full"></div>
                <noscript>
                    <div class="w-full h-full flex flex-col items-center justify-center gap-4" style="background: linear-gradient(135deg, #1a302f, #343b41);">
                        <svg class="w-20 h-20 stroke-[#43aa34] fill-none opacity-60" style="stroke-width: 1.5;" viewbox="0 0 24 24">
                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
                            <circle cx="12" cy="10" r="3"/>
                        </svg>
                        <span style="color: rgba(255,255,255,0.5); font-size: 0.875rem;">Activez JavaScript pour afficher la carte</span>
                    </div>
                </noscript>
            </div>
        </div>
    </div>
</section>


<section class="bg-white py-24 px-8 max-md:py-16 max-md:px-6" id="faq">
    <div class="max-w-container mx-auto">
        <div class="text-center mb-16">
                            <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/10 rounded">FAQ</span>
                                        <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-dark-green leading-tight mb-4">Vos questions, nos réponses d&#039;experts</h2>
                                        <div class="text-lg text-dark-gray max-w-[650px] mx-auto opacity-80 leading-relaxed"><p>Retrouvez les réponses aux questions les plus courantes sur la métrologie légale et nos interventions.</p>
</div>
                    </div>

        <div class="max-w-[800px] mx-auto">
                            <div class="faq-item border-b border-light-gray active">
                    <h3 class="faq-question-title">
                        <button class="faq-question w-full flex justify-between items-center py-6 bg-transparent border-none cursor-pointer font-body text-[1.05rem] font-semibold text-dark-green text-left transition-all duration-300 hover:text-green-primary" aria-expanded="true">
                            Qui est Métrio ?
                            <span class="faq-icon w-7 h-7 rounded-full bg-light-gray flex items-center justify-center transition-all duration-300 shrink-0 ml-4">
                                <svg class="w-3.5 h-3.5 stroke-dark-gray transition-all duration-300" style="stroke-width: 2.5;" viewbox="0 0 24 24" fill="none"><path d="M6 9l6 6 6-6"/></svg>
                            </span>
                        </button>
                    </h3>
                    <div class="faq-answer overflow-hidden transition-all duration-[400ms]"  style="max-height: 500px;" >
                        <div class="pb-6 px-8 text-dark-gray leading-relaxed">
                            <p>Métrio est la marque dédiée aux services de pesage de <strong>Timber Productions</strong>, fabricant français de matériel de pesage reconnu depuis 1990. Nous allions l&rsquo;expertise historique d&rsquo;un constructeur à la flexibilité d&rsquo;un service de proximité parisien.</p>

                        </div>
                    </div>
                </div>
                            <div class="faq-item border-b border-light-gray">
                    <h3 class="faq-question-title">
                        <button class="faq-question w-full flex justify-between items-center py-6 bg-transparent border-none cursor-pointer font-body text-[1.05rem] font-semibold text-dark-green text-left transition-all duration-300 hover:text-green-primary" aria-expanded="false">
                            Pourquoi mon commerçant affiche-t-il une vignette verte sur sa balance ?
                            <span class="faq-icon w-7 h-7 rounded-full bg-light-gray flex items-center justify-center transition-all duration-300 shrink-0 ml-4">
                                <svg class="w-3.5 h-3.5 stroke-dark-gray transition-all duration-300" style="stroke-width: 2.5;" viewbox="0 0 24 24" fill="none"><path d="M6 9l6 6 6-6"/></svg>
                            </span>
                        </button>
                    </h3>
                    <div class="faq-answer overflow-hidden transition-all duration-[400ms] max-h-0" >
                        <div class="pb-6 px-8 text-dark-gray leading-relaxed">
                            <p>La vignette verte (ou étiquette de vérification périodique) atteste que l&rsquo;instrument de pesage a été contrôlé et déclaré conforme à la réglementation en vigueur. C&rsquo;est une obligation légale pour toutes les transactions commerciales afin de garantir la loyauté des échanges.</p>

                        </div>
                    </div>
                </div>
                            <div class="faq-item border-b border-light-gray">
                    <h3 class="faq-question-title">
                        <button class="faq-question w-full flex justify-between items-center py-6 bg-transparent border-none cursor-pointer font-body text-[1.05rem] font-semibold text-dark-green text-left transition-all duration-300 hover:text-green-primary" aria-expanded="false">
                            Qu&#039;est-ce que le réseau CTVIM ?
                            <span class="faq-icon w-7 h-7 rounded-full bg-light-gray flex items-center justify-center transition-all duration-300 shrink-0 ml-4">
                                <svg class="w-3.5 h-3.5 stroke-dark-gray transition-all duration-300" style="stroke-width: 2.5;" viewbox="0 0 24 24" fill="none"><path d="M6 9l6 6 6-6"/></svg>
                            </span>
                        </button>
                    </h3>
                    <div class="faq-answer overflow-hidden transition-all duration-[400ms] max-h-0" >
                        <div class="pb-6 px-8 text-dark-gray leading-relaxed">
                            <p>Timber Productions est membre du réseau <strong>CTVIM</strong>, un organisme agréé pour la vérification périodique des instruments de pesage à fonctionnement non automatique (IPFNA). Cela vous garantit des interventions conformes aux exigences réglementaires les plus strictes.</p>

                        </div>
                    </div>
                </div>
                            <div class="faq-item border-b border-light-gray">
                    <h3 class="faq-question-title">
                        <button class="faq-question w-full flex justify-between items-center py-6 bg-transparent border-none cursor-pointer font-body text-[1.05rem] font-semibold text-dark-green text-left transition-all duration-300 hover:text-green-primary" aria-expanded="false">
                            Quelles sont les marques de balances que vous proposez à la vente ?
                            <span class="faq-icon w-7 h-7 rounded-full bg-light-gray flex items-center justify-center transition-all duration-300 shrink-0 ml-4">
                                <svg class="w-3.5 h-3.5 stroke-dark-gray transition-all duration-300" style="stroke-width: 2.5;" viewbox="0 0 24 24" fill="none"><path d="M6 9l6 6 6-6"/></svg>
                            </span>
                        </button>
                    </h3>
                    <div class="faq-answer overflow-hidden transition-all duration-[400ms] max-h-0" >
                        <div class="pb-6 px-8 text-dark-gray leading-relaxed">
                            <p>En tant qu&rsquo;experts, nous sélectionnons les meilleures solutions du marché. Nous sommes partenaires et revendeurs des marques METTLER TOLEDO, MARQUES, HELMAC et EXA.</p>

                        </div>
                    </div>
                </div>
                            <div class="faq-item border-b border-light-gray">
                    <h3 class="faq-question-title">
                        <button class="faq-question w-full flex justify-between items-center py-6 bg-transparent border-none cursor-pointer font-body text-[1.05rem] font-semibold text-dark-green text-left transition-all duration-300 hover:text-green-primary" aria-expanded="false">
                            Que propose l&#039;abonnement Métrio ?
                            <span class="faq-icon w-7 h-7 rounded-full bg-light-gray flex items-center justify-center transition-all duration-300 shrink-0 ml-4">
                                <svg class="w-3.5 h-3.5 stroke-dark-gray transition-all duration-300" style="stroke-width: 2.5;" viewbox="0 0 24 24" fill="none"><path d="M6 9l6 6 6-6"/></svg>
                            </span>
                        </button>
                    </h3>
                    <div class="faq-answer overflow-hidden transition-all duration-[400ms] max-h-0" >
                        <div class="pb-6 px-8 text-dark-gray leading-relaxed">
                            <p>Notre offre d&rsquo;abonnement est conçue pour votre tranquillité d&rsquo;esprit : nous gérons pour vous le calendrier des vérifications réglementaires, l&rsquo;entretien de votre parc et la mise en conformité continue, vous évitant ainsi tout risque d&rsquo;amende.</p>

                        </div>
                    </div>
                </div>
                            <div class="faq-item border-b border-light-gray">
                    <h3 class="faq-question-title">
                        <button class="faq-question w-full flex justify-between items-center py-6 bg-transparent border-none cursor-pointer font-body text-[1.05rem] font-semibold text-dark-green text-left transition-all duration-300 hover:text-green-primary" aria-expanded="false">
                            Proposez-vous du matériel de secours en cas de panne ?
                            <span class="faq-icon w-7 h-7 rounded-full bg-light-gray flex items-center justify-center transition-all duration-300 shrink-0 ml-4">
                                <svg class="w-3.5 h-3.5 stroke-dark-gray transition-all duration-300" style="stroke-width: 2.5;" viewbox="0 0 24 24" fill="none"><path d="M6 9l6 6 6-6"/></svg>
                            </span>
                        </button>
                    </h3>
                    <div class="faq-answer overflow-hidden transition-all duration-[400ms] max-h-0" >
                        <div class="pb-6 px-8 text-dark-gray leading-relaxed">
                            <p>Absolument. Le service est notre priorité : en cas de réparation ou de dépannage nécessitant l&rsquo;immobilisation de votre balance, nous vous fournissons un matériel de prêt pour que votre activité ne subisse aucune interruption.</p>

                        </div>
                    </div>
                </div>
                    </div>

                    <div class="text-center mt-12">
                <a href="/faq/"  class="inline-flex items-center gap-2 text-green-primary font-semibold text-base hover:text-dark-green transition-colors duration-300 group">
                    Voir toutes les questions
                    <svg class="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </a>
            </div>
            </div>
</section>


<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Qui est Métrio ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Métrio est la marque dédiée aux services de pesage de Timber Productions, fabricant français de matériel de pesage reconnu depuis 1990. Nous allions l’expertise historique d’un constructeur à la flexibilité d’un service de proximité parisien."
            }
        },
        {
            "@type": "Question",
            "name": "Pourquoi mon commerçant affiche-t-il une vignette verte sur sa balance ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "La vignette verte (ou étiquette de vérification périodique) atteste que l’instrument de pesage a été contrôlé et déclaré conforme à la réglementation en vigueur. C’est une obligation légale pour toutes les transactions commerciales afin de garantir la loyauté des échanges."
            }
        },
        {
            "@type": "Question",
            "name": "Qu'est-ce que le réseau CTVIM ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Timber Productions est membre du réseau CTVIM, un organisme agréé pour la vérification périodique des instruments de pesage à fonctionnement non automatique (IPFNA). Cela vous garantit des interventions conformes aux exigences réglementaires les plus strictes."
            }
        },
        {
            "@type": "Question",
            "name": "Quelles sont les marques de balances que vous proposez à la vente ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "En tant qu’experts, nous sélectionnons les meilleures solutions du marché. Nous sommes partenaires et revendeurs des marques METTLER TOLEDO, MARQUES, HELMAC et EXA."
            }
        },
        {
            "@type": "Question",
            "name": "Que propose l'abonnement Métrio ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Notre offre d’abonnement est conçue pour votre tranquillité d’esprit : nous gérons pour vous le calendrier des vérifications réglementaires, l’entretien de votre parc et la mise en conformité continue, vous évitant ainsi tout risque d’amende."
            }
        },
        {
            "@type": "Question",
            "name": "Proposez-vous du matériel de secours en cas de panne ?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Absolument. Le service est notre priorité : en cas de réparation ou de dépannage nécessitant l’immobilisation de votre balance, nous vous fournissons un matériel de prêt pour que votre activité ne subisse aucune interruption."
            }
        }
    ]
}</script>


<section class="cta-final py-24 px-8 max-md:py-16 max-md:px-6 text-center relative overflow-hidden" style="background: linear-gradient(135deg, #1a302f 0%, #343b41 100%);">
    <div class="max-w-container mx-auto relative z-[1]">
                    <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-white leading-tight mb-4">Prêt pour votre contrôle périodique ?</h2>
                            <div class="text-white/80 text-lg max-w-[600px] mx-auto mb-10 leading-relaxed"><p>Ne laissez pas passer la date. Évitez l&rsquo;amende et rassurez vos clients avec une vignette verte à jour.</p>
</div>
                            <a href="#"  class="inline-flex items-center gap-3 bg-green-primary text-white px-12 py-5 no-underline font-semibold text-lg rounded transition-all duration-300 hover:bg-white hover:text-dark-green hover:-translate-y-0.5 hover:shadow-lg-custom group">
                Prendre Rendez-vous
                <svg class="w-5 h-5 transition-transform duration-300 group-hover:translate-x-1" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
            </div>
</section>


<section class="bg-light-gray py-24 px-8 max-md:py-16 max-md:px-6" id="contact">
    <div class="max-w-container mx-auto">
        <div class="grid grid-cols-1 lg:grid-cols-[1fr_1.2fr] gap-16 items-start">
            <div class="lg:pr-8 lg:sticky lg:top-8">
                <div class="text-center lg:text-left mb-8">
                                            <span class="inline-block font-display text-xs font-semibold text-green-primary uppercase tracking-[0.15em] mb-4 px-4 py-2 bg-green-primary/10 rounded">Contact</span>
                                                                <h2 class="font-display text-[clamp(1.8rem,3.5vw,2.6rem)] font-bold text-dark-green leading-tight mb-4">Demander une intervention</h2>
                                    </div>

                                    <div class="text-dark-gray mb-8 leading-relaxed"><p>Ne laissez pas une vignette expirée mettre votre activité en péril. Contactez-nous pour planifier votre prochaine vérification ou pour une intervention d&rsquo;urgence.</p>
</div>
                
                <div class="mt-8">
                                            <div class="flex items-center gap-4 mb-6">
                            <div class="w-[50px] h-[50px] bg-white rounded-lg flex items-center justify-center shadow-sm-custom">
                                <svg class="w-6 h-6 stroke-green-primary fill-none" style="stroke-width: 2;" viewbox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                            </div>
                            <div class="font-medium text-dark-green">
                                06 85 24 14 35
                                                                    <span class="block font-normal text-sm text-dark-gray opacity-70">Du lundi au vendredi, 8h-18h</span>
                                                            </div>
                        </div>
                    
                                            <div class="flex items-center gap-4 mb-6">
                            <div class="w-[50px] h-[50px] bg-white rounded-lg flex items-center justify-center shadow-sm-custom">
                                <svg class="w-6 h-6 stroke-green-primary fill-none" style="stroke-width: 2;" viewbox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                            </div>
                            <div class="font-medium text-dark-green">
                                contact@metrio.fr
                                                                    <span class="block font-normal text-sm text-dark-gray opacity-70">Réponse sous 24h</span>
                                                            </div>
                        </div>
                    
                                            <div class="flex items-center gap-4 mb-6">
                            <div class="w-[50px] h-[50px] bg-white rounded-lg flex items-center justify-center shadow-sm-custom">
                                <svg class="w-6 h-6 stroke-green-primary fill-none" style="stroke-width: 2;" viewbox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                            </div>
                            <div class="font-medium text-dark-green">
                                12, rue de Crussol 75011 PARIS
                                                                    <span class="block font-normal text-sm text-dark-gray opacity-70">Intervention Paris intra-muros &amp; Petite Couronne</span>
                                                            </div>
                        </div>
                                    </div>
            </div>

            <div class="bg-white p-12 rounded-xl shadow-md-custom">
                                    
<div class="wpcf7 no-js" id="wpcf7-f37-o1" lang="fr-FR" dir="ltr" data-wpcf7-id="37">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f37-o1" method="post" class="wpcf7-form init" aria-label="Formulaire de contact" novalidate="novalidate" data-status="init">
<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="37" /><input type="hidden" name="_wpcf7_version" value="6.1.5" /><input type="hidden" name="_wpcf7_locale" value="fr_FR" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f37-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
</fieldset>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
      <div>                                                                                                                                                                                                                                                                                                                      
          <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Prénom</label>
          <span class="wpcf7-form-control-wrap" data-name="firstname"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Votre prénom" value="" type="text" name="firstname" /></span>
      </div>
      <div>
          <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Nom</label>
          <span class="wpcf7-form-control-wrap" data-name="lastname"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Votre nom" value="" type="text" name="lastname" /></span>
      </div>
  </div>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
      <div>
          <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Email</label>
          <span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="votre@email.com" value="" type="email" name="email" /></span>
      </div>
      <div>
          <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Téléphone</label>
          <span class="wpcf7-form-control-wrap" data-name="phone"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel" aria-invalid="false" placeholder="01 XX XX XX XX" value="" type="tel" name="phone" /></span>
      </div>
  </div>

  <div class="mb-6">
      <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Entreprise</label>
      <span class="wpcf7-form-control-wrap" data-name="company"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Nom de votre commerce" value="" type="text" name="company" /></span>
  </div>

  <div class="mb-6">
      <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Secteur d'activité</label>
      <span class="wpcf7-form-control-wrap" data-name="sector" aria-label="Secteur d'activité"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="sector" aria-label="Secteur d'activité"><option value="Sélectionnez votre secteur">Sélectionnez votre secteur</option><option value="Boucherie / Charcuterie">Boucherie / Charcuterie</option><option value="Primeur / Épicerie">Primeur / Épicerie</option><option value="Traiteur">Traiteur</option><option value="Pharmacie / Herboristerie">Pharmacie / Herboristerie</option><option value="Laboratoire">Laboratoire</option><option value="Marchand d&#039;Or">Marchand d&#039;Or</option><option value="Autre">Autre</option></select></span>
  </div>

  <div class="mb-6">
      <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Type de prestation</label>
      <span class="wpcf7-form-control-wrap" data-name="service" aria-label="Prestation souhaitée"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="service" aria-label="Prestation souhaitée"><option value="Sélectionnez une prestation">Sélectionnez une prestation</option><option value="Vérification périodique">Vérification périodique</option><option value="Dépannage &amp; Réparation">Dépannage &amp; Réparation</option><option value="Location de balance">Location de balance</option><option value="Autre demande">Autre demande</option></select></span>
  </div>

  <div class="mb-6">
      <label class="block font-medium text-dark-green mb-2 text-[0.95rem]">Message</label>
      <span class="wpcf7-form-control-wrap" data-name="message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Décrivez votre besoin (type de balance, urgence, date souhaitée...)" name="message"></textarea></span>
  </div>

  <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Envoyer ma demande" /><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>

                            </div>
        </div>
    </div>
</section>


<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "ProfessionalService",
    "name": "Metrio",
    "url": "https://metrio.ze-truc.fr/",
    "description": "Métrio by Timber, votre expert en métrologie légale à Paris. Vérification, réparation et location de balances professionnelles pour commerces de bouche et pharmaciens.",
    "logo": "https://metrio.ze-truc.fr/app/uploads/2026/02/LOGO_PRIMAIRE_BLANC_SVG.svg",
    "image": "https://metrio.ze-truc.fr/app/uploads/2026/02/LOGO_PRIMAIRE_BLANC_SVG.svg",
    "telephone": "06 85 24 14 35",
    "email": "contact@metrio.fr",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "12, rue de Crussol",
        "addressLocality": "Paris",
        "addressCountry": "FR",
        "postalCode": "75011"
    },
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "48.864295",
        "longitude": "2.368488"
    },
    "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "06 85 24 14 35",
        "contactType": "customer service",
        "availableLanguage": "French",
        "description": "Du lundi au vendredi, 8h-18h"
    },
    "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Services Metrio",
        "itemListElement": [
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Vérification Périodique (Le Légal)",
                    "description": "Ne prenez pas le risque d’une amende inutile comprise entre 135 € et 1500 €. Nous assurons le renouvellement de votre vignette verte et la tenue de votre carnet métrologique."
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Dépannage & Conseil",
                    "description": "Un problème technique ? Nos experts interviennent rapidement pour tout dépannage sur Paris. Profitez également de nos conseils pour l’optimisation de votre matériel de pesage."
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Prêt de Matériel (Le Service +)",
                    "description": "En cas de réparation, nous vous prêtons une balance pour éviter toute rupture d’activité. Chez Métrio, le service est notre priorité absolue."
                }
            }
        ]
    }
}</script>

        </main>

        <footer class="bg-dark-green pt-16 px-8 pb-8 max-lg:pb-24">
    <div class="max-w-container mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[2fr_1fr_1fr_1fr] gap-12 pb-12 border-b border-white/10">

        
        <div>
                            <a href="https://metrio.ze-truc.fr/" class="block mb-6" aria-label="Métrio by Timber — Accueil">
                    <img src="https://metrio.ze-truc.fr/app/uploads/2026/02/LOGO_PRIMAIRE_BLANC_SVG.svg" alt="Métrio by Timber" loading="lazy" class="h-10 w-auto">
                </a>
            
                            <div class="text-white/70 text-[0.95rem] leading-relaxed max-w-[300px]">
                    <p>Métrio by Timber, votre expert en métrologie légale à Paris. Vérification, réparation et location de balances professionnelles pour commerces de bouche et pharmaciens.</p>

                </div>
                    </div>

        
        <div>
            <p class="font-display text-base font-semibold text-white mb-6 tracking-wide">Navigation</p>
            <ul class="list-none"><li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7 current_page_item menu-item-102"><a href="https://metrio.ze-truc.fr/" aria-current="page">Accueil</a></li>
<li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="https://metrio.ze-truc.fr/qui-sommes-nous/">Qui sommes-nous ?</a></li>
<li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"><a href="https://metrio.ze-truc.fr/nos-prestations/">Nos prestations</a></li>
<li id="menu-item-196" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-196"><a href="https://metrio.ze-truc.fr/nos-produits/">Nos produits</a></li>
<li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="https://metrio.ze-truc.fr/faq/">FAQ</a></li>
<li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://metrio.ze-truc.fr/contact/">Contact</a></li>
</ul>
        </div>

        
        <div>
            <p class="font-display text-base font-semibold text-white mb-6 tracking-wide">Métiers</p>
            <ul class="list-none"><li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="https://metrio.ze-truc.fr/commerces-de-bouche/">Commerces de Bouche</a></li>
<li id="menu-item-107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-107"><a href="https://metrio.ze-truc.fr/pharmacie-sante-precision/">Pharmacie, Santé &amp; Précision</a></li>
</ul>
        </div>

        
        <div>
            <p class="font-display text-base font-semibold text-white mb-6 tracking-wide">Légal</p>
            <ul class="list-none"><li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112"><a href="https://metrio.ze-truc.fr/mentions-legales/">Mentions légales</a></li>
<li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="https://metrio.ze-truc.fr/politique-de-confidentialite/">Politique de confidentialité</a></li>
<li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="https://metrio.ze-truc.fr/politique-de-cookies/">Politique de cookies</a></li>
<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"><a href="https://metrio.ze-truc.fr/plan-de-site/">Plan de site</a></li>
</ul>
            <div class="mt-3 [&_a]:text-white/70 [&_a]:!no-underline [&_a]:text-[0.95rem] [&_a]:transition-all [&_a]:duration-300 hover:[&_a]:text-green-primary"><a href="#" onclick="window.CMPZETRUC_open && window.CMPZETRUC_open(); return false;">Gérer mes cookies</a></div>
        </div>
    </div>

    
    <div class="max-w-container mx-auto pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
        <p class="text-white/50 text-sm">&copy; 2026 Métrio by Timber. Tous droits réservés. Site conçu par l'<a href="https://www.zetruc.fr" target="_blank" rel="noopener noreferrer" title="Agence de Communication à Troyes, Reims, Ajaccio et Genève" class="text-white/70 underline decoration-white/30 hover:text-green-primary hover:decoration-green-primary transition-colors duration-300">Agence Zetruc</a></p>

        <div class="flex gap-4">
                                            </div>
    </div>
</footer>

                                    <a href="tel:0685241435"
               class="urgence-panne"
               aria-label="Urgence panne ? — Appeler 06 85 24 14 35">
                <svg class="urgence-panne-icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                <span class="urgence-panne-label">Urgence panne ?</span>
                <span class="urgence-panne-tel">06 85 24 14 35</span>
            </a>

            
            <div class="fixed bottom-0 left-0 right-0 z-[999] bg-dark-green p-3 border-t-2 border-green-primary hidden max-lg:block">
                <a href="tel:0685241435" class="flex items-center justify-center gap-3 text-white no-underline font-bold text-base p-3 bg-green-primary rounded-lg">
                    <svg class="w-5 h-5" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                    Appeler un technicien
                </a>
            </div>
            </div>
    <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/metrio/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script src="https://metrio.ze-truc.fr/wp/wp-includes/js/dist/hooks.js?ver=220ff17f5667d013d468" id="wp-hooks-js"></script>
<script src="https://metrio.ze-truc.fr/wp/wp-includes/js/dist/i18n.js?ver=6b3ae5bd3b8d9598492d" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script src="https://metrio.ze-truc.fr/app/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script>
<script id="contact-form-7-js-translations">
( function( domain, translations ) {
	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
	localeData[""].domain = domain;
	wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2025-02-06 12:02:14+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
</script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/metrio.ze-truc.fr\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    }
};
//# sourceURL=contact-form-7-js-before
</script>
<script src="https://metrio.ze-truc.fr/app/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"wpemoji":"https://metrio.ze-truc.fr/wp/wp-includes/js/wp-emoji.js?ver=6.9.1","twemoji":"https://metrio.ze-truc.fr/wp/wp-includes/js/twemoji.js?ver=6.9.1"}}
</script>
<script type="module">
/**
 * @output wp-includes/js/wp-emoji-loader.js
 */

/* eslint-env es6 */

// Note: This is loaded as a script module, so there is no need for an IIFE to prevent pollution of the global scope.

/**
 * Emoji Settings as exported in PHP via _print_emoji_detection_script().
 * @typedef WPEmojiSettings
 * @type {object}
 * @property {?object} source
 * @property {?string} source.concatemoji
 * @property {?string} source.twemoji
 * @property {?string} source.wpemoji
 */

const settings = /** @type {WPEmojiSettings} */ (
	JSON.parse( document.getElementById( 'wp-emoji-settings' ).textContent )
);

// For compatibility with other scripts that read from this global, in particular wp-includes/js/wp-emoji.js (source file: js/_enqueues/wp/emoji.js).
window._wpemojiSettings = settings;

/**
 * Support tests.
 * @typedef SupportTests
 * @type {object}
 * @property {?boolean} flag
 * @property {?boolean} emoji
 */

const sessionStorageKey = 'wpEmojiSettingsSupports';
const tests = [ 'flag', 'emoji' ];

/**
 * Checks whether the browser supports offloading to a Worker.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @returns {boolean}
 */
function supportsWorkerOffloading() {
	return (
		typeof Worker !== 'undefined' &&
		typeof OffscreenCanvas !== 'undefined' &&
		typeof URL !== 'undefined' &&
		URL.createObjectURL &&
		typeof Blob !== 'undefined'
	);
}

/**
 * @typedef SessionSupportTests
 * @type {object}
 * @property {number} timestamp
 * @property {SupportTests} supportTests
 */

/**
 * Get support tests from session.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @returns {?SupportTests} Support tests, or null if not set or older than 1 week.
 */
function getSessionSupportTests() {
	try {
		/** @type {SessionSupportTests} */
		const item = JSON.parse(
			sessionStorage.getItem( sessionStorageKey )
		);
		if (
			typeof item === 'object' &&
			typeof item.timestamp === 'number' &&
			new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds.
			typeof item.supportTests === 'object'
		) {
			return item.supportTests;
		}
	} catch ( e ) {}
	return null;
}

/**
 * Persist the supports in session storage.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @param {SupportTests} supportTests Support tests.
 */
function setSessionSupportTests( supportTests ) {
	try {
		/** @type {SessionSupportTests} */
		const item = {
			supportTests: supportTests,
			timestamp: new Date().valueOf()
		};

		sessionStorage.setItem(
			sessionStorageKey,
			JSON.stringify( item )
		);
	} catch ( e ) {}
}

/**
 * Checks if two sets of Emoji characters render the same visually.
 *
 * This is used to determine if the browser is rendering an emoji with multiple data points
 * correctly. set1 is the emoji in the correct form, using a zero-width joiner. set2 is the emoji
 * in the incorrect form, using a zero-width space. If the two sets render the same, then the browser
 * does not support the emoji correctly.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 4.9.0
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} set1 Set of Emoji to test.
 * @param {string} set2 Set of Emoji to test.
 *
 * @return {boolean} True if the two sets render the same.
 */
function emojiSetsRenderIdentically( context, set1, set2 ) {
	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( set1, 0, 0 );
	const rendered1 = new Uint32Array(
		context.getImageData(
			0,
			0,
			context.canvas.width,
			context.canvas.height
		).data
	);

	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( set2, 0, 0 );
	const rendered2 = new Uint32Array(
		context.getImageData(
			0,
			0,
			context.canvas.width,
			context.canvas.height
		).data
	);

	return rendered1.every( ( rendered2Data, index ) => {
		return rendered2Data === rendered2[ index ];
	} );
}

/**
 * Checks if the center point of a single emoji is empty.
 *
 * This is used to determine if the browser is rendering an emoji with a single data point
 * correctly. The center point of an incorrectly rendered emoji will be empty. A correctly
 * rendered emoji will have a non-zero value at the center point.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 6.8.2
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} emoji Emoji to test.
 *
 * @return {boolean} True if the center point is empty.
 */
function emojiRendersEmptyCenterPoint( context, emoji ) {
	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( emoji, 0, 0 );

	// Test if the center point (16, 16) is empty (0,0,0,0).
	const centerPoint = context.getImageData(16, 16, 1, 1);
	for ( let i = 0; i < centerPoint.data.length; i++ ) {
		if ( centerPoint.data[ i ] !== 0 ) {
			// Stop checking the moment it's known not to be empty.
			return false;
		}
	}

	return true;
}

/**
 * Determines if the browser properly renders Emoji that Twemoji can supplement.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 4.2.0
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} type Whether to test for support of "flag" or "emoji".
 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
 *
 * @return {boolean} True if the browser can render emoji, false if it cannot.
 */
function browserSupportsEmoji( context, type, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
	let isIdentical;

	switch ( type ) {
		case 'flag':
			/*
			 * Test for Transgender flag compatibility. Added in Unicode 13.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly (white flag emoji + transgender symbol).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				'\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence
				'\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space
			);

			if ( isIdentical ) {
				return false;
			}

			/*
			 * Test for Sark flag compatibility. This is the least supported of the letter locale flags,
			 * so gives us an easy test for full support.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly ([C] + [Q]).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				'\uD83C\uDDE8\uD83C\uDDF6', // as the sequence of two code points
				'\uD83C\uDDE8\u200B\uD83C\uDDF6' // as the two code points separated by a zero-width space
			);

			if ( isIdentical ) {
				return false;
			}

			/*
			 * Test for English flag compatibility. England is a country in the United Kingdom, it
			 * does not have a two letter locale code but rather a five letter sub-division code.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				// as the flag sequence
				'\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F',
				// with each code point separated by a zero-width space
				'\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F'
			);

			return ! isIdentical;
		case 'emoji':
			/*
			 * Is there a large, hairy, humanoid mythical creature living in the browser?
			 *
			 * To test for Emoji 17.0 support, try to render a new emoji: Hairy Creature.
			 *
			 * The hairy creature emoji is a single code point emoji. Testing for browser
			 * support required testing the center point of the emoji to see if it is empty.
			 *
			 * 0xD83E 0x1FAC8 (\uD83E\u1FAC8) == 🫈 Hairy creature.
			 *
			 * When updating this test, please ensure that the emoji is either a single code point
			 * or switch to using the emojiSetsRenderIdentically function and testing with a zero-width
			 * joiner vs a zero-width space.
			 */
			const notSupported = emojiRendersEmptyCenterPoint( context, '\uD83E\u1FAC8' );
			return ! notSupported;
	}

	return false;
}

/**
 * Checks emoji support tests.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @param {string[]} tests Tests.
 * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification.
 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
 *
 * @return {SupportTests} Support tests.
 */
function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
	let canvas;
	if (
		typeof WorkerGlobalScope !== 'undefined' &&
		self instanceof WorkerGlobalScope
	) {
		canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement.
	} else {
		canvas = document.createElement( 'canvas' );
	}

	const context = canvas.getContext( '2d', { willReadFrequently: true } );

	/*
	 * Chrome on OS X added native emoji rendering in M41. Unfortunately,
	 * it doesn't work when the font is bolder than 500 weight. So, we
	 * check for bold rendering support to avoid invisible emoji in Chrome.
	 */
	context.textBaseline = 'top';
	context.font = '600 32px Arial';

	const supports = {};
	tests.forEach( ( test ) => {
		supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
	} );
	return supports;
}

/**
 * Adds a script to the head of the document.
 *
 * @ignore
 *
 * @since 4.2.0
 *
 * @param {string} src The url where the script is located.
 *
 * @return {void}
 */
function addScript( src ) {
	const script = document.createElement( 'script' );
	script.src = src;
	script.defer = true;
	document.head.appendChild( script );
}

settings.supports = {
	everything: true,
	everythingExceptFlag: true
};

// Obtain the emoji support from the browser, asynchronously when possible.
new Promise( ( resolve ) => {
	let supportTests = getSessionSupportTests();
	if ( supportTests ) {
		resolve( supportTests );
		return;
	}

	if ( supportsWorkerOffloading() ) {
		try {
			// Note that the functions are being passed as arguments due to minification.
			const workerScript =
				'postMessage(' +
				testEmojiSupports.toString() +
				'(' +
				[
					JSON.stringify( tests ),
					browserSupportsEmoji.toString(),
					emojiSetsRenderIdentically.toString(),
					emojiRendersEmptyCenterPoint.toString()
				].join( ',' ) +
				'));';
			const blob = new Blob( [ workerScript ], {
				type: 'text/javascript'
			} );
			const worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } );
			worker.onmessage = ( event ) => {
				supportTests = event.data;
				setSessionSupportTests( supportTests );
				worker.terminate();
				resolve( supportTests );
			};
			return;
		} catch ( e ) {}
	}

	supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
	setSessionSupportTests( supportTests );
	resolve( supportTests );
} )
	// Once the browser emoji support has been obtained from the session, finalize the settings.
	.then( ( supportTests ) => {
		/*
		 * Tests the browser support for flag emojis and other emojis, and adjusts the
		 * support settings accordingly.
		 */
		for ( const test in supportTests ) {
			settings.supports[ test ] = supportTests[ test ];

			settings.supports.everything =
				settings.supports.everything && settings.supports[ test ];

			if ( 'flag' !== test ) {
				settings.supports.everythingExceptFlag =
					settings.supports.everythingExceptFlag &&
					settings.supports[ test ];
			}
		}

		settings.supports.everythingExceptFlag =
			settings.supports.everythingExceptFlag &&
			! settings.supports.flag;

		// When the browser can not render everything we need to load a polyfill.
		if ( ! settings.supports.everything ) {
			const src = settings.source || {};

			if ( src.concatemoji ) {
				addScript( src.concatemoji );
			} else if ( src.wpemoji && src.twemoji ) {
				addScript( src.twemoji );
				addScript( src.wpemoji );
			}
		}
	} );
//# sourceURL=https://metrio.ze-truc.fr/wp/wp-includes/js/wp-emoji-loader.js
</script>

</body>
</html>