{"id":1358,"date":"2025-03-17T05:03:38","date_gmt":"2025-03-17T09:03:38","guid":{"rendered":"https:\/\/mnmsports.com\/?page_id=1358"},"modified":"2026-02-19T17:54:28","modified_gmt":"2026-02-19T22:54:28","slug":"home","status":"publish","type":"page","link":"https:\/\/mnmsports.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<!-- Hero -->\n<div class=\"alignfull hero-section relative\">\n\n  <div class=\"relative h-full aspect-hero-video\">\n\n    <div id=\"video-cover\"\n         class=\"absolute inset-0 w-full h-full bg-cover bg-center z-20\"\n         style=\"background-image: url('\/wp-content\/uploads\/2026\/02\/premier_frame.webp');\">\n    <\/div>\n\n    <div id=\"vimeo-video\" class=\"absolute inset-0 w-full h-full z-10\"><\/div>\n\n  <\/div>\n\n  <!-- ====================================================== -->\n  <!-- NOUVEAU : Conteneur pour le texte et les boutons -->\n  <!-- ====================================================== -->\n  <div id=\"hero-content-overlay\" class=\"absolute inset-0 z-30 flex flex-col items-center justify-center text-center text-white p-4 pointer-events-none\">\n\n    <div class=\"pointer-events-auto\">\n    \n      <div class=\"max-w-3xl\">\n          <!-- Titre principal (H1) -->\n          <h1 class=\"!text-white !text-5xl mb-6\"\n              style=\"text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\">\n              Votre \u00c9quipe. Votre&nbsp;Style. Votre&nbsp;Identit\u00e9.\n          <\/h1>\n\n          <!-- Sous-titre (H2) -->\n          <h2 class=\"!text-white !font-sans !font-normal !text-2xl mb-6\"\n              style=\"text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\">\n              Affirmez votre fiert\u00e9 et votre esprit d\u2019\u00e9quipe avec des uniformes sublim\u00e9s haut de gamme, 100 % personnalis\u00e9s.\n          <\/h2>\n\n          <!-- Paragraphe -->\n          <p class=\"mb-8\"\n              style=\"text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\">\n              Pens\u00e9s pour maximiser vos performances, con\u00e7us pour durer, et accompagn\u00e9s d\u2019un service sur lequel vous pouvez compter \u2013 saison&nbsp;apr\u00e8s&nbsp;saison.\n          <\/p>\n      <\/div>\n\n      <!-- Conteneur pour les boutons d'action (CTA) -->\n      <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\n          <a href=\"\/fr\/categorie-produit\/sports-fr\/\" class=\"btn-hero\">Personnaliser<\/a>\n          <a href=\"https:\/\/clients.mnmsports.com\/\" target=\"_blank\" class=\"btn-hero\">Commander<\/a>\n          <a href=\"\/fr\/commandes-en-gros\/\" class=\"btn-hero\">Acheter en gros<\/a>\n      <\/div>\n        \n    <\/div>\n\n  <\/div>\n  <!-- ====================================================== -->\n  <!-- FIN DU NOUVEAU CONTENU -->\n  <!-- ====================================================== -->\n\n  \n<\/div>\n\n\n\n<!-- Intro -->\n<div class=\"mt-20 lg:mt-32\"><\/div>\n\n<div class=\"fading-div\">\n    <div class=\"max-w-3xl flex flex-col items-center text-center px-4 mx-auto\">\n        <h2 class=\"mb-6\">Pr\u00e9parez votre commande en seulement 3 \u00e9tapes faciles.<\/h2>\n        <p class=\"text-xl\">Commander n\u2019a jamais \u00e9t\u00e9 aussi simple. Que vous soyez un particulier, une association sportive, une \u00e9cole ou une entreprise, dites-nous ce dont vous avez besoin et nous nous occupons du reste.<\/p>\n    <\/div>\n\n    <!-- Conteneur global pour la timeline et les cartes -->\n    <div class=\"max-w-[1280px] mx-auto mt-2 mb-16 lg:mb-4 px-0\">\n    \n        <!-- LIGNE DE TEMPS HORIZONTALE (Desktop > 1024px) -->\n        <!-- Visible seulement sur lg et plus. La marge n\u00e9gative et le z-index la superposent sur le haut des cartes -->\n        <div class=\"hidden lg:flex justify-center items-center w-full h-[44px] -mb-4 z-10 relative\">\n            <!-- Le SVG prend toute la largeur, sans padding interne. -->\n            <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <!-- La ligne connecte le centre du premier et du dernier cercle -->\n                <line x1=\"16.666%\" y1=\"50%\" x2=\"83.333%\" y2=\"50%\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\"\/>\n                <!-- Les cercles sont positionn\u00e9s au centre de chaque \"colonne\" (1\/3 de la largeur) -->\n                <circle cx=\"16.666%\" cy=\"50%\" r=\"8\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\" fill=\"white\"\/>\n                <circle cx=\"50%\" cy=\"50%\" r=\"8\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\" fill=\"white\"\/>\n                <circle cx=\"83.333%\" cy=\"50%\" r=\"8\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\" fill=\"white\"\/>\n            <\/svg>\n        <\/div>\n\n        <!-- Conteneur pour les cartes et la timeline verticale -->\n        <!-- \n            - 'relative' pour positionner la timeline verticale en absolute\n            - 'flex-col lg:flex-row' pour le changement de layout\n            - 'pl-16 lg:pl-0' pour faire de la place \u00e0 la timeline verticale sur mobile\n        -->\n        <div class=\"relative flex flex-col lg:flex-row flex-wrap justify-center gap-8 pl-16 lg:pl-0\">\n            \n            <!-- LIGNE DE TEMPS VERTICALE (Mobile < 1024px) -->\n            <!-- Visible seulement en dessous de lg. Positionn\u00e9e \u00e0 gauche. -->\n            <div class=\"absolute top-0 left-4 w-12 h-full lg:hidden\">\n                <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <!-- La ligne verticale -->\n                    <line x1=\"50%\" y1=\"16.6%\" x2=\"50%\" y2=\"83.4%\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\"\/>\n                    <!-- Cercles au centre vertical de chaque carte -->\n                    <circle cx=\"50%\" cy=\"16.6%\" r=\"8\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\" fill=\"white\"\/>\n                    <circle cx=\"50%\" cy=\"50%\" r=\"8\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\" fill=\"white\"\/>\n                    <circle cx=\"50%\" cy=\"83.4%\" r=\"8\" stroke=\"currentColor\" class=\"text-gray-300\" stroke-width=\"2\" fill=\"white\"\/>\n                <\/svg>\n            <\/div>\n\n            <!-- Carte 1 -->\n            <div class=\"relative flex flex-col justify-start flex-1 w-full max-w-full lg:max-w-[calc(33.333%-1rem)] bg-white px-8 pt-8 pb-12 transition-all overflow-hidden\">\n\n                <!-- Image en haut -->\n                <div class=\"aspect-[3\/2] w-full max-w-[300px] max-h-[200px] lg:max-w-none lg:max-h-none mb-6 mx-auto overflow-hidden\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/laptop-visuel.webp\" alt=\"Description de l'image\" class=\"w-full h-full object-cover rounded-2xl\">\n                <\/div>\n\n                <!-- Conteneur texte -->\n                <div class=\"relative z-10 max-w-sm mx-auto text-center\">\n                    \n                    <!-- Chiffre en arri\u00e8re-plan, align\u00e9 haut-gauche -->\n                    <div class=\"absolute top-0 left-0 text-[14rem] font-black text-accent pointer-events-none select-none leading-none animate-number-glow z-0 -translate-x-6 -translate-y-6\">\n                        1\n                    <\/div>\n\n                    <!-- Texte centr\u00e9 -->\n                    <div class=\"relative z-10\">\n                        <h3 class=\"mt-0 mb-5\">Demande de visuel<\/h3>\n                        <p class=\"text-xl m-0\">\n                            Remplissez votre formulaire de demande et versez un d\u00e9p\u00f4t de 150 $, d\u00e9duit de votre commande. Validez ensuite le visuel con\u00e7u par nos graphistes.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Carte 2 -->\n            <div class=\"relative flex flex-col justify-start flex-1 w-full max-w-full lg:max-w-[calc(33.333%-1rem)] bg-white px-8 pt-8 pb-12 transition-all overflow-hidden\">\n\n                <!-- Image en haut -->\n                <div class=\"aspect-[3\/2] w-full max-w-[300px] max-h-[200px] lg:max-w-none lg:max-h-none mb-6 mx-auto overflow-hidden\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/tablette-roster.webp\" alt=\"Description de l'image\" class=\"w-full h-full object-cover rounded-2xl\">\n                <\/div>\n\n                <!-- Conteneur texte -->\n                <div class=\"relative z-10 max-w-sm mx-auto text-center\">\n                    \n                    <!-- Chiffre en arri\u00e8re-plan, align\u00e9 haut-gauche -->\n                    <div class=\"absolute top-0 left-0 text-[14rem] font-black text-accent pointer-events-none select-none leading-none animate-number-glow z-0 -translate-x-6 -translate-y-6\">\n                        2\n                    <\/div>\n\n                    <!-- Texte centr\u00e9 -->\n                    <div class=\"relative z-10\">\n                        <h3 class=\"mt-0 mb-5\">Roster<\/h3>\n                        <p class=\"text-xl m-0\">\n                            Fournissez les informations de chaque membre de l\u2019\u00e9quipe (grandeur, nom, num\u00e9ro et grade). Des donn\u00e9es pr\u00e9cises garantissent un ajustement parfait et une personnalisation optimale.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Carte 3 -->\n            <div class=\"relative flex flex-col justify-start flex-1 w-full max-w-full lg:max-w-[calc(33.333%-1rem)] bg-white px-8 pt-8 pb-12 transition-all overflow-hidden\">\n\n                <!-- Image en haut -->\n                <div class=\"aspect-[3\/2] w-full max-w-[300px] max-h-[200px] lg:max-w-none lg:max-h-none mb-6 mx-auto overflow-hidden\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/mobile-commande.webp\" alt=\"Description de l'image\" class=\"w-full h-full object-cover rounded-2xl\">\n                <\/div>\n\n                <!-- Conteneur texte -->\n                <div class=\"relative z-10 max-w-sm mx-auto text-center\">\n                    \n                    <!-- Chiffre en arri\u00e8re-plan, align\u00e9 haut-gauche -->\n                    <div class=\"absolute top-0 left-0 text-[14rem] font-black text-accent pointer-events-none select-none leading-none animate-number-glow z-0 -translate-x-6 -translate-y-6\">\n                        3\n                    <\/div>\n\n                    <!-- Texte centr\u00e9 -->\n                    <div class=\"relative z-10\">\n                        <h3 class=\"mt-0 mb-5\">Commande<\/h3>\n                        <p class=\"text-xl m-0\">\n                            Apr\u00e8s avoir approuv\u00e9 votre design et compl\u00e9t\u00e9 votre roster, finalisez et soumettez votre commande. Vous recevrez une confirmation ainsi que votre date de livraison.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n\n    <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\n        <a href=\"\/fr\/categorie-produit\/sports-fr\/\" class=\"btn\">Voir les produits \u00e0 personnaliser<\/a>\n        <a href=\"\/fr\/commandes-en-gros\/\" class=\"btn\">Commander en gros<\/a>\n    <\/div>\n    \n<\/div>\n\n<div class=\"mt-24 lg:mt-36\"><\/div>\n\n\n\n<!-- Sports Grid -->\n<h2 class=\"absolute left-[-9999px] top-auto w-px h-px overflow-hidden\">D\u00e9couvre ton sport. Personnalise ton uniforme.<\/h2>\n\n<div class=\"fading-div sports-grid alignfull grid auto-rows-auto gap-4 grid-cols-1 md:grid-cols-2 lg:[grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))] [@media(min-width:1648px)]:grid-cols-4\">\n\n  <!-- Title box -->\n  <div class=\"grid-item title-box flex items-center justify-center text-center pointer-events-none\">\n    <div class=\"font-heading font-medium text-3xl text-primary\">Trouve ton sport.<br>Personnalise ton uniforme.<\/div>\n  <\/div>\n\n  <!-- Hockey -->\n  <div class=\"grid-item\" \n    data-sport=\"Hockey\" \n    data-sport-fr=\"Hockey\"\n    data-category=\"hockey\"\n    data-category-fr=\"hockey-fr\">\n  \n    <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n      <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/kristopher-letang-hockey.webp\" alt=\"Kristopher Letang - Hockey\" loading=\"lazy\">\n      <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Hockey<\/div>\n      <div class=\"card-info\">\n        <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n          <div class=\"product-dropdown-wrapper\">\n              <ul class=\"product-dropdown\"><\/ul>\n          <\/div>\n\n          <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<!-- Dek -->\n<div class=\"grid-item\" \n  data-sport=\"Dek\" \n  data-sport-fr=\"Dek\" \n  data-category=\"dek\"\n  data-category-fr=\"dek-fr\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/dek.webp\" alt=\"Dek Hockey\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Dek<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Baseball -->\n<div class=\"grid-item\" \n  data-sport=\"Baseball\" \n  data-sport-fr=\"Baseball\" \n  data-category=\"baseball\"\n  data-category-fr=\"baseball-fr\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/baseball.webp\" alt=\"Baseball\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Baseball<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Soccer -->\n<div class=\"grid-item\" \n  data-sport=\"Soccer\" \n  data-sport-fr=\"Soccer\" \n  data-category=\"soccer\"\n  data-category-fr=\"soccer-fr\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/soccer.webp\" alt=\"Soccer\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Soccer<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Basketball -->\n<div class=\"grid-item\" \n  data-sport=\"Basketball\" \n  data-sport-fr=\"Basketball\" \n  data-category=\"basketball\"\n  data-category-fr=\"basketball-fr\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/basketball.webp\" alt=\"Basketball\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Basketball<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Volleyball -->\n<div class=\"grid-item\" \n  data-sport=\"Volleyball\" \n  data-sport-fr=\"Volleyball\" \n  data-category=\"volleyball\"\n  data-category-fr=\"volleyball-fr\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/volleyball.webp\" alt=\"Volleyball\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Volleyball<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Ringette -->\n<div class=\"grid-item\" \n  data-sport=\"Ringette\" \n  data-sport-fr=\"Ringuette\" \n  data-category=\"ringette\"\n  data-category-fr=\"ringuette\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/ringette.webp\" alt=\"Ringette\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Ringuette<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Track and Field -->\n<div class=\"grid-item\" \n  data-sport=\"Track and Field\" \n  data-sport-fr=\"Athl\u00e9tisme\" \n  data-category=\"track-and-field\"\n  data-category-fr=\"athletisme\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/track-and-field.webp\" alt=\"Track and Field\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Athl\u00e9tisme<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Lacrosse -->\n<div class=\"grid-item\" \n  data-sport=\"Lacrosse\" \n  data-sport-fr=\"Lacrosse\" \n  data-category=\"lacrosse\"\n  data-category-fr=\"lacrosse-fr\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/lacrosse.webp\" alt=\"Lacrosse\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Lacrosse<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Broomball -->\n<div class=\"grid-item\" \n  data-sport=\"Broomball\" \n  data-sport-fr=\"Ballon-balai\" \n  data-category=\"broomball\"\n  data-category-fr=\"ballon-balai\">\n\n  <div class=\"absolute inset-0 w-full h-full overflow-hidden\">\n    <img decoding=\"async\" class=\"w-full h-full object-cover block rounded-none\" src=\"\/wp-content\/uploads\/2025\/07\/broomball.webp\" alt=\"Broomball\" loading=\"lazy\">\n    <div class=\"absolute top-1\/2 left-5 -translate-x-1\/2 -translate-y-1\/2 rotate-[-90deg] origin-center bg-white text-primary font-heading font-medium text-2xl py-2 px-3 tracking-widest z-30 pointer-events-none whitespace-nowrap\">Ballon-balai<\/div>\n    <div class=\"card-info\">\n      <div class=\"flex flex-col justify-between h-full w-full box-border\">\n\n        <div class=\"product-dropdown-wrapper\">\n            <ul class=\"product-dropdown\"><\/ul>\n        <\/div>\n\n        <a class=\"full-uniform-button\" href=\"#\">SEE TEAM UNIFORM<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  <!-- Final grid box (last item) -->\n  <div class=\"grid-item grid-final-box\">\n    <div class=\"w-full relative flex flex-col items-center\">\n      <div class=\"font-heading font-medium text-3xl text-primary mb-6\">Vous ne trouvez pas votre sport?<\/div>\n      <div class=\"text-xl mb-6\">Nous cr\u00e9ons des uniformes personnalis\u00e9s pour chaque sport.<\/div>\n      <div class=\"relative w-4\/5 max-w-[250px] mb-6\">\n        <input type=\"text\" id=\"sport-search\" placeholder=\"Saisissez votre sport ici\u2026\" autocomplete=\"off\">\n        <div id=\"sport-results\"><\/div>\n      <\/div>\n      <div class=\"text-base\">\n        Vous ne le trouvez toujours pas? <a href=\"\/fr\/uniformes-personnalises\/\">Contactez-nous<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<!-- Avantages -->\n<div class=\"mt-24 lg:mt-36\">\n    <div class=\"fading-div max-w-[1280px] mx-auto px-4\">\n\n        <!-- Conteneur pour le titre et la grille -->\n        <div>\n            <!-- TITRE ET SOUS-TITRE (Positionn\u00e9 au-dessus de la premi\u00e8re colonne) -->\n            <!-- Mis \u00e0 jour pour prendre 46% de la largeur sur desktop -->\n            <div class=\"lg:w-[42%] lg:pr-8 mb-6\">\n                <h2 class=\"text-center lg:text-left text-3xl font-bold mb-4\">MNM Sports<\/h2>\n                <div class=\"text-center lg:text-left text-xl\">Cr\u00e9ez votre identit\u00e9. Affichez vos couleurs.<\/div>\n            <\/div>\n\n            <!-- Conteneur Flex pour les 3 colonnes -->\n            <!-- 'gap-y-12' pour l'espacement vertical sur mobile, 'lg:gap-x-8' pour l'horizontal sur desktop. -->\n            <div class=\"flex flex-col lg:flex-row lg:gap-x-8 gap-y-12\">\n\n                <!-- COLONNE 1 : Texte (46%) -->\n                <!-- Ajout de lg:w-[46%] pour une largeur de 46% sur desktop -->\n                <div class=\"lg:w-[44%] lg:pr-8\">\n                    <p class=\"text-base mb-4\">\n                        Chez MNM Sport, chaque \u00e9tape est con\u00e7ue autour de votre \u00e9quipe. Nous allons prendre en charge votre projet, de l\u2019id\u00e9e initiale jusqu\u2019\u00e0 la livraison finale, en confirmant votre date d\u2019exp\u00e9dition et assurant un suivi rigoureux.\n                    <\/p>\n                    <p class=\"text-base mb-4\">\n                        Propuls\u00e9s par le plus grand parc de sublimation au Qu\u00e9bec, nous partons de tissus vierges de haute qualit\u00e9 que nous transformons gr\u00e2ce \u00e0 une impression par sublimation calibr\u00e9e aux couleurs Pantone. Nos \u00e9quipements d\u2019impression sont recalibr\u00e9s r\u00e9guli\u00e8rement afin de garantir une exactitude chromatique optimale. Des tissus de qualit\u00e9 sup\u00e9rieure, r\u00e9sistants \u00e0 l\u2019abrasion, sont cousus et test\u00e9s au Velcro dans nos ateliers, assurant \u00e0 vos uniformes de rester nets, durables et fid\u00e8les \u00e0 votre vision saison apr\u00e8s saison.\n                    <\/p>\n                    <p class=\"text-base\">\n                        Le r\u00e9sultat : des uniformes sur mesure qui incarnent l\u2019identit\u00e9 unique de votre \u00e9quipe, optimisent la performance et r\u00e9sistent aux calendriers les plus exigeants.\n                    <\/p>\n                <\/div>\n\n                <!-- COLONNE 2 : Liste d'avantages (27%) -->\n                <!-- Ajout de lg:w-[27%] pour une largeur personnalis\u00e9e sur desktop -->\n                <div class=\"flex flex-col gap-y-8 lg:w-[29%]\">\n                    \n                    <!-- Item 1 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                            <i class=\"fas fa-user-check text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                                <span class=\"font-medium\">Service personnalis\u00e9<\/span> \u2013 un seul interlocuteur, mises \u00e0 jour proactives.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 2 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                            <i class=\"fas fa-calendar-check text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                                <span class=\"font-medium\">Livraison garantie<\/span> \u2013 date d\u2019exp\u00e9dition confirm\u00e9e lors de la commande.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 3 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                           <i class=\"fas fa-industry text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                                <span class=\"font-medium\">Capacit\u00e9 industrielle<\/span> \u2013 plus grand parc d\u2019\u00e9quipements de sublimation au Qu\u00e9bec.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 4 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                            <i class=\"fas fa-award text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                                <span class=\"font-medium\">Qualit\u00e9 certifi\u00e9e<\/span> \u2013 tissus haut de gamme, tests d\u2019abrasion et de r\u00e9sistance Velcro.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- COLONNE 3 : Liste d'avantages (27%) -->\n                <!-- Ajout de lg:w-[27%] pour une largeur personnalis\u00e9e sur desktop -->\n                <div class=\"flex flex-col gap-y-8 lg:w-[29%]\">\n                    \n                    <!-- Item 1 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                            <i class=\"fas fa-palette text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                                <span class=\"font-medium\">Pr\u00e9cision des couleurs<\/span> \u2013 calibration Pantone r\u00e9guli\u00e8re pour un rendu parfait.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Item 2 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                           <i class=\"fas fa-diagram-project text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                                <span class=\"font-medium\">Logistique int\u00e9gr\u00e9e<\/span> \u2013 utilisation de votre transporteur dans notre processus.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 3 -->\n                    <div class=\"flex items-start gap-x-4\">\n                        <div class=\"flex-shrink-0\">\n                            <i class=\"fas fa-handshake text-accent text-[32px]\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"m-0 text-lg\">\n                               <span class=\"font-medium\">Tarification en gros<\/span> \u2013 programmes sp\u00e9ciaux pour ligues, associations, \u00e9coles et f\u00e9d\u00e9rations.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- Custom Gear -->\n<div class=\"my-24 lg:my-36\">\n    <div class=\"fading-div max-w-[1280px] mx-auto px-4\">\n\n        <!-- Conteneur Grid pour les 2 colonnes -->\n        <!-- Passe de 1 colonne sur mobile \u00e0 2 colonnes sur desktop (lg) -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n\n            <!-- COLONNE 1 : Image avec effet -->\n            <div class=\"custom-gear-left\">\n                <img decoding=\"async\" src=\"https:\/\/static.mnmsports.com\/custom-gear\/hoodie.webp\" loading=\"lazy\" class=\"active\">\n            <\/div>\n\n            <!-- COLONNE 2 : Titre, Texte et 3 images -->\n            <div>\n                <h2 class=\"text-3xl font-bold mb-6 text-center\">Compl\u00e9tez votre uniforme avec des articles personnalis\u00e9s.<\/h2>\n                <p class=\"text-xl mb-8\">\n                    Tracksuit, kangourous, sacs et accessoires con\u00e7us pour refl\u00e9ter l\u2019identit\u00e9 de votre \u00e9quipe. Des v\u00eatements et \u00e9quipements haute performance qui allient style, esprit d\u2019\u00e9quipe et polyvalence \u2014 sur le terrain comme \u00e0 l\u2019ext\u00e9rieur.\n                <\/p>\n\n                <!-- Grille pour les 3 images -->\n                <div class=\"grid grid-cols-3 gap-4 text-center\">\n                    \n                    <!-- Image 1 -->\n                    <a href=\"\/fr\/categorie-produit\/vetements-multisports\/\" class=\"block\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/multisport-button.jpg\" alt=\"Multisport clothing\" class=\"mx-auto mb-4 w-full h-auto\">\n                        <p class=\"text-lg font-heading font-medium\">V\u00eatements multisports<\/p>\n                    <\/a>\n\n                    <!-- Image 2 -->\n                    <a href=\"\/fr\/categorie-produit\/sacs\/\" class=\"block\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/bags-button.webp\" alt=\"Sport bags\" class=\"mx-auto mb-4 w-full h-auto\">\n                        <p class=\"text-lg font-heading font-medium\">Sacs<\/p>\n                    <\/a>\n\n                    <!-- Image 3 -->\n                    <a href=\"\/fr\/categorie-produit\/accessoires\/\" class=\"block\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/tuque.webp\" alt=\"Sport accessories\" class=\"mx-auto mb-4 w-full h-auto\">\n                        <p class=\"text-lg font-heading font-medium\">Accessoires<\/p>\n                    <\/a>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Votre \u00c9quipe. Votre&nbsp;Style. Votre&nbsp;Identit\u00e9. Affirmez votre fiert\u00e9 et votre esprit d\u2019\u00e9quipe avec des uniformes sublim\u00e9s haut de gamme, 100 % personnalis\u00e9s. Pens\u00e9s pour maximiser vos performances, con\u00e7us pour durer, et accompagn\u00e9s d\u2019un service sur lequel vous pouvez compter \u2013 saison&nbsp;apr\u00e8s&nbsp;saison. Personnaliser Commander Acheter en gros Pr\u00e9parez votre commande en seulement 3 \u00e9tapes faciles. Commander n\u2019a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1358","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/pages\/1358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/comments?post=1358"}],"version-history":[{"count":3,"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/pages\/1358\/revisions"}],"predecessor-version":[{"id":2180,"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/pages\/1358\/revisions\/2180"}],"wp:attachment":[{"href":"https:\/\/mnmsports.com\/fr\/wp-json\/wp\/v2\/media?parent=1358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}