{"id":2,"date":"2026-06-12T10:18:41","date_gmt":"2026-06-12T10:18:41","guid":{"rendered":"http:\/\/mascadis.re\/?page_id=2"},"modified":"2026-07-15T09:53:14","modified_gmt":"2026-07-15T09:53:14","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/mascadis.re\/","title":{"rendered":"Mascadis"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5a6d82 e-con e-atomic-element e-flexbox-base e-b6937d1 \" data-id=\"d5a6d82\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5a6d82\">\n    \t\t<div class=\"elementor-element elementor-element-697c14f elementor-widget elementor-widget-html\" data-id=\"697c14f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n.mw,.mw *,.mw *::before,.mw *::after{box-sizing:border-box;margin:0;padding:0;text-transform:none!important}\n.mw p,.mw h1,.mw h2,.mw h3,.mw a,.mw li,.mw span,.mw div,.mw button{text-transform:none!important;font-family:inherit!important}\n.mw h1,.mw h2,.mw h3{font-family:'Sora',sans-serif!important;font-weight:900!important;line-height:1.06!important}\n.mw .up{text-transform:uppercase!important;letter-spacing:2px!important;font-size:.62rem!important;font-weight:700!important}\n\n.mw{\n  --r:#C8291C; --r2:#A51F14; --r3:#E03020; --rp:#FEF0EE; --rp2:#FDDBD8;\n  --g:#2A7D35; --gp:#EDF7EE; --g2:#1E6028;\n  --dk:#141414; --dk2:#1E1E1E;\n  --sand:#F7F5F2; --sand2:#EDEAE5; --sand3:#E0DCD6;\n  --wh:#FFFFFF; --steel:#3A3A3A; --mist:#7A7570;\n  --b1:#DDD9D3; --b2:#C8C4BE;\n  --fh:'Sora',sans-serif; --fb:'Inter',sans-serif;\n  --s0:0 2px 8px rgba(0,0,0,.06),0 8px 28px rgba(0,0,0,.08);\n  --s1:0 4px 20px rgba(0,0,0,.10);\n  --sr:0 6px 24px rgba(200,41,28,.22);\n  --tr:.2s ease;\n  font-family:var(--fb); color:var(--steel);\n  line-height:1.7; font-size:16px; background:var(--sand);\n}\n\n\/* \u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550 *\/\n.mn{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(247,245,242,.97);border-bottom:1px solid var(--sand3);backdrop-filter:blur(12px);padding:0 2.5rem;transition:box-shadow var(--tr)}\n.mn.sc{box-shadow:0 2px 20px rgba(0,0,0,.08)}\n.mn-in{max-width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:66px}\n.mn-logo img{height:38px;display:block}\n.mn-links{display:flex;align-items:center;gap:1.75rem;list-style:none}\n.mn-links a{color:var(--steel)!important;text-decoration:none!important;font-size:.82rem;font-weight:600;transition:color var(--tr)}\n.mn-links a:hover{color:var(--r)!important}\n.mn-tel{display:inline-flex;align-items:center;gap:.4rem;color:var(--dk)!important;text-decoration:none!important;font-size:.82rem;font-weight:700;padding:.35rem .85rem;border-radius:3px;border:1px solid var(--b1);background:var(--wh);transition:all var(--tr)}\n.mn-tel:hover{border-color:var(--r);color:var(--r)!important}\n.mn-cta{display:inline-flex!important;align-items:center;background:var(--r)!important;color:var(--wh)!important;font-weight:700!important;font-size:.79rem!important;padding:.46rem 1.1rem!important;border-radius:3px!important;text-decoration:none!important;box-shadow:var(--sr)!important;transition:background var(--tr)!important}\n.mn-cta:hover{background:var(--r3)!important;color:var(--wh)!important}\n.mn-hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:.4rem}\n.mn-hbg span{display:block;width:21px;height:2px;background:var(--dk);border-radius:1px;transition:var(--tr)}\n.mn-hbg.op span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.mn-hbg.op span:nth-child(2){opacity:0}\n.mn-hbg.op span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n.mn-mob{display:none;position:fixed;top:66px;left:0;right:0;bottom:0;background:var(--sand);z-index:998;flex-direction:column;padding:1.75rem;gap:.35rem;overflow-y:auto}\n.mn-mob.op{display:flex}\n.mn-mob a{display:block;color:var(--dk)!important;text-decoration:none!important;font-size:1rem;font-weight:600;padding:.8rem 0;border-bottom:1px solid var(--sand3)}\n.mn-mob a:hover{color:var(--r)!important}\n.mn-mob .mc{background:var(--r)!important;color:var(--wh)!important;text-align:center!important;border-radius:8px!important;margin-top:1.25rem!important;padding:.9rem!important;font-weight:700!important;border:none!important}\n.mn-mob .mt{background:var(--wh)!important;color:var(--dk)!important;text-align:center!important;border-radius:8px!important;border:1px solid var(--b1)!important;padding:.8rem!important;font-weight:700!important;margin-top:.5rem!important}\n\n\/* \u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550 *\/\n.hero{\n  padding-top:66px;min-height:100vh;\n  position:relative;overflow:hidden;display:flex;align-items:center;background-color:#1a1410;\n  background:url('https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-hero-background.jpg') center 30%\/cover no-repeat;\n}\n.hero::before{\n  content:'';position:absolute;inset:0;z-index:1;\n  background:\n    linear-gradient(105deg,rgba(10,8,6,.93) 0%,rgba(10,8,6,.86) 40%,rgba(10,8,6,.5) 70%,rgba(10,8,6,.3) 100%),\n    linear-gradient(to top,rgba(10,8,6,.55) 0%,transparent 40%);\n}\n.hero-bar{position:absolute;left:0;top:0;bottom:0;width:4px;z-index:5;background:linear-gradient(to bottom,var(--r),var(--g))}\n.hero-prog{position:absolute;bottom:0;left:0;height:2px;width:0;z-index:5;background:linear-gradient(to right,var(--r),var(--g));animation:hprog 2s ease-out .5s forwards}\n@keyframes hprog{to{width:100%}}\n.hero-in{max-width:100%;margin:0 auto;width:100%;position:relative;z-index:2;padding:5.5rem 2.5rem 5rem;display:grid;grid-template-columns:1.1fr 390px;gap:5rem;align-items:center}\n\n\/* Hero gauche *\/\n.hero-badge{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.52);font-size:.65rem;font-weight:600;letter-spacing:1.8px;padding:.35rem 1rem;border-radius:2px;margin-bottom:1.75rem}\n.hero-dot{width:7px;height:7px;background:var(--g);border-radius:50%;flex-shrink:0;animation:pulse 2.5s ease-in-out infinite}\n@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(42,125,53,.3)}50%{box-shadow:0 0 0 7px rgba(42,125,53,.08)}}\n.hero h1{font-size:clamp(2.6rem,2.8vw,4.2rem)!important;color:var(--wh);letter-spacing:-1.3px;margin-bottom:1.5rem;line-height:1.03!important}\n.hero h1 .ac{color:var(--r)}\n.hero-desc{font-size:.97rem;color:rgba(255,255,255,.46);line-height:1.88;margin-bottom:2.25rem;max-width:490px}\n.hero-desc strong{color:rgba(255,255,255,.8);font-weight:500}\n.hero-btns{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2.25rem}\n.btn-red{display:inline-flex;align-items:center;gap:.5rem;background:var(--r);color:var(--wh)!important;font-family:var(--fh);font-weight:700;font-size:.9rem;padding:.95rem 1.95rem;border-radius:3px;text-decoration:none!important;box-shadow:var(--sr);transition:background var(--tr),transform var(--tr)}\n.btn-red:hover{background:var(--r3);transform:translateY(-2px);color:var(--wh)!important}\n.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);color:var(--wh)!important;font-family:var(--fh);font-weight:700;font-size:.9rem;padding:.95rem 1.75rem;border-radius:3px;border:1.5px solid rgba(255,255,255,.2);text-decoration:none!important;transition:all var(--tr)}\n.btn-ghost:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.42);color:var(--wh)!important}\n.hero-trust{display:flex;flex-direction:column;gap:.5rem;padding-top:1.65rem;border-top:1px solid rgba(255,255,255,.09)}\n.hero-trust-item{font-size:.78rem;color:rgba(255,255,255,.36);display:flex;align-items:center;gap:.55rem}\n.hero-trust-item .ic{font-size:.85rem;line-height:1}\n\n\/* Hero panel *\/\n.hero-panel{background:rgba(10,8,6,.75);border:1px solid rgba(255,255,255,.1);border-radius:6px;backdrop-filter:blur(16px);overflow:hidden}\n.panel-hd{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between}\n.panel-ttl{font-family:var(--fh);font-size:.63rem;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:2px}\n.panel-live{display:flex;align-items:center;gap:.35rem;font-size:.62rem;color:rgba(255,255,255,.3)}\n.panel-live-dot{width:5px;height:5px;background:var(--g);border-radius:50%;animation:pulse 2s ease-in-out infinite}\n.panel-stats{display:flex;flex-direction:column}\n.pstat{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:1rem;position:relative;transition:background var(--tr)}\n.pstat:last-child{border-bottom:none}\n.pstat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}\n.pstat:nth-child(1)::before{background:var(--r)}\n.pstat:nth-child(2)::before{background:var(--g)}\n.pstat:nth-child(3)::before{background:#8B6914}\n.pstat:nth-child(4)::before{background:rgba(255,255,255,.3)}\n.pstat:hover{background:rgba(255,255,255,.04)}\n.pstat-num{font-family:var(--fh);font-size:2rem;font-weight:900;color:var(--wh);line-height:1;min-width:82px;letter-spacing:-1px}\n.pstat-num .s{color:var(--r);font-size:1.15rem}\n.pstat:nth-child(2) .pstat-num .s{color:var(--g)}\n.pstat-lbl{font-family:var(--fh);font-size:.75rem;font-weight:700;color:rgba(255,255,255,.6);margin-bottom:2px}\n.pstat-sub{font-size:.68rem;color:rgba(255,255,255,.27);line-height:1.4}\n.panel-ft{padding:.85rem 1.5rem;background:rgba(200,41,28,.07);border-top:1px solid rgba(200,41,28,.14)}\n.panel-ft-ttl{font-family:var(--fh);font-size:.72rem;font-weight:700;color:rgba(255,255,255,.58);margin-bottom:2px}\n.panel-ft-sub{font-size:.68rem;color:rgba(255,255,255,.3);line-height:1.45}\n\n\/* \u2550\u2550\u2550\u2550 GALERIE PHOTOS \u2550\u2550\u2550\u2550 *\/\n.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:255px 255px 255px;gap:3px;overflow:hidden}\n.gp{position:relative;overflow:hidden;background:var(--dk2)}\n.gp.tall{grid-row:1\/4}\n.gp img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.04);transition:transform .5s ease}\n.gp:hover img{transform:scale(1.04)}\n.gp::after{content:'';position:absolute;inset:0;background:rgba(8,6,4,.2);transition:background .3s}\n.gp:hover::after{background:rgba(8,6,4,.05)}\n.gp-lbl{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:.6rem .85rem;background:linear-gradient(to top,rgba(8,6,4,.8),transparent);color:rgba(255,255,255,.62);font-size:.63rem;font-weight:600;letter-spacing:.5px}\n\n\/* \u2550\u2550\u2550\u2550 SECTIONS \u2550\u2550\u2550\u2550 *\/\n.sec{padding:5.5rem 2.5rem}\n.in{max-width:100%;margin:0 auto;padding:0 2rem}\n.bg-s{background:var(--sand)}\n.bg-s2{background:var(--sand2)}\n.bg-dk{background:var(--dk2)}\n.tc{text-align:center}\n.lbl{display:inline-flex;align-items:center;gap:.45rem;font-size:.62rem;font-weight:700;letter-spacing:2px;color:var(--mist);margin-bottom:.6rem}\n.lbl::before{content:'';width:14px;height:1.5px;background:currentColor;border-radius:1px;flex-shrink:0}\n.lbl-r{color:var(--r)}\n.lbl-r::before{background:var(--r)}\n.h2{font-family:var(--fh)!important;font-size:clamp(1.75rem,1.8vw,2.4rem);font-weight:900!important;color:var(--dk);line-height:1.06!important;letter-spacing:-.4px;margin-bottom:.85rem}\n.h2 em{font-style:normal;color:var(--r)}\n.h2-w{color:var(--wh)!important}\n.lead{font-size:.93rem;color:var(--mist);line-height:1.8;max-width:520px}\n.lc{margin:0 auto}\n\n\/* \u2550\u2550\u2550\u2550 GAMMES \u2550\u2550\u2550\u2550 *\/\n.gammes{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:3rem;border-top:1px solid var(--sand3)}\n.gamme{display:flex;align-items:flex-start;gap:1rem;padding:1.35rem 1.25rem 1.35rem 0;border-bottom:1px solid var(--sand3);border-right:1px solid var(--sand3);transition:background var(--tr)}\n.gamme:nth-child(even){padding-left:1.25rem;border-right:none}\n.gamme:hover{background:rgba(200,41,28,.025)}\n.gamme-em{font-size:1.75rem;line-height:1;flex-shrink:0;margin-top:.05rem}\n.gamme-name{font-family:var(--fh);font-size:.93rem;font-weight:700;color:var(--dk);margin-bottom:.22rem}\n.gamme-brands{font-size:.76rem;color:var(--mist);line-height:1.5;margin-bottom:.45rem}\n.g-tag{display:inline-flex;align-items:center;gap:.28rem;background:var(--gp);color:var(--g2);font-size:.62rem;font-weight:700;padding:.14rem .5rem;border-radius:100px}\n.g-dot{width:5px;height:5px;background:var(--g);border-radius:50%;animation:gpulse 2s ease-in-out infinite}\n@keyframes gpulse{0%,100%{box-shadow:0 0 0 0 rgba(42,125,53,.4)}50%{box-shadow:0 0 0 4px rgba(42,125,53,0)}}\n\n\n\/* \u2550\u2550\u2550\u2550 ENCART PRODUIT GAMMES \u2550\u2550\u2550\u2550 *\/\n.gamme-encart{margin-top:2.5rem;border-radius:10px;overflow:hidden;height:220px;position:relative}\n.gamme-encart img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04)}\n.gamme-encart-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,6,4,.72) 0%,transparent 55%);display:flex;align-items:center;padding:2rem}\n.gamme-encart-label{font-size:.6rem;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.5);margin-bottom:.4rem}\n.gamme-encart-title{font-family:var(--fh);font-size:1.2rem;font-weight:900;color:var(--wh);margin-bottom:.3rem;line-height:1.15}\n.gamme-encart-sub{font-size:.8rem;color:rgba(255,255,255,.5)}\n\n\/* \u2550\u2550\u2550\u2550 SERVICE \u2014 3 PHOTOS \u2550\u2550\u2550\u2550 *\/\n.serv-photos{\n  display:grid;\n  grid-template-columns:1fr;\n  grid-template-rows:160px 160px 160px;\n  gap:6px;\n  border-radius:10px;\n  overflow:hidden;\n  align-self:stretch;\n}\n.serv-photo-item{\n  position:relative;\n  overflow:hidden;\n  background:var(--dk2);\n}\n.serv-photo-item img{\n  position:absolute;inset:0;\n  width:100%;height:100%;\n  object-fit:cover;\n  object-position:center center;\n  display:block;\n  filter:saturate(.9) contrast(1.04);\n  transition:transform .5s ease;\n}\n.serv-photo-item:hover img{transform:scale(1.04)}\n.serv-photo-item::after{\n  content:'';position:absolute;inset:0;z-index:1;\n  background:linear-gradient(to top,rgba(8,6,4,.78) 0%,rgba(8,6,4,.1) 55%,transparent 100%);\n}\n.serv-photo-lbl{\n  position:absolute;bottom:0;left:0;right:0;z-index:2;\n  padding:.65rem 1rem;\n  color:rgba(255,255,255,.88);\n  font-size:.7rem;font-weight:700;letter-spacing:.3px;\n}\n\/* Sur tablette : 3 photos c\u00f4te \u00e0 c\u00f4te *\/\n@media(max-width:1100px){\n  .serv-photos{grid-template-columns:1fr 1fr 1fr;grid-template-rows:200px}\n}\n\/* Sur mobile : colonne *\/\n@media(max-width:600px){\n  .serv-photos{grid-template-columns:1fr;grid-template-rows:160px 160px 160px}\n}\n\/* \u2550\u2550\u2550\u2550 SERVICE \u2550\u2550\u2550\u2550 *\/\n.serv{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:stretch}\n.serv-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--rp);border:1px solid var(--rp2);color:var(--r2);font-size:.65rem;font-weight:700;letter-spacing:.6px;padding:.28rem .82rem;border-radius:2px;margin-bottom:1.25rem}\n.serv-txt p,.serv-col p{color:var(--steel);line-height:1.85;margin-bottom:1rem;font-size:.95rem}\n.serv-txt p strong{color:var(--dk);font-weight:600}\n.steps{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}\n.step{display:flex;align-items:flex-start;gap:.9rem;padding:.85rem 1rem;background:var(--wh);border-radius:8px;border:1px solid var(--b1);transition:border-color var(--tr),transform var(--tr)}\n.step:hover{border-color:var(--r);transform:translateX(4px)}\n.step-n{width:25px;height:25px;flex-shrink:0;background:var(--r);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:.68rem;font-weight:800;color:var(--wh)}\n.step strong{display:block;font-size:.87rem;font-weight:700;color:var(--dk);margin-bottom:1px}\n.step span{font-size:.76rem;color:var(--mist)}\n\/* \u2550\u2550\u2550\u2550 SERVICE PHOTO \u2550\u2550\u2550\u2550 \u2014 g\u00e9r\u00e9 par .serv-photos *\/\n\n\/* \u2550\u2550\u2550\u2550 ENGAGEMENTS \u2550\u2550\u2550\u2550 *\/\n.engs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:3rem;border-top:1px solid var(--sand3)}\n.eng{display:flex;align-items:flex-start;gap:1rem;padding:1.35rem 1.25rem 1.35rem 0;border-bottom:1px solid var(--sand3);border-right:1px solid var(--sand3)}\n.engs .eng:nth-last-child(1),.engs .eng:nth-last-child(2){border-bottom:none}\n.eng:nth-child(even){padding-left:1.25rem;border-right:none}\n.eng-em{font-size:1.6rem;line-height:1;flex-shrink:0;width:38px;text-align:center;margin-top:.05rem}\n.eng-ttl{font-family:var(--fh);font-size:.92rem;font-weight:700;color:var(--dk);margin-bottom:.28rem}\n.eng-txt{font-size:.83rem;color:var(--mist);line-height:1.75}\n.eng-fact{display:inline-block;font-size:.68rem;color:var(--r);font-weight:600;margin-top:.4rem}\n\n\/* \u2550\u2550\u2550\u2550 CLIENTS \u2550\u2550\u2550\u2550 *\/\n\n\/* 3 cartes *\/\n.cli-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}\n.cli-card{background:var(--wh);border:1px solid var(--b1);border-radius:10px;padding:1.85rem 1.5rem;text-align:center;transition:transform var(--tr),box-shadow var(--tr)}\n.cli-card:hover{transform:translateY(-4px);box-shadow:var(--s1)}\n.cli-card-em{font-size:1.85rem;margin-bottom:.75rem;line-height:1;display:block}\n.cli-card-ttl{font-family:var(--fh);font-size:.9rem;font-weight:700;color:var(--dk);margin-bottom:.38rem}\n.cli-card-txt{font-size:.79rem;color:var(--mist);line-height:1.68}\n\n\/* \u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550 *\/\n.faq{display:flex;flex-direction:column;gap:.5rem;margin-top:2.5rem;max-width:800px;margin-left:auto;margin-right:auto}\n.faq-item{background:var(--wh);border-radius:10px;border:1.5px solid transparent;box-shadow:var(--s0);overflow:hidden;transition:border-color var(--tr)}\n.faq-item.on{border-color:var(--r)}\n.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.35rem;cursor:pointer;font-family:var(--fh);font-size:.87rem;font-weight:700;color:var(--dk);gap:.85rem;user-select:none;transition:color var(--tr)}\n.faq-item.on .faq-q{color:var(--r)}\n.faq-tog{font-size:1.2rem;flex-shrink:0;transition:transform var(--tr);line-height:1;color:var(--mist)}\n.faq-item.on .faq-tog{transform:rotate(45deg);color:var(--r)}\n.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease,padding var(--tr);padding:0 1.35rem}\n.faq-item.on .faq-a{max-height:240px;padding-bottom:1rem}\n.faq-a p{font-size:.84rem;color:var(--mist);line-height:1.78}\n\n\/* \u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550 *\/\n.cta{background:var(--dk2);padding:5rem 2.5rem;position:relative;overflow:hidden;text-align:center}\n.cta::before{content:'';position:absolute;top:-100px;right:-100px;width:450px;height:450px;background:radial-gradient(circle,rgba(200,41,28,.06),transparent 65%)}\n.cta-in{max-width:100%;margin:0 auto;position:relative;z-index:1;padding:0 1.5rem}\n.cta-in .h2{margin-bottom:.85rem}\n.cta-p{color:rgba(255,255,255,.45);font-size:.93rem;margin-bottom:1.85rem;line-height:1.78}\n.cta-btns{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.25rem}\n.btn-wh{display:inline-flex;align-items:center;gap:.45rem;background:var(--wh);color:var(--dk)!important;font-family:var(--fh);font-weight:800;font-size:.87rem;padding:.88rem 1.85rem;border-radius:3px;text-decoration:none!important;box-shadow:0 4px 20px rgba(0,0,0,.18);transition:background var(--tr),transform var(--tr)}\n.btn-wh:hover{background:var(--sand);transform:translateY(-2px);color:var(--dk)!important}\n.btn-outline{display:inline-flex;align-items:center;gap:.45rem;background:transparent;color:rgba(255,255,255,.65)!important;font-family:var(--fh);font-weight:600;font-size:.87rem;padding:.88rem 1.6rem;border-radius:3px;border:1px solid rgba(255,255,255,.22);text-decoration:none!important;transition:all var(--tr)}\n.btn-outline:hover{border-color:rgba(255,255,255,.55);color:var(--wh)!important;background:rgba(255,255,255,.07)}\n.cta-note{font-size:.71rem;color:rgba(255,255,255,.3)}\n\n\/* \u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550 *\/\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}\n.c-lede{color:var(--steel);line-height:1.82;margin-bottom:1.65rem;font-size:.93rem}\n.c-items{display:flex;flex-direction:column;gap:.55rem}\n.c-item{display:flex;align-items:center;gap:.85rem;padding:.72rem .95rem;background:var(--wh);border-radius:8px;border:1px solid var(--b1);text-decoration:none!important;transition:transform var(--tr),background var(--tr)}\n.c-item:hover{transform:translateX(4px);background:var(--rp)}\n.c-em{font-size:1.15rem;flex-shrink:0;width:30px;text-align:center}\n.c-lbl{font-size:.62rem;color:var(--mist);font-weight:700;letter-spacing:.5px;margin-bottom:1px}\n.c-val{font-weight:600;color:var(--dk);font-size:.82rem}\n.c-note{font-size:.7rem;color:var(--mist);line-height:1.55;margin-top:.6rem;padding:.7rem .95rem;background:var(--sand2);border-radius:6px;border:1px solid var(--sand3)}\n.c-map{width:100%;height:180px;border-radius:10px;border:none;margin-top:.95rem;display:block}\n.c-form{background:var(--wh);border-radius:18px;padding:2.5rem;box-shadow:var(--s1);position:relative;overflow:hidden;border:1px solid var(--b1)}\n.c-form::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--r),var(--g))}\n.c-form-ttl{font-family:var(--fh)!important;font-size:1.1rem;font-weight:800!important;color:var(--dk);margin-bottom:.28rem;margin-top:.2rem}\n.c-form-sub{font-size:.75rem;color:var(--mist);margin-bottom:1.45rem;line-height:1.55}\n.c-form-sub strong{color:var(--g)}\n\n\/* \u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550 *\/\n.footer{background:var(--dk);padding:2.5rem 2.5rem 1.75rem;border-top:2px solid var(--r)}\n.footer-in{max-width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.75rem}\n.footer-logo img,.footer-logo-img{height:33px!important;display:block!important;width:auto}\n.footer-tag{font-size:.7rem;color:rgba(255,255,255,.2);margin-top:.2rem}\n.flinks{display:flex;gap:1.35rem}\n.flinks a{font-size:.75rem;color:rgba(255,255,255,.26)!important;text-decoration:none!important;transition:color var(--tr)}\n.flinks a:hover{color:rgba(255,255,255,.72)!important}\n.fcopy{font-size:.68rem;color:rgba(255,255,255,.17);text-align:right;line-height:1.65}\n\n\/* \u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n.hero-left > *{opacity:0;animation:fadeUp .6s ease forwards}\n.hero-left > *:nth-child(1){animation-delay:.05s}\n.hero-left > *:nth-child(2){animation-delay:.15s}\n.hero-left > *:nth-child(3){animation-delay:.27s}\n.hero-left > *:nth-child(4){animation-delay:.39s}\n.hero-left > *:nth-child(5){animation-delay:.51s}\n.pstat{opacity:0;animation:fadeUp .55s ease forwards}\n.pstat:nth-child(1){animation-delay:.18s}\n.pstat:nth-child(2){animation-delay:.28s}\n.pstat:nth-child(3){animation-delay:.38s}\n.pstat:nth-child(4){animation-delay:.48s}\n.rv{opacity:0;transform:translateY(13px);transition:opacity .52s ease,transform .52s ease}\n.rv.on{opacity:1;transform:none}\n\n\/* \u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px){\n  .hero-in{grid-template-columns:1fr}\n  .hero-panel{max-width:460px}\n  .serv{grid-template-columns:1fr;gap:3rem}\n  .contact-grid{grid-template-columns:1fr;gap:3rem}\n  .cli-cards{grid-template-columns:1fr}\n}\n@media(max-width:900px){\n  .hero h1{font-size:2.6rem!important}\n  .mn-links{display:none}\n  .mn-hbg{display:flex}\n  .gammes{grid-template-columns:1fr}\n  .gamme{border-right:none!important;padding-left:0!important}\n  .engs{grid-template-columns:1fr}\n  .eng{border-right:none!important;padding-left:0!important}\n  .footer-in{flex-direction:column;text-align:center}\n  .fcopy{text-align:center}\n}\n@media(max-width:600px){\n  .sec{padding:4rem 1.25rem}\n  .hero-in{padding:3.5rem 1.25rem}\n  .hero h1{font-size:2.05rem!important}\n  .gallery{grid-template-columns:1fr;grid-template-rows:repeat(7,185px)}\n  .gp.tall{grid-row:1\/2!important}\n  .btn-red,.btn-ghost{width:100%;justify-content:center}\n  .brands::before,.brands::after{width:70px}\n  .cta-btns{flex-direction:column}\n  .btn-wh,.btn-outline{width:100%;justify-content:center}\n}\n@media(prefers-reduced-motion:reduce){\n  .brands-track,.logo-track,.brands-track{animation:none}\n  .logo-track{flex-wrap:wrap;width:100%;justify-content:center;padding:.5rem 1rem}\n}\n\n\/* \u2550\u2550\u2550\u2550 LIGHTBOX \u2550\u2550\u2550\u2550 *\/\n.gp{cursor:zoom-in}\n.lb{\n  position:fixed;inset:0;z-index:9999;\n  background:rgba(8,6,4,.95);\n  display:flex;align-items:center;justify-content:center;\n  opacity:0;pointer-events:none;\n  transition:opacity .3s ease;\n  backdrop-filter:blur(6px);\n  -webkit-backdrop-filter:blur(6px);\n  padding:1.5rem;\n}\n.lb.open{opacity:1;pointer-events:all}\n.lb-img{\n  max-width:min(92vw,1100px);\n  max-height:90vh;\n  object-fit:contain;\n  border-radius:4px;\n  box-shadow:0 32px 80px rgba(0,0,0,.6);\n  transform:scale(.92);\n  transition:transform .32s cubic-bezier(.34,1.56,.64,1);\n  display:block;\n}\n.lb.open .lb-img{transform:scale(1)}\n.lb-close{\n  position:fixed;top:1.25rem;right:1.5rem;\n  width:44px;height:44px;\n  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);\n  border-radius:50%;cursor:pointer;\n  display:flex;align-items:center;justify-content:center;\n  font-size:1.3rem;color:var(--wh);\n  transition:background var(--tr),transform var(--tr);\n  line-height:1;\n}\n.lb-close:hover{background:rgba(255,255,255,.22);transform:scale(1.1)}\n.lb-caption{\n  position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);\n  background:rgba(8,6,4,.75);border:1px solid rgba(255,255,255,.1);\n  color:rgba(255,255,255,.7);font-size:.78rem;font-weight:600;\n  padding:.4rem 1.1rem;border-radius:100px;\n  white-space:nowrap;\n  backdrop-filter:blur(4px);\n  letter-spacing:.4px;\n}\n.lb-nav{\n  position:fixed;top:50%;transform:translateY(-50%);\n  width:48px;height:48px;\n  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);\n  border-radius:50%;cursor:pointer;\n  display:flex;align-items:center;justify-content:center;\n  color:var(--wh);font-size:1.4rem;\n  transition:background var(--tr),transform var(--tr);\n  user-select:none;\n}\n.lb-nav:hover{background:rgba(255,255,255,.22);transform:translateY(-50%) scale(1.08)}\n.lb-prev{left:1.25rem}\n.lb-next{right:1.25rem}\n.lb-counter{\n  position:fixed;top:1.35rem;left:50%;transform:translateX(-50%);\n  font-size:.72rem;font-weight:600;color:rgba(255,255,255,.4);\n  letter-spacing:1px;\n}\n\n\/* \u2550\u2550\u2550\u2550 BANDE LOGOS CLIENTS \u2550\u2550\u2550\u2550 *\/\n.logo-band{\n  background:#ffffff;\n  border-top:1px solid #e8e4de;\n  border-bottom:1px solid #e8e4de;\n  padding:1.75rem 0;\n  overflow:hidden;\n  position:relative;\n  isolation:isolate;\n}\n.logo-band-lbl{\n  text-align:center;\n  font-size:.6rem;font-weight:700;letter-spacing:2.5px;\n  color:#aaa;margin-bottom:1.35rem;\n  position:relative;z-index:1;\n}\n\/* Fades lat\u00e9raux sur fond blanc *\/\n.logo-band::before,.logo-band::after{\n  content:'';position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none;\n}\n.logo-band::before{left:0;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,.9) 40%,transparent 100%)}\n.logo-band::after{right:0;background:linear-gradient(to left,#fff 0%,rgba(255,255,255,.9) 40%,transparent 100%)}\n.logo-band-outer{overflow:hidden;width:100%}\n.logo-track{\n  display:flex;align-items:center;\n  width:max-content;\n  animation:logo-scroll 45s linear infinite;\n  will-change:transform;\n}\n.logo-band-outer:hover .logo-track{animation-play-state:paused}\n@keyframes logo-scroll{\n  0%{transform:translateX(0)}\n  100%{transform:translateX(-50%)}\n}\n.logo-item{\n  display:inline-flex;align-items:center;justify-content:center;\n  height:72px;\n  padding:0 2.5rem;\n  flex-shrink:0;\n  position:relative;\n  cursor:default;\n}\n.logo-item::after{\n  content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);\n  width:1px;height:20px;background:#ddd;\n}\n.logo-item img{\n  height:44px;width:auto;display:block;\n  \/* Monochrome discret au repos *\/\n  filter:opacity(.75);\n  transition:filter .35s ease,transform .25s ease;\n  object-fit:contain;\n}\n.logo-item:hover img{\n  filter:opacity(1);\n  transform:scale(1.06);\n}\n@media(max-width:600px){\n  .logo-band::before,.logo-band::after{width:60px}\n  .logo-item{padding:0 1.75rem}\n  .logo-track{animation-duration:22s}\n}\n@media(prefers-reduced-motion:reduce){\n  .logo-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center;padding:0 1rem}\n}\n\n\/* \u2550\u2550\u2550\u2550 BANDE MARQUES FABRICANTS \u2550\u2550\u2550\u2550 *\/\n.brand-band{\n  background:#ffffff;\n  border-top:none;\n  border-bottom:none;\n  padding:1.75rem 0;\n  overflow:hidden;\n  position:relative;\n}\n.brand-band-lbl{\n  text-align:center;font-size:.6rem;font-weight:700;\n  letter-spacing:2.5px;color:#aaa;margin-bottom:1.1rem;\n}\n.brand-band::before,.brand-band::after{\n  content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;\n}\n.brand-band::before{left:0;background:linear-gradient(to right,#ffffff,transparent)}\n.brand-band::after{right:0;background:linear-gradient(to left,#ffffff,transparent)}\n.brand-band-outer{overflow:hidden;width:100%}\n.brand-track{\n  display:flex;align-items:center;width:max-content;\n  animation:brand-scroll 50s linear infinite;\n  will-change:transform;\n}\n.brand-band-outer:hover .brand-track{animation-play-state:paused}\n@keyframes brand-scroll{\n  0%{transform:translateX(0)}\n  100%{transform:translateX(-50%)}\n}\n.brand-item{\n  display:inline-flex;align-items:center;justify-content:center;\n  height:64px;padding:0 2rem;flex-shrink:0;position:relative;\n}\n.brand-item::after{\n  content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);\n  width:1px;height:18px;background:#ddd;\n}\n.brand-item img{\n  height:38px;width:auto;display:block;\n  filter:opacity(.72);\n  transition:filter .3s ease,transform .25s ease;\n  object-fit:contain;\n}\n.brand-item:hover img{filter:opacity(1);transform:scale(1.08)}\n@media(max-width:600px){\n  .brand-band::before,.brand-band::after{width:50px}\n  .brand-item{padding:0 1.5rem}\n}\n@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}\n<\/style>\n\n<div class=\"mw\">\n\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\n<nav class=\"mn\" id=\"mn\">\n  <div class=\"mn-in\">\n    <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2025\/07\/cropped-Design-sans-titre-5-1.png\" alt=\"Mascadis\" style=\"height:38px;display:block\"><\/a>\n    <ul class=\"mn-links\">\n      <li><a href=\"#gammes\">Gammes<\/a><\/li>\n      <li><a href=\"#service\">Service<\/a><\/li>\n      <li><a href=\"#engagements\">Engagements<\/a><\/li>\n      <li><a href=\"#faq\">FAQ<\/a><\/li>\n      <li><a href=\"tel:+262262334910\" class=\"mn-tel\">&#128222; 0262 33 49 10<\/a><\/li>\n      <li><a href=\"#contact\" class=\"mn-cta\">Nous contacter<\/a><\/li>\n    <\/ul>\n    <button class=\"mn-hbg\" id=\"hbg\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\n  <\/div>\n<\/nav>\n<div class=\"mn-mob\" id=\"mob\">\n  <a href=\"#gammes\">Gammes<\/a>\n  <a href=\"#service\">Service<\/a>\n  <a href=\"#engagements\">Engagements<\/a>\n  <a href=\"#faq\">FAQ<\/a>\n  <a href=\"tel:+262262334910\" class=\"mt\">&#128222;&nbsp; 0262 33 49 10<\/a>\n  <a href=\"#contact\" class=\"mc\">Nous contacter &#8594;<\/a>\n<\/div>\n\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\n<section class=\"hero\">\n  <div class=\"hero-bar\"><\/div>\n  <div class=\"hero-prog\"><\/div>\n  <div class=\"hero-in\">\n    <div class=\"hero-left\">\n      <div class=\"hero-badge up\"><span class=\"hero-dot\"><\/span>Grossiste B2B &middot; La R&eacute;union &middot; Depuis 2001<\/div>\n      <h1>Grossiste B2B &agrave;<br><span class=\"ac\">La R&eacute;union<\/span><br>depuis 25&nbsp;ans.<\/h1>\n      <p class=\"hero-desc\"><strong>Livraison + mise en rayon sur toute l&rsquo;&icirc;le.<\/strong><br>Depuis La Possession, Mascadis approvisionne commerces, GMS et entreprises r&eacute;unionnaises avec une prestation compl&egrave;te, sans surco&ucirc;t.<\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#contact\" class=\"btn-red\">&#129309; Nous contacter<\/a>\n        <a href=\"#contact\" class=\"btn-ghost\">&#128203; Demander un devis<\/a>\n      <\/div>\n      <div class=\"hero-trust\">\n        <div class=\"hero-trust-item\"><span class=\"ic\">&#9989;<\/span>Fond&eacute;e en 2001 &mdash; ZAC Balthazar, La Possession (974)<\/div>\n        <div class=\"hero-trust-item\"><span class=\"ic\">&#9989;<\/span>Livraison rapide &middot; Mise en rayon incluse &middot; &Icirc;le enti&egrave;re<\/div>\n        <div class=\"hero-trust-item\"><span class=\"ic\">&#9989;<\/span>Carrefour, Leclerc, Syst&egrave;me U, Runmarket&hellip; nous font confiance<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-panel\">\n      <div class=\"panel-hd\">\n        <span class=\"panel-ttl up\">Nos chiffres<\/span>\n        <span class=\"panel-live\"><span class=\"panel-live-dot\"><\/span>En activit&eacute;<\/span>\n      <\/div>\n      <div class=\"panel-stats\">\n        <div class=\"pstat\">\n          <div class=\"pstat-num\">2001<\/div>\n          <div><div class=\"pstat-lbl\">Fondation<\/div><div class=\"pstat-sub\">+25&nbsp;ans sur le terrain r&eacute;unionnais<\/div><\/div>\n        <\/div>\n        <div class=\"pstat\">\n          <div class=\"pstat-num\">1100<span class=\"s\">+<\/span><\/div>\n          <div><div class=\"pstat-lbl\">R&eacute;f&eacute;rences en stock<\/div><div class=\"pstat-sub\">Disponibles imm&eacute;diatement &agrave; La Possession<\/div><\/div>\n        <\/div>\n        <div class=\"pstat\">\n          <div class=\"pstat-num\">J<span class=\"s\">+<\/span><\/div>\n          <div><div class=\"pstat-lbl\">D&eacute;lai rapide<\/div><div class=\"pstat-sub\">Sur toute l'\u00eele<\/div><\/div>\n        <\/div>\n        <div class=\"pstat\">\n          <div class=\"pstat-num\">100<span class=\"s\">%<\/span><\/div>\n          <div><div class=\"pstat-lbl\">&Icirc;le de La R&eacute;union<\/div><div class=\"pstat-sub\">Nord, Sud, Est, Ouest &amp; Hauts<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"panel-ft\">\n        <div class=\"panel-ft-ttl\">&#129309; Un interlocuteur d&eacute;di&eacute;<\/div>\n        <div class=\"panel-ft-sub\">Pas de standard &mdash; un contact direct qui conna&icirc;t votre commerce<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 BANDE MARQUES FABRICANTS \u2500\u2500 -->\n<div class=\"brand-band\">\n  <p class=\"brand-band-lbl up\">Nos marques partenaires<\/p>\n  <div class=\"brand-band-outer\">\n    <div class=\"brand-track\">\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-varta.png\" alt=\"Varta\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-phebus.png\" alt=\"Phebus\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-flam-up.png\" alt=\"Flam'Up\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-duracell.png\" alt=\"Duracell\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mascalight.png\" alt=\"Mascalight\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-vulcano.png\" alt=\"Vulcano\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-algoflash.png\" alt=\"Algoflash\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mascatech.png\" alt=\"Mascatech\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mesa-bella.png\" alt=\"Mesa Bella\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-gappy.png\" alt=\"Gappy\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-barriere-a-insectes.png\" alt=\"Barri&egrave;re &agrave; Insectes\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-gomagom.png\" alt=\"GomaGom\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-ledvance-osram.png\" alt=\"Ledvance Osram\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mascalock.png\" alt=\"Mascalock\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-varta.png\" alt=\"Varta\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-phebus.png\" alt=\"Phebus\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-flam-up.png\" alt=\"Flam'Up\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-duracell.png\" alt=\"Duracell\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mascalight.png\" alt=\"Mascalight\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-vulcano.png\" alt=\"Vulcano\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-algoflash.png\" alt=\"Algoflash\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mascatech.png\" alt=\"Mascatech\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mesa-bella.png\" alt=\"Mesa Bella\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-gappy.png\" alt=\"Gappy\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-barriere-a-insectes.png\" alt=\"Barri&egrave;re &agrave; Insectes\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-gomagom.png\" alt=\"GomaGom\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-ledvance-osram.png\" alt=\"Ledvance Osram\" loading=\"lazy\"><\/div>\n          <div class=\"brand-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-mascalock.png\" alt=\"Mascalock\" loading=\"lazy\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 GALERIE PHOTOS R\u00c9ELLES \u2500\u2500 -->\n<!-- \u2500\u2500 GALERIE PHOTOS R\u00c9ELLES \u2500\u2500 -->\n<div class=\"gallery rv\">\n  <div class=\"gp tall\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-manuel-t-shirt-team-mascadis-presentoir-varta.jpg\" alt=\"Manuel &mdash; t-shirt TEAM MASCADIS, pr&eacute;sentoir Varta\" loading=\"lazy\" style=\"object-position:center 18%\">\n    <div class=\"gp-lbl\">Team Mascadis &mdash; installation Varta en commerce<\/div>\n  <\/div>\n  <div class=\"gp\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-gamme-phebus-rayon-complet-en-gms.jpg\" alt=\"Gamme Ph&eacute;bus &mdash; rayon complet en GMS\" loading=\"lazy\" style=\"object-position:center 40%\">\n    <div class=\"gp-lbl\">Gamme Ph&eacute;bus &mdash; rayon complet en grande surface<\/div>\n  <\/div>\n  <div class=\"gp\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-idriss-controle-presentoir-jetables-en.jpg\" alt=\"Idriss &mdash; contr&ocirc;le pr&eacute;sentoir jetables en entrep&ocirc;t\" loading=\"lazy\" style=\"object-position:center 55%\">\n    <div class=\"gp-lbl\">Idriss &mdash; contr&ocirc;le pr&eacute;sentoir jetables en entrep&ocirc;t<\/div>\n  <\/div>\n  <div class=\"gp\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-deven-mise-en-rayon-barriere-a-insectes.jpg\" alt=\"Deven &mdash; mise en rayon Barri&egrave;re &agrave; Insectes\" loading=\"lazy\" style=\"object-position:center 28%\">\n    <div class=\"gp-lbl\">Deven &mdash; mise en rayon Barri&egrave;re &agrave; Insectes<\/div>\n  <\/div>\n  <div class=\"gp\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-loic-mise-en-rayon-vulcano-en-gms.jpg\" alt=\"Lo&iuml;c &mdash; mise en rayon Vulcano en GMS\" loading=\"lazy\" style=\"object-position:center 22%\">\n    <div class=\"gp-lbl\">Lo&iuml;c &mdash; mise en rayon Vulcano<\/div>\n  <\/div>\n  <div class=\"gp\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-rayon-flam-up-produits-bazar-et-quotidien.jpg\" alt=\"Rayon Flam&rsquo;Up &mdash; produits bazar &amp; quotidien\" loading=\"lazy\" style=\"object-position:center 30%\">\n    <div class=\"gp-lbl\">Rayon Flam&rsquo;Up &mdash; bazar &amp; quotidien<\/div>\n  <\/div>\n  <div class=\"gp\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-stand-mesabella-gobelets-cocktail-en-gms.jpg\" alt=\"Stand Mesabella &mdash; gobelets cocktail en GMS\" loading=\"lazy\" style=\"object-position:center 35%\">\n    <div class=\"gp-lbl\">Stand Mesabella &mdash; bazar &amp; maison en GMS<\/div>\n  <\/div>\n<\/div>\n\n<section class=\"sec bg-s\" id=\"gammes\">\n  <div class=\"in rv\">\n    <div class=\"lbl lbl-r up\">Nos gammes<\/div>\n    <h2 class=\"h2\">5 familles de produits<br>en stock permanent<\/h2>\n    <p class=\"lead\">Conditionnements pros, tarifs revente, disponibilit&eacute; imm&eacute;diate depuis La Possession.<\/p>\n    <div class=\"gammes\">\n      <div class=\"gamme rv\"><div class=\"gamme-em\">&#128161;<\/div><div><div class=\"gamme-name\">&Eacute;clairage<\/div><div class=\"gamme-brands\">Mascalight, Osram, AzEnergy, MascaTech &mdash; LED, tubes, spots<\/div><span class=\"g-tag\"><span class=\"g-dot\"><\/span>Stock dispo<\/span><\/div><\/div>\n      <div class=\"gamme rv\"><div class=\"gamme-em\">&#128267;<\/div><div><div class=\"gamme-name\">Piles &amp; Batteries<\/div><div class=\"gamme-brands\">Duracell, Varta, Mascatech &mdash; Lithium, alcalines &amp; rechargeables<\/div><span class=\"g-tag\"><span class=\"g-dot\"><\/span>Stock dispo<\/span><\/div><\/div>\n      <div class=\"gamme rv\"><div class=\"gamme-em\">&#128722;<\/div><div><div class=\"gamme-name\">Produits du quotidien<\/div><div class=\"gamme-brands\">Gappy, Ph\u00e9bus &mdash; fort taux de rotation<\/div><span class=\"g-tag\"><span class=\"g-dot\"><\/span>Stock dispo<\/span><\/div><\/div>\n      <div class=\"gamme rv\"><div class=\"gamme-em\">&#127968;<\/div><div><div class=\"gamme-name\">Bazar &amp; Maison<\/div><div class=\"gamme-brands\">Algoflash, Flam&rsquo;Up, Ph\u00e9bus &mdash; m&eacute;nager, rangement, lots pro<\/div><span class=\"g-tag\"><span class=\"g-dot\"><\/span>Stock dispo<\/span><\/div><\/div>\n      <div class=\"gamme rv\"><div class=\"gamme-em\">&#128230;<\/div><div><div class=\"gamme-name\">Produits jetables<\/div><div class=\"gamme-brands\">Mesabella, Mascaparty &mdash; emballages, vaisselle jetable, consommables<\/div><span class=\"g-tag\"><span class=\"g-dot\"><\/span>Stock dispo<\/span><\/div><\/div>\n      <div class=\"gamme rv\" style=\"background:var(--rp);border-color:var(--rp2)\"><div class=\"gamme-em\">&#128203;<\/div><div><div class=\"gamme-name\" style=\"color:var(--r)\">Catalogue pro disponible<\/div><div class=\"gamme-brands\">Un interlocuteur exclusif pour votre magasin<\/div><a href=\"#contact\" style=\"display:inline-block;margin-top:.45rem;font-size:.76rem;font-weight:700;color:var(--r);text-decoration:none\">Demander le catalogue &#8594;<\/a><\/div><\/div>\n    <\/div>\n\n  <div class=\"gamme-encart rv\">\n    <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-phebus-alcool-menager-en-rayon.jpg\" alt=\"Ph&eacute;bus &mdash; Alcool M&eacute;nager en rayon\" loading=\"lazy\">\n    <div class=\"gamme-encart-overlay\">\n      <div>\n        <div class=\"gamme-encart-label\">Exemple de gamme en rayon<\/div>\n        <div class=\"gamme-encart-title\">Ph&eacute;bus &mdash; Produits du quotidien<\/div>\n        <div class=\"gamme-encart-sub\">Alcool m&eacute;nager, alcool &agrave; br&ucirc;ler, vinaigre &mdash; en stock permanent<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SERVICE \u2500\u2500 -->\n<section class=\"sec bg-s2\" id=\"service\">\n  <div class=\"in\">\n    <div class=\"serv\">\n      <div class=\"rv\">\n        <div class=\"serv-pill up\">&#11088; Service exclusif chez Mascadis<\/div>\n        <h2 class=\"h2\">On livre.<br>On installe.<br><em>Vous vendez.<\/em><\/h2>\n        <p><\/strong> Nos &eacute;quipes installent vos produits directement en rayon selon les r&egrave;gles du merchandising &mdash; inclus, sans surco&ucirc;t.<\/p>\n        <p>R&eacute;sultat&nbsp;: vos rayons sont toujours bien tenus, vos &eacute;quipes gagnent du temps, vos ventes progressent.<\/p>\n        <div class=\"steps\">\n          <div class=\"step\"><div class=\"step-n\">1<\/div><div><strong>Passation de commande<\/strong><span>Pr&eacute;paration dans nos entrep&ocirc;ts &agrave; La Possession<\/span><\/div><\/div>\n          <div class=\"step\"><div class=\"step-n\">2<\/div><div><strong>Livraison sur site<\/strong><span>J+ Livraison rapide &mdash; toute l&rsquo;&icirc;le de La R&eacute;union<\/span><\/div><\/div>\n          <div class=\"step\"><div class=\"step-n\">3<\/div><div><strong>Mise en rayon pro<\/strong><span>Installation merchandising incluse, aucun surco&ucirc;t<\/span><\/div><\/div>\n          <div class=\"step\"><div class=\"step-n\">4<\/div><div><strong>Suivi &amp; r&eacute;assort<\/strong><span>Retour r&eacute;gulier pour anticiper les ruptures<\/span><\/div><\/div>\n        <\/div><!-- fin steps -->\n      <\/div><!-- fin rv col gauche -->\n      <div class=\"serv-photos rv\">\n        <div class=\"serv-photo-item\">\n          <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-camion-iveco-mascadis-livraison-la-reunion.jpg\" alt=\"Camion Iveco Mascadis &mdash; livraison La R&eacute;union\" loading=\"lazy\" style=\"object-position:center 45%\">\n          <div style=\"position:absolute;top:.7rem;right:.75rem;z-index:3;background:rgba(8,6,4,.9);border-left:3px solid var(--g);padding:.45rem .8rem;border-radius:0 5px 5px 0;backdrop-filter:blur(6px)\"><div style=\"font-family:'Sora',sans-serif;font-size:1.2rem;font-weight:900;color:#fff;line-height:1\">J+<\/div><div style=\"font-size:.57rem;color:rgba(255,255,255,.4);margin-top:1px\">D&eacute;lai rapide<\/div><\/div>\n          <div class=\"serv-photo-lbl\">&#128666; On livre &mdash; Mascadis, toute l&rsquo;&icirc;le<\/div>\n        <\/div>\n        <div class=\"serv-photo-item\">\n          <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-loic-mise-en-rayon-vulcano-en-gms.jpg\" alt=\"Lo&iuml;c &mdash; mise en rayon Vulcano GMS\" loading=\"lazy\" style=\"object-position:center 20%\">\n          <div class=\"serv-photo-lbl\">&#129309; On installe &mdash; Lo&iuml;c, mise en rayon Vulcano<\/div>\n        <\/div>\n        <div class=\"serv-photo-item\">\n          <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-rayon-vaisselle-jetable-et-articles-fete.jpg\" alt=\"Rayon vaisselle jetable &amp; articles f&ecirc;te &mdash; produits Mascadis en commerce\" loading=\"lazy\" style=\"object-position:center 30%\">\n          <div class=\"serv-photo-lbl\">&#127881; Vous vendez &mdash; vos rayons toujours bien achaland&eacute;s<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 ENGAGEMENTS \u2500\u2500 -->\n<section class=\"sec bg-s\" id=\"engagements\">\n  <div class=\"in rv\">\n    <div class=\"tc\">\n      <div class=\"lbl up\">Pourquoi Mascadis<\/div>\n      <h2 class=\"h2\">Ce que vous devez savoir<\/h2>\n    <\/div>\n    <div class=\"engs\">\n      <div class=\"eng\"><div class=\"eng-em\">&#128205;<\/div><div><div class=\"eng-ttl\">Ancrage r&eacute;unionnais depuis 2001<\/div><div class=\"eng-txt\">Implant&eacute;s &agrave; La Possession, nous connaissons chaque secteur commercial de l&rsquo;&icirc;le. Pas un op&eacute;rateur national g&eacute;rant La R&eacute;union depuis un bureau en m&eacute;tropole.<\/div><div class=\"eng-fact\">ZAC Balthazar, 97419 La Possession<\/div><\/div><\/div>\n      <div class=\"eng\"><div class=\"eng-em\">&#128666;<\/div><div><div class=\"eng-ttl\">Livraison + mise en rayon incluses<\/div><div class=\"eng-txt\">Nos livreurs installent vos produits en rayon selon les r&egrave;gles du merchandising. Service exclusif inclus dans votre tarif pro.<\/div><div class=\"eng-fact\">Sans surco&ucirc;t<\/div><\/div><\/div>\n      <div class=\"eng\"><div class=\"eng-em\">&#128230;<\/div><div><div class=\"eng-ttl\">+1100 r&eacute;f&eacute;rences en stock permanent<\/div><div class=\"eng-txt\">Nos entrep&ocirc;ts sont approvisionn&eacute;s en continu. Votre commande est pr&eacute;par&eacute;e d&egrave;s r&eacute;ception et livr&eacute;e rapidement.<\/div><div class=\"eng-fact\">Disponible imm&eacute;diatement<\/div><\/div><\/div>\n      <div class=\"eng\"><div class=\"eng-em\">&#127942;<\/div><div><div class=\"eng-ttl\">25 ans de confiance prouv&eacute;e<\/div><div class=\"eng-txt\">Carrefour, Leclerc, Syst&egrave;me U, Runmarket, Intermarch&eacute; &mdash; les grandes enseignes r&eacute;unionnaises nous font confiance depuis des ann&eacute;es.<\/div><div class=\"eng-fact\">Partenariats longue dur&eacute;e<\/div><\/div><\/div>\n      <div class=\"eng\"><div class=\"eng-em\">&#128176;<\/div><div><div class=\"eng-ttl\">Tarifs construits pour la revente<\/div><div class=\"eng-txt\">Volumes, r&eacute;currence, fid&eacute;lit&eacute; &mdash; chaque param&egrave;tre est pris en compte pour pr&eacute;server votre marge &agrave; la revente.<\/div><div class=\"eng-fact\">Proposition sous 24h<\/div><\/div><\/div>\n      <div class=\"eng\"><div class=\"eng-em\">&#129309;<\/div><div><div class=\"eng-ttl\">Un interlocuteur direct<\/div><div class=\"eng-txt\">Un contact qui conna&icirc;t votre commerce, vos volumes et vos habitudes. Pas de ticket, pas de num&eacute;ro de dossier.<\/div><div class=\"eng-fact\">R&eacute;ponse sous 4h ouvr&eacute;es<\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 CLIENTS \u2500\u2500 -->\n<section class=\"sec bg-s2\" id=\"clients\">\n  <div class=\"in rv\">\n    <div class=\"tc\">\n      <div class=\"lbl lbl-r up\">Nos clients<\/div>\n      <h2 class=\"h2\">Ils nous font confiance<\/h2>\n      <p class=\"lead lc\">Des sup&eacute;rettes de quartier aux hypermarch&eacute;s, des stations-service aux entreprises &mdash; Mascadis approvisionne le commerce r&eacute;unionnais depuis 2001.<\/p>\n    <\/div>\n    <div class=\"logo-band\">\n      <p class=\"logo-band-lbl up\">Nos enseignes partenaires<\/p>\n      <div class=\"logo-band-outer\">\n        <div class=\"logo-track\">\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-carrefour-reunion.png\" alt=\"Carrefour R&eacute;union\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-e-leclerc.png\" alt=\"E.Leclerc\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-totalenergies.png\" alt=\"TotalEnergies\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-systeme-u.png\" alt=\"Syst&egrave;me U\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-runmarket.png\" alt=\"Runmarket\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-auchan.png\" alt=\"Auchan\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-carrefour-market.png\" alt=\"Carrefour Market\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-leader-price.png\" alt=\"Leader Price\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-intermark-by-ecomax.png\" alt=\"Intermark by Ecomax\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-sainte-claire-groupe.png\" alt=\"Sainte Claire Groupe\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-vito.png\" alt=\"ViTO\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-tamoil.png\" alt=\"Tamoil\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-engen.png\" alt=\"Engen\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-ola-energy.png\" alt=\"OLA Energy\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-carrefour-reunion.png\" alt=\"Carrefour R&eacute;union\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-e-leclerc.png\" alt=\"E.Leclerc\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-totalenergies.png\" alt=\"TotalEnergies\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-systeme-u.png\" alt=\"Syst&egrave;me U\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-runmarket.png\" alt=\"Runmarket\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-auchan.png\" alt=\"Auchan\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-carrefour-market.png\" alt=\"Carrefour Market\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-leader-price.png\" alt=\"Leader Price\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-intermark-by-ecomax.png\" alt=\"Intermark by Ecomax\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-sainte-claire-groupe.png\" alt=\"Sainte Claire Groupe\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-vito.png\" alt=\"ViTO\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-tamoil.png\" alt=\"Tamoil\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-engen.png\" alt=\"Engen\" loading=\"lazy\"><\/div>\n          <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2026\/06\/mascadis-ola-energy.png\" alt=\"OLA Energy\" loading=\"lazy\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"cli-cards\">\n      <div class=\"cli-card\"><span class=\"cli-card-em\">&#128717;<\/span><div class=\"cli-card-ttl\">Commerces &amp; boutiques<\/div><p class=\"cli-card-txt\">&#201;piceries, sup\u00e9rettes, commerces de proximit&eacute; &mdash; approvisionnement r&eacute;gulier + mise en rayon incluse.<\/p><\/div>\n      <div class=\"cli-card\"><span class=\"cli-card-em\">&#127978;<\/span><div class=\"cli-card-ttl\">Grandes surfaces (GMS)<\/div><p class=\"cli-card-txt\">Hypermarch&eacute;s et supermarch&eacute;s &mdash; volumes importants, d&eacute;lais tenus, exigences merchandising respect&eacute;es.<\/p><\/div>\n      <div class=\"cli-card\"><span class=\"cli-card-em\">&#9981;&#65039;<\/span><div class=\"cli-card-ttl\">Stations-service &amp; entreprises<\/div><p class=\"cli-card-txt\">Total, Tamoil, Engen, Vito, OLA et entreprises locales &mdash; produits du quotidien et consommables en gros.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 FAQ \u2500\u2500 -->\n<section class=\"sec bg-s\" id=\"faq\">\n  <div class=\"in rv\">\n    <div class=\"tc\">\n      <div class=\"lbl up\">Questions fr&eacute;quentes<\/div>\n      <h2 class=\"h2\">Les vraies questions<br>de nos clients<\/h2>\n    <\/div>\n    <div class=\"faq\">\n      <div class=\"faq-item\"><div class=\"faq-q\">Quel est le d&eacute;lai entre ma commande et la livraison&nbsp;?<span class=\"faq-tog\">+<\/span><\/div><div class=\"faq-a\"><p>Une livraison rapide &agrave; compter de la r&eacute;ception de votre commande. Nos produits &eacute;tant en stock permanent &agrave; La Possession, il n&rsquo;y a aucun d&eacute;lai d&rsquo;approvisionnement fournisseur.<\/p><\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-q\">La mise en rayon est-elle vraiment incluse dans le tarif&nbsp;?<span class=\"faq-tog\">+<\/span><\/div><div class=\"faq-a\"><p>Oui, sans exception. Nos &eacute;quipes installent vos produits selon les principes du merchandising professionnel &mdash; aucun surco&ucirc;t. C&rsquo;est ce qui nous distingue de nos concurrents.<\/p><\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-q\">Livrez-vous dans toute l&rsquo;&icirc;le, y compris les zones recul&eacute;es&nbsp;?<span class=\"faq-tog\">+<\/span><\/div><div class=\"faq-a\"><p>Oui &mdash; du Nord au Sud, de Saint-Denis &agrave; Saint-Pierre, incluant l&rsquo;Est et les Hauts. Les d&eacute;lais peuvent varier l&eacute;g&egrave;rement selon la zone.<\/p><\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-q\">Comment ouvrir un compte professionnel Mascadis&nbsp;?<span class=\"faq-tog\">+<\/span><\/div><div class=\"faq-a\"><p>Remplissez le formulaire ou appelez-nous. Un membre de notre &eacute;quipe vous contacte sous 24h pour pr&eacute;senter nos conditions tarifaires et valider votre compte.<\/p><\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-q\">Y a-t-il un minimum de commande&nbsp;?<span class=\"faq-tog\">+<\/span><\/div><div class=\"faq-a\"><p>Les conditions de commande minimum d&eacute;pendent de votre profil client et de votre volume. Nous adaptons nos conditions &agrave; la r&eacute;alit&eacute; de votre activit&eacute; &mdash; contactez-nous.<\/p><\/div><\/div>\n<\/section>\n\n<!-- \u2500\u2500 CTA \u2500\u2500 -->\n<section class=\"cta\">\n  <div class=\"cta-in rv\">\n    <h2 class=\"h2 h2-w\">Besoin d&rsquo;un fournisseur<br><em>fiable &agrave; La R&eacute;union&nbsp;?<\/em><\/h2>\n    <p class=\"cta-p\">Mascadis livre, installe et revient. Depuis 2001, les professionnels r&eacute;unionnais nous font confiance. Rejoignez-les.<\/p>\n    <div class=\"cta-btns\">\n      <a href=\"#contact\" class=\"btn-wh\">&#129309; Ouvrir un compte pro<\/a>\n      <a href=\"tel:+262262334910\" class=\"btn-outline\">&#128222; 0262 33 49 10<\/a>\n    <\/div>\n    <div class=\"cta-note\">&#9989; Acc&egrave;s pro &middot; R&eacute;ponse raide &middot; Sans engagement<\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 CONTACT \u2500\u2500 -->\n<section class=\"sec bg-s\" id=\"contact\">\n  <div class=\"in\">\n    <div class=\"contact-grid\">\n      <div class=\"rv\">\n        <div class=\"lbl up\">Contact<\/div>\n        <h2 class=\"h2\">Prenons contact<\/h2>\n        <p class=\"c-lede\">Professionnel et souhaitez travailler avec Mascadis&nbsp;? Remplissez le formulaire ou contactez-nous.<\/p>\n        <div class=\"c-items\">\n          <a href=\"tel:+262262334910\" class=\"c-item\"><div class=\"c-em\">&#128222;<\/div><div><div class=\"c-lbl up\">T&eacute;l&eacute;phone<\/div><div class=\"c-val\">+262 262 33 49 10<\/div><\/div><\/a>\n          <a href=\"mailto:administration@mascadis.re\" class=\"c-item\"><div class=\"c-em\">&#9993;&#65039;<\/div><div><div class=\"c-lbl up\">Email<\/div><div class=\"c-val\">administration@mascadis.re<\/div><\/div><\/a>\n          <a href=\"https:\/\/www.google.com\/maps\/search\/31+rue+de+Hano%C3%AF+ZAC+Balthazar+97419+La+Possession\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"c-item\"><div class=\"c-em\">&#128205;<\/div><div><div class=\"c-lbl up\">Adresse<\/div><div class=\"c-val\">31 rue de Hano&iuml;, ZAC Balthazar &mdash; 97419 La Possession<\/div><\/div><\/a>\n          <div class=\"c-item\"><div class=\"c-em\">&#128336;<\/div><div><div class=\"c-lbl up\">Horaires<\/div><div class=\"c-val\">Lundi &ndash; Vendredi. 7h30-12h00   13h30-17h00<\/div><\/div><\/div>\n        <\/div>\n        <div class=\"c-note\">&#128274; Mascadis &mdash; 31 rue de Hano&iuml;, ZAC Balthazar, 97419 La Possession &middot; administration@mascadis.re<\/div>\n        <iframe src=\"https:\/\/maps.google.com\/maps?q=31+rue+de+Hano%C3%AF+ZAC+Balthazar+97419+La+Possession&output=embed\" class=\"c-map\" allowfullscreen loading=\"lazy\"><\/iframe>\n      <\/div>\n      <div class=\"c-form rv\">\n        <div class=\"c-form-ttl\">Demande d&rsquo;acc&egrave;s professionnel<\/div>\n        <p class=\"c-form-sub\">R&eacute;serv&eacute; aux pros &middot; <strong>R&eacute;ponse rapide<\/strong> &middot; Sans engagement<\/p>\n        <style id=\"wpforms-css-vars-71\">\n\t\t\t\t#wpforms-71 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-71\"><form id=\"wpforms-form-71\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"71\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F2\" data-token=\"83307dca5c72f02d988b91fe3a8229ca\" data-token-time=\"1786639035\"><noscript class=\"wpforms-error-noscript\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-71-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-71-field_4\" >message ou Nom<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-71-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-71-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Nom <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-71-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-71-field_1-error\" required><label for=\"wpforms-71-field_1\" class=\"wpforms-field-sublabel after\">Pr\u00e9nom<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-71-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-71-field_1-last-error\" required><label for=\"wpforms-71-field_1-last\" class=\"wpforms-field-sublabel after\">Nom<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-71-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-71-field_2\">E-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-71-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-71-field_2-error\" required><\/div><div id=\"wpforms-71-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-71-field_3\">Commentaire ou message<\/label><textarea id=\"wpforms-71-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-71-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-71-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-71-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-71-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"71\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/pages\/2\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-71\" class=\"wpforms-submit\" data-alt-text=\"Envoi...\" data-submit-text=\"Envoyer\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer<\/button><img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Chargement en cours\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 FOOTER \u2500\u2500 -->\n<footer class=\"footer\">\n  <div class=\"footer-in\">\n    <div>\n      <img decoding=\"async\" src=\"https:\/\/mascadis.re\/wp-content\/uploads\/2025\/07\/cropped-Design-sans-titre-5-1.png\" alt=\"Mascadis\" class=\"footer-logo-img\">\n      <div class=\"footer-tag\">Grossiste B2B &middot; La Possession, La R&eacute;union &middot; Depuis 2001<\/div>\n    <\/div>\n    <div class=\"flinks\">\n      <a href=\"#gammes\">Gammes<\/a>\n      <a href=\"#service\">Service<\/a>\n      <a href=\"#engagements\">Engagements<\/a>\n      <a href=\"#faq\">FAQ<\/a>\n      <a href=\"https:\/\/mascadis.re\/?page_id=96\">Mentions l\u00e9gales<\/a><a href=\"https:\/\/mascadis.re\/?page_id=106\">Politique de confidentialit\u00e9<\/a>\n<a href=\"https:\/\/mascadis.re\/?page_id=108\">CGV<\/a>\n    <\/div>\n    <div class=\"fcopy\">\n      <p>&copy; 2026 Mascadis &mdash; Tous droits r&eacute;serv&eacute;s<\/p>\n      <p>31 rue de Hano&iuml; &middot; 97419 La Possession<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n<\/div>\n\n<script>\n(function(){\n  var obs=new IntersectionObserver(function(e){\n    e.forEach(function(el){if(el.isIntersecting){el.target.classList.add('on');obs.unobserve(el.target)}});\n  },{threshold:.07});\n  document.querySelectorAll('.rv,.pstat').forEach(function(el){obs.observe(el)});\n  var nav=document.getElementById('mn');\n  window.addEventListener('scroll',function(){nav.classList.toggle('sc',window.scrollY>20)},{passive:true});\n  var hbg=document.getElementById('hbg'),mob=document.getElementById('mob');\n  hbg.addEventListener('click',function(){\n    hbg.classList.toggle('op');mob.classList.toggle('op');\n    document.body.style.overflow=mob.classList.contains('op')?'hidden':'';\n  });\n  mob.querySelectorAll('a').forEach(function(a){\n    a.addEventListener('click',function(){hbg.classList.remove('op');mob.classList.remove('op');document.body.style.overflow=''});\n  });\n  document.querySelectorAll('.faq-q').forEach(function(q){\n    q.addEventListener('click',function(){\n      var item=q.closest('.faq-item');\n      var was=item.classList.contains('on');\n      document.querySelectorAll('.faq-item').forEach(function(i){i.classList.remove('on')});\n      if(!was)item.classList.add('on');\n    });\n  });\n  var lb=document.getElementById('lb');\n  var lbImg=document.getElementById('lb-img');\n  var lbCaption=document.getElementById('lb-caption');\n  var lbCounter=document.getElementById('lb-counter');\n  var photos=[];\n  var current=0;\n  document.querySelectorAll('.gallery .gp').forEach(function(gp,idx){\n    var img=gp.querySelector('img');\n    var lbl=gp.querySelector('.gp-lbl');\n    if(!img)return;\n    photos.push({src:img.src,caption:lbl?lbl.textContent.trim():'',el:gp});\n    gp.addEventListener('click',function(){openLb(idx);});\n  });\n  function openLb(idx){current=idx;lbImg.src=photos[idx].src;lbCaption.textContent=photos[idx].caption;lbCounter.textContent=(idx+1)+' \/ '+photos.length;lb.classList.add('open');document.body.style.overflow='hidden';}\n  function closeLb(){lb.classList.remove('open');document.body.style.overflow='';setTimeout(function(){lbImg.src='';},300);}\n  function prevPhoto(){current=(current-1+photos.length)%photos.length;lbImg.style.opacity='0';setTimeout(function(){lbImg.src=photos[current].src;lbCaption.textContent=photos[current].caption;lbCounter.textContent=(current+1)+' \/ '+photos.length;lbImg.style.opacity='1';},150);}\n  function nextPhoto(){current=(current+1)%photos.length;lbImg.style.opacity='0';setTimeout(function(){lbImg.src=photos[current].src;lbCaption.textContent=photos[current].caption;lbCounter.textContent=(current+1)+' \/ '+photos.length;lbImg.style.opacity='1';},150);}\n  document.getElementById('lb-close').addEventListener('click',closeLb);\n  document.getElementById('lb-prev').addEventListener('click',prevPhoto);\n  document.getElementById('lb-next').addEventListener('click',nextPhoto);\n  lb.addEventListener('click',function(e){if(e.target===lb)closeLb();});\n  document.addEventListener('keydown',function(e){\n    if(!lb.classList.contains('open'))return;\n    if(e.key==='Escape')closeLb();\n    if(e.key==='ArrowLeft')prevPhoto();\n    if(e.key==='ArrowRight')nextPhoto();\n  });\n  lbImg.style.transition='opacity .15s ease';\n})();\n<\/script>\n\n<!-- LIGHTBOX OVERLAY -->\n<div id=\"lb\" class=\"lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galerie photo\">\n  <span id=\"lb-counter\" class=\"lb-counter\">1 \/ 7<\/span>\n  <button id=\"lb-close\" class=\"lb-close\" aria-label=\"Fermer\">&#10005;<\/button>\n  <button id=\"lb-prev\" class=\"lb-nav lb-prev\" aria-label=\"Photo pr&eacute;c&eacute;dente\">&#8592;<\/button>\n  <img decoding=\"async\" id=\"lb-img\" class=\"lb-img\" src=\"\" alt=\"Photo galerie Mascadis\">\n  <button id=\"lb-next\" class=\"lb-nav lb-next\" aria-label=\"Photo suivante\">&#8594;<\/button>\n  <div id=\"lb-caption\" class=\"lb-caption\"><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gammes Service Engagements FAQ &#128222; 0262 33 49 10 Nous contacter Gammes Service Engagements FAQ &#128222;&nbsp; 0262 33 49 10 Nous contacter &#8594; Grossiste B2B &middot; La R&eacute;union &middot; Depuis 2001 Grossiste B2B &agrave;La R&eacute;uniondepuis 25&nbsp;ans. Livraison + mise en rayon sur toute l&rsquo;&icirc;le.Depuis La Possession, Mascadis approvisionne commerces, GMS et entreprises r&eacute;unionnaises avec une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mascadis.re\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":31,"href":"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/mascadis.re\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/mascadis.re\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}