{"id":406,"date":"2026-06-05T13:49:51","date_gmt":"2026-06-05T13:49:51","guid":{"rendered":"https:\/\/silicesantacruz.com\/?page_id=406"},"modified":"2026-08-09T11:31:53","modified_gmt":"2026-08-09T11:31:53","slug":"sable-siliceux-dalgerie-haute-purete-usages-prix-et-fournisseur","status":"publish","type":"page","link":"https:\/\/silicesantacruz.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0645\u0644 \u0627\u0644\u0633\u064a\u0644\u064a\u0633\u064a \u0645\u0646 \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0639\u0627\u0644\u064a \u0627\u0644\u0646\u0642\u0627\u0621: \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u0631\u062f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"406\" class=\"elementor elementor-406\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1db0512 e-con-full e-flex e-con e-parent\" data-id=\"1db0512\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a29c85b elementor-widget elementor-widget-html\" data-id=\"a29c85b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,600;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --gold:         #C6A06A;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n\r\n  --bg-rgb:          245, 245, 240;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --beige-rgb:       230, 211, 163;\r\n  --gold-rgb:        198, 160, 106;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-out-back:   cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);\r\n}\r\n\r\n.sc-hero-wrap {\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 100vh;\r\n  background-color: #0D1117;\r\n}\r\n.sc-hero-wrap *, .sc-hero-wrap *::before, .sc-hero-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 GRILLE DE FOND SOMBRE \u2500\u2500 *\/\r\n.sc-hero-darkgrid {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(200,169,106,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(200,169,106,0.06) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n}\r\n\r\n\/* \u2500\u2500 PHOTO DE FOND (parallax scroll) + Ken Burns \u2500\u2500 *\/\r\n.sc-hero-bgwrap {\r\n  position: absolute; inset: -14% 0; z-index: 1;\r\n  overflow: hidden; will-change: transform;\r\n}\r\n.sc-hero-bg-img {\r\n  width: 100%; height: 100%;\r\n  background-image: url('https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/jan-sandbrink-CpOGAgqVNLo-unsplash-scaled.jpg');\r\n  background-position: center right;\r\n  background-size: cover; background-repeat: no-repeat;\r\n  filter: sepia(0.40) brightness(1.10) contrast(0.94) saturate(0.82);\r\n  transform: scale(1.08);\r\n  animation: scKenBurns 16s var(--ease-out-expo) forwards;\r\n  will-change: transform;\r\n}\r\n@keyframes scKenBurns {\r\n  0%   { transform: scale(1.12); }\r\n  100% { transform: scale(1.04); }\r\n}\r\n\r\n.sc-hero-mask-left {\r\n  position: absolute; inset: 0; pointer-events: none; z-index: 2;\r\n  background: linear-gradient(\r\n    105deg,\r\n    rgba(13,17,23,0.98)   0%,\r\n    rgba(13,17,23,0.95)   30%,\r\n    rgba(13,17,23,0.80)   44%,\r\n    rgba(13,17,23,0.50)   56%,\r\n    rgba(13,17,23,0.20)   70%,\r\n    rgba(13,17,23,0.45)   100%\r\n  );\r\n}\r\n.sc-hero-mask-bottom {\r\n  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;\r\n  pointer-events: none; z-index: 2;\r\n  background: linear-gradient(to top, rgba(13,17,23,0.92) 0%, transparent 100%);\r\n}\r\n.sc-hero-mask-top {\r\n  position: absolute; top: 0; left: 0; right: 0; height: 16%;\r\n  pointer-events: none; z-index: 2;\r\n  background: linear-gradient(to bottom, rgba(13,17,23,0.60) 0%, transparent 100%);\r\n}\r\n.sc-hero-grid {\r\n  position: absolute; inset: 0; pointer-events: none; z-index: 3;\r\n  background-image:\r\n    linear-gradient(rgba(var(--brown-deep-rgb), 0.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(var(--brown-deep-rgb), 0.05) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n  -webkit-mask-image: radial-gradient(ellipse 70% 80% at 72% 50%, #000 0%, transparent 78%);\r\n          mask-image: radial-gradient(ellipse 70% 80% at 72% 50%, #000 0%, transparent 78%);\r\n}\r\n.sc-hero-glow {\r\n  position: absolute; inset: 0; pointer-events: none; z-index: 3;\r\n  background:\r\n    radial-gradient(ellipse 46% 52% at 74% 46%, rgba(var(--caramel-rgb), 0.18) 0%, transparent 58%),\r\n    radial-gradient(ellipse 50% 40% at 10% 90%, rgba(var(--beige-rgb), 0.10) 0%, transparent 62%);\r\n}\r\n\r\n\/* \u2500\u2500 R\u00c9SEAU DE PARTICULES LI\u00c9ES (canvas) \u2500\u2500 *\/\r\n.sc-hero-net {\r\n  position: absolute; inset: 0; z-index: 4;\r\n  width: 100%; height: 100%; display: block; pointer-events: none;\r\n}\r\n\r\n\/* Particules de sable (CSS, compl\u00e9ment) *\/\r\n.sc-hero-particles { position: absolute; inset: 0; pointer-events: none; z-index: 5; }\r\n.sc-hero-particles span {\r\n  position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%;\r\n  background: var(--brown-mid); opacity: 0; filter: blur(0.3px);\r\n  animation: scFloat 9s var(--ease-in-out) infinite;\r\n}\r\n.sc-hero-particles span:nth-child(1){ top:24%; left:64%; animation-delay:0s;}\r\n.sc-hero-particles span:nth-child(2){ top:42%; left:84%; animation-delay:1.4s;}\r\n.sc-hero-particles span:nth-child(3){ top:70%; left:72%; animation-delay:2.6s;}\r\n.sc-hero-particles span:nth-child(4){ top:32%; left:92%; animation-delay:3.3s;}\r\n.sc-hero-particles span:nth-child(5){ top:80%; left:86%; animation-delay:1.9s;}\r\n.sc-hero-particles span:nth-child(6){ top:56%; left:60%; animation-delay:4.2s;}\r\n@keyframes scFloat {\r\n  0%   { opacity: 0; transform: translateY(14px); }\r\n  30%  { opacity: 0.7; }\r\n  70%  { opacity: 0.5; }\r\n  100% { opacity: 0; transform: translateY(-26px); }\r\n}\r\n\r\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n.sc-hero-inner {\r\n  position: relative; z-index: 10;\r\n  display: grid; grid-template-columns: 1.05fr 0.95fr;\r\n  align-items: center; min-height: 100vh;\r\n  max-width: 1500px; margin: 0 auto; padding: 110px 5vw 90px; gap: 3rem;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COLONNE GAUCHE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sc-hero-left {\r\n  position: relative;\r\n  display: flex; flex-direction: column; justify-content: center; max-width: 600px;\r\n}\r\n\r\n\/* \u2500\u2500 MOT FANT\u00d4ME (contour, fond sombre) \u2500\u2500 *\/\r\n.sc-hero-ghost {\r\n  position: absolute;\r\n  top: -0.34em; left: -0.04em;\r\n  z-index: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(5rem, 13vw, 13rem);\r\n  font-weight: 900; font-style: italic;\r\n  line-height: 0.85; letter-spacing: -0.03em;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1.5px rgba(245, 241, 230, 0.07);\r\n          text-stroke: 1.5px rgba(245, 241, 230, 0.07);\r\n  white-space: nowrap; pointer-events: none; user-select: none;\r\n  opacity: 0; animation: scFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\r\n}\r\n\/* Contenu au-dessus du mot fant\u00f4me *\/\r\n.sc-hero-eyebrow, .sc-hero-h1, .sc-hero-sub, .sc-hero-actions, .sc-hero-stats {\r\n  position: relative; z-index: 2;\r\n}\r\n@keyframes scFadeInUp {\r\n  from { opacity: 0; transform: translateY(28px); filter: blur(4px); }\r\n  to   { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n}\r\n.sc-hero-eyebrow {\r\n  font-size: 0.80rem; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase;\r\n  color: var(--caramel); display: flex; align-items: center; gap: 0.9rem; margin-bottom: 1.8rem;\r\n  opacity: 0; animation: scFadeInUp 0.75s var(--ease-out-expo) 0.15s forwards;\r\n}\r\n.sc-hero-eyebrow::before {\r\n  content: ''; width: 32px; height: 1px;\r\n  background: linear-gradient(to right, var(--caramel), var(--brown-mid)); flex-shrink: 0;\r\n  transform-origin: left; animation: scLineGrow 0.6s var(--ease-out-expo) 0.35s both;\r\n}\r\n@keyframes scLineGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }\r\n.sc-hero-h1 {\r\n  font-size: clamp(2.4rem, 4vw, 4.8rem); font-weight: 900; line-height: 1.04;\r\n  color: #F0EAD6; letter-spacing: -0.02em;\r\n  text-shadow: 0 2px 20px rgba(0,0,0,0.4);\r\n  opacity: 0; animation: scFadeInUp 0.85s var(--ease-out-expo) 0.32s forwards;\r\n}\r\n.sc-hero-h1 em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(128deg, var(--caramel) 0%, var(--brown-mid) 50%, var(--brown-deep) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n  filter: drop-shadow(0 2px 12px rgba(var(--caramel-rgb), 0.35));\r\n}\r\n.sc-hero-sub {\r\n  font-size: 1rem; font-weight: 300; color: #C8B89A; line-height: 1.8;\r\n  margin-top: 1.5rem; margin-bottom: 2.4rem; max-width: 50ch;\r\n  opacity: 0; animation: scFadeInUp 0.80s var(--ease-out-expo) 0.50s forwards;\r\n}\r\n.sc-hero-sub strong { color: var(--caramel); font-weight: 600; }\r\n\r\n\/* CTA *\/\r\n.sc-hero-actions {\r\n  display: flex; gap: 1rem; flex-wrap: wrap;\r\n  opacity: 0; animation: scFadeInUp 0.75s var(--ease-out-expo) 0.68s forwards;\r\n}\r\n.sc-btn-gold {\r\n  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;\r\n  color: #1C140C; background: linear-gradient(135deg, var(--beige), var(--caramel) 55%, var(--brown-mid));\r\n  border: none; border-radius: 4px; padding: 1.05rem 2.4rem; cursor: pointer; text-decoration: none;\r\n  display: inline-flex; align-items: center; gap: 0.55rem; position: relative; overflow: hidden;\r\n  box-shadow: 0 10px 34px rgba(var(--caramel-rgb), 0.30);\r\n  transition: box-shadow 0.35s var(--ease-smooth), transform 0.25s var(--ease-out-back);\r\n}\r\n.sc-btn-gold::before {\r\n  content: ''; position: absolute; top: 0; left: -75%; width: 55%; height: 100%;\r\n  background: linear-gradient(105deg, transparent, rgba(255,255,255,0.45) 50%, transparent);\r\n  transform: skewX(-20deg); transition: left 0.6s var(--ease-smooth); pointer-events: none;\r\n}\r\n.sc-btn-gold:hover::before { left: 130%; }\r\n.sc-btn-gold::after { content: '\u2192'; font-size: 0.9rem; transition: transform 0.3s var(--ease-out-back); }\r\n.sc-btn-gold:hover::after { transform: translateX(4px); }\r\n.sc-btn-gold:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 16px 44px rgba(var(--caramel-rgb), 0.45); }\r\n\r\n.sc-btn-ghost {\r\n  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;\r\n  color: var(--caramel); background: rgba(255,255,255,0.05);\r\n  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);\r\n  border: 1.5px solid rgba(var(--caramel-rgb), 0.40); border-radius: 4px;\r\n  padding: 1.05rem 2.4rem; cursor: pointer; text-decoration: none;\r\n  display: inline-flex; align-items: center; gap: 0.55rem; position: relative; overflow: hidden;\r\n  transition: color .38s var(--ease-smooth), border-color .38s, transform .25s var(--ease-out-back);\r\n}\r\n.sc-btn-ghost::before {\r\n  content: ''; position: absolute; inset: auto 0 0 0; height: 0%;\r\n  background: var(--caramel); transition: height 0.38s var(--ease-smooth); z-index: 0; pointer-events: none;\r\n}\r\n.sc-btn-ghost:hover::before { height: 100%; }\r\n.sc-btn-ghost span { position: relative; z-index: 1; }\r\n.sc-btn-ghost:hover { color: #1C140C; border-color: var(--caramel); transform: translateY(-2px); }\r\n\r\n\/* STATS *\/\r\n.sc-hero-stats {\r\n  display: flex; gap: 2.4rem; margin-top: 3rem; padding-top: 1.8rem;\r\n  border-top: 1px solid rgba(var(--caramel-rgb), 0.20); flex-wrap: wrap;\r\n  opacity: 0; animation: scFadeInUp 0.75s var(--ease-out-expo) 0.88s forwards;\r\n}\r\n.sc-stat-item { display: flex; flex-direction: column; gap: 0.38rem; cursor: default; }\r\n.sc-stat-item:hover .sc-stat-val { transform: translateY(-2px); color: var(--caramel); }\r\n.sc-stat-val {\r\n  font-size: 2.2rem; font-weight: 900; color: #F0EAD6; line-height: 1;\r\n  transition: transform 0.3s var(--ease-out-back), color 0.25s var(--ease-smooth);\r\n}\r\n.sc-stat-lbl {\r\n  font-size: 0.63rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--grey-warm);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COLONNE DROITE : CRISTAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sc-hero-right {\r\n  position: relative; display: flex; align-items: center; justify-content: center; min-height: 540px;\r\n  opacity: 0; animation: scFadeInRight 1.1s var(--ease-out-expo) 0.55s forwards;\r\n}\r\n@keyframes scFadeInRight {\r\n  from { opacity: 0; transform: translateX(40px) scale(0.94); filter: blur(8px); }\r\n  to   { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }\r\n}\r\n.sc-crystal-stage { position: relative; width: min(100%, 470px); aspect-ratio: 4 \/ 5; will-change: transform; }\r\n\r\n.sc-crystal-halo {\r\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\r\n  background: radial-gradient(ellipse 48% 52% at 50% 48%,\r\n    rgba(var(--caramel-rgb), 0.50) 0%,\r\n    rgba(var(--brown-mid-rgb), 0.22) 38%,\r\n    transparent 70%);\r\n  filter: blur(16px);\r\n  animation: scHaloPulse 6s var(--ease-in-out) infinite;\r\n}\r\n@keyframes scHaloPulse {\r\n  0%,100% { transform: scale(1); opacity: 0.85; }\r\n  50%     { transform: scale(1.08); opacity: 1; }\r\n}\r\n.sc-crystal-beams {\r\n  position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n  display: flex; align-items: center; justify-content: center;\r\n  animation: scBeamSpin 40s linear infinite;\r\n}\r\n.sc-crystal-beams i {\r\n  position: absolute; width: 2px; height: 130%;\r\n  background: linear-gradient(to bottom, transparent, rgba(var(--brown-mid-rgb), 0.30), transparent);\r\n  transform-origin: center;\r\n}\r\n.sc-crystal-beams i:nth-child(1){ transform: rotate(0deg); }\r\n.sc-crystal-beams i:nth-child(2){ transform: rotate(60deg); }\r\n.sc-crystal-beams i:nth-child(3){ transform: rotate(120deg); }\r\n@keyframes scBeamSpin { to { transform: rotate(360deg); } }\r\n\r\n.sc-crystal-img {\r\n  position: relative; z-index: 3; width: 100%; height: 100%; display: block;\r\n  object-fit: contain;\r\n  \/* image d\u00e9j\u00e0 d\u00e9tour\u00e9e (fond transparent) : pas de masque, juste glow + ombre *\/\r\n  filter:\r\n    drop-shadow(0 28px 50px rgba(0,0,0,0.50))\r\n    drop-shadow(0 0 50px rgba(var(--caramel-rgb), 0.35))\r\n    saturate(1.05) brightness(1.04);\r\n  animation: scCrystalFloat 7s var(--ease-in-out) infinite;\r\n}\r\n@keyframes scCrystalFloat {\r\n  0%,100% { transform: translateY(0) rotate(0deg); }\r\n  50%     { transform: translateY(-16px) rotate(1.2deg); }\r\n}\r\n\r\n\/* Puces de specs flottantes *\/\r\n.sc-chip {\r\n  position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 0.5rem;\r\n  padding: 0.6rem 1rem;\r\n  background: rgba(13,17,23,0.75);\r\n  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);\r\n  border: 1px solid rgba(var(--caramel-rgb), 0.35); border-radius: 999px;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.35);\r\n  opacity: 0;\r\n}\r\n.sc-chip-k {\r\n  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grey-warm);\r\n}\r\n.sc-chip-v { font-size: 0.85rem; font-weight: 900; color: var(--caramel); font-variant-numeric: tabular-nums; }\r\n.sc-chip.c1 { top: 14%;  left: -4%; }\r\n.sc-chip.c2 { top: 46%;  right: -6%; }\r\n.sc-chip.c3 { bottom: 12%; left: 2%; }\r\n.sc-chip-float1 { animation: scChipIn 0.7s var(--ease-out-back) 1.0s forwards, scChipBob 5s var(--ease-in-out) 1.7s infinite; }\r\n.sc-chip-float2 { animation: scChipIn 0.7s var(--ease-out-back) 1.25s forwards, scChipBob 5.5s var(--ease-in-out) 2s infinite; }\r\n.sc-chip-float3 { animation: scChipIn 0.7s var(--ease-out-back) 1.5s forwards, scChipBob 6s var(--ease-in-out) 2.3s infinite; }\r\n@keyframes scChipIn { from { opacity: 0; transform: translateY(14px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } }\r\n@keyframes scChipBob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\r\n\r\n\/* SCROLL HINT *\/\r\n.sc-scroll-hint {\r\n  position: absolute; bottom: 2.2rem; left: 50%; transform: translateX(-50%);\r\n  z-index: 10; display: flex; flex-direction: column; align-items: center; gap: 0.6rem;\r\n  opacity: 0; animation: scFadeIn 0.8s var(--ease-smooth) 1.6s forwards;\r\n}\r\n@keyframes scFadeIn { from { opacity: 0; } to { opacity: 0.5; } }\r\n.sc-scroll-hint span {\r\n  font-size: 0.58rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--caramel);\r\n}\r\n.sc-scroll-line {\r\n  width: 1px; height: 42px; background: linear-gradient(to bottom, var(--caramel), transparent);\r\n  animation: scScrollLine 2s var(--ease-in-out) infinite;\r\n}\r\n@keyframes scScrollLine {\r\n  0%   { transform: scaleY(0); transform-origin: top; opacity: 0; }\r\n  40%  { opacity: 1; }\r\n  80%  { transform: scaleY(1); transform-origin: top; opacity: 1; }\r\n  100% { transform: scaleY(1); transform-origin: bottom; opacity: 0; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1100px) {\r\n  .sc-hero-inner { gap: 1.5rem; padding: 100px 4vw 80px; }\r\n  .sc-crystal-stage { width: min(100%, 400px); }\r\n}\r\n@media (max-width: 900px) {\r\n  .sc-hero-inner { grid-template-columns: 1fr; gap: 2.5rem; padding: 96px 6vw 110px; min-height: 100svh; align-items: start; }\r\n  .sc-hero-left { max-width: 100%; }\r\n  .sc-hero-right { min-height: 360px; order: 2; animation: none; opacity: 1; }\r\n  .sc-crystal-stage { width: min(78%, 330px); margin: 0 auto; }\r\n  .sc-chip { display: none; }\r\n  .sc-hero-bg-img { background-position: 65% center; }\r\n  .sc-hero-mask-left {\r\n    background: linear-gradient(to bottom, rgba(13,17,23,0.97) 0%, rgba(13,17,23,0.88) 60%, rgba(13,17,23,0.82) 100%);\r\n  }\r\n}\r\n@media (max-width: 560px) {\r\n  .sc-hero-h1 { font-size: clamp(2.2rem, 9vw, 3.2rem); }\r\n  .sc-hero-ghost { font-size: clamp(4rem, 22vw, 6rem); top: -0.28em; }\r\n  .sc-hero-stats { gap: 1.6rem; }\r\n  .sc-stat-val { font-size: 1.9rem; }\r\n  .sc-hero-actions { flex-direction: column; align-items: stretch; }\r\n  .sc-btn-gold, .sc-btn-ghost { width: 100%; justify-content: center; }\r\n  .sc-crystal-stage { width: 70%; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sc-hero-wrap * { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; }\r\n  .sc-crystal-img, .sc-crystal-halo, .sc-crystal-beams, .sc-hero-bgwrap, .sc-hero-bg-img { animation: none !important; transform: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-hero-wrap\">\r\n\r\n  <!-- GRILLE FOND SOMBRE -->\r\n  <div class=\"sc-hero-darkgrid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"sc-hero-bgwrap\" id=\"scHeroBgWrap\" aria-hidden=\"true\">\r\n    <div class=\"sc-hero-bg-img\"><\/div>\r\n  <\/div>\r\n  <div class=\"sc-hero-mask-top\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-hero-mask-left\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-hero-mask-bottom\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-hero-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-hero-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- R\u00c9SEAU DE PARTICULES LI\u00c9ES -->\r\n  <canvas class=\"sc-hero-net\" id=\"scHeroNet\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"sc-hero-particles\" aria-hidden=\"true\">\r\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"sc-hero-inner\">\r\n\r\n    <!-- GAUCHE -->\r\n    <div class=\"sc-hero-left\">\r\n      <span class=\"sc-hero-ghost\" aria-hidden=\"true\">Silice<\/span>\r\n      <p class=\"sc-hero-eyebrow\">Extraction \u2014 Tlemcen, Alg\u00e9rie<\/p>\r\n      <h1 class=\"sc-hero-h1\">\r\n        Sable siliceux<br>\r\n        <em>haute puret\u00e9 - Prix<\/em><br>\r\n        d'Alg\u00e9rie\r\n      <\/h1>\r\n      <p class=\"sc-hero-sub\">\r\n        Silice Santa Cruz extrait et commercialise un sable siliceux naturel d'exception \u2014 <strong>SiO\u2082 &gt; 98 %<\/strong> \u2014 depuis le gisement de <a href=\"https:\/\/mapcarta.com\/fr\/17427296\">Djebel Ouazzan<\/a>, wilaya de Tlemcen. Un mat\u00e9riau premium, trait\u00e9 par proc\u00e9d\u00e9s m\u00e9caniques \u00e0 l'eau, directement \u00e0 la source.\r\n      <\/p>\r\n\r\n      <div class=\"sc-hero-actions\">\r\n        <a href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" class=\"sc-btn-gold\" aria-label=\"Demander un devis commercial\">Demander un devis<\/a>\r\n        <a href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" class=\"sc-btn-ghost\" aria-label=\"D\u00e9couvrir nos applications\"><span>Utilisation<\/span><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"sc-hero-stats\" role=\"list\" aria-label=\"Chiffres cl\u00e9s\">\r\n        <div class=\"sc-stat-item\" role=\"listitem\">\r\n          <div class=\"sc-stat-val\">98\u00a0%<\/div><div class=\"sc-stat-lbl\">Puret\u00e9 SiO\u2082<\/div>\r\n        <\/div>\r\n        <div class=\"sc-stat-item\" role=\"listitem\">\r\n          <div class=\"sc-stat-val\">300K<\/div><div class=\"sc-stat-lbl\">Tonnes \/ an<\/div>\r\n        <\/div>\r\n        <div class=\"sc-stat-item\" role=\"listitem\">\r\n          <div class=\"sc-stat-val\">Export<\/div><div class=\"sc-stat-lbl\">Disponible<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DROITE : CRISTAL DE QUARTZ -->\r\n    <div class=\"sc-hero-right\">\r\n      <div class=\"sc-crystal-stage\" id=\"scCrystalStage\">\r\n\r\n        <div class=\"sc-crystal-halo\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"sc-crystal-beams\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\r\n\r\n        <img class=\"sc-crystal-img\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/Image_hbpoychbpoychbpo-removebg-preview.webp\" alt=\"Cristal de quartz \u2014 silice haute puret\u00e9 Santa Cruz\" loading=\"eager\" decoding=\"async\">\r\n\r\n        <div class=\"sc-chip c1 sc-chip-float1\"><span class=\"sc-chip-k\">SiO\u2082<\/span><span class=\"sc-chip-v\">&gt; 98 %<\/span><\/div>\r\n        <div class=\"sc-chip c2 sc-chip-float2\"><span class=\"sc-chip-k\">Fe\u2082O\u2083<\/span><span class=\"sc-chip-v\">\u2264 0,11 %<\/span><\/div>\r\n        <div class=\"sc-chip c3 sc-chip-float3\"><span class=\"sc-chip-k\">Granulo.<\/span><span class=\"sc-chip-v\">10 \u00b5m\u20133 mm<\/span><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"sc-scroll-hint\" aria-hidden=\"true\">\r\n    <span>Scroll<\/span>\r\n    <div class=\"sc-scroll-line\"><\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var bgwrap = document.getElementById('scHeroBgWrap');\r\n  var stage  = document.getElementById('scCrystalStage');\r\n  var wrap   = bgwrap ? bgwrap.closest('.sc-hero-wrap') : null;\r\n  if (!wrap) return;\r\n\r\n  \/* \u2500\u2500 Parallax scroll image \u2500\u2500 *\/\r\n  var ticking = false;\r\n  function update() {\r\n    ticking = false;\r\n    var r = wrap.getBoundingClientRect();\r\n    if (r.bottom < 0 || r.top > window.innerHeight) return;\r\n    var delta = r.top + r.height \/ 2 - window.innerHeight \/ 2;\r\n    if (bgwrap && !reduce) bgwrap.style.transform = 'translateY(' + (delta * -0.16).toFixed(1) + 'px)';\r\n  }\r\n  function onScroll() { if (!ticking) { window.requestAnimationFrame(update); ticking = true; } }\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', onScroll, { passive: true });\r\n  update();\r\n\r\n  \/* \u2500\u2500 Parallax souris cristal \u2500\u2500 *\/\r\n  if (stage && !reduce) {\r\n    var raf = false, tx = 0, ty = 0;\r\n    wrap.addEventListener('mousemove', function (e) {\r\n      if (window.innerWidth < 900) return;\r\n      var r = wrap.getBoundingClientRect();\r\n      tx = ((e.clientX - r.left) \/ r.width  - 0.5) * 26;\r\n      ty = ((e.clientY - r.top)  \/ r.height - 0.5) * 22;\r\n      if (!raf) { raf = true; requestAnimationFrame(applyCrystal); }\r\n    }, { passive: true });\r\n    wrap.addEventListener('mouseleave', function () {\r\n      tx = 0; ty = 0;\r\n      stage.style.transition = 'transform 0.6s cubic-bezier(0.16,1,0.3,1)';\r\n      stage.style.transform = 'translate(0,0)';\r\n      setTimeout(function(){ stage.style.transition = ''; }, 600);\r\n    }, { passive: true });\r\n    function applyCrystal() {\r\n      raf = false;\r\n      stage.style.transform =\r\n        'translate(' + tx.toFixed(1) + 'px,' + ty.toFixed(1) + 'px) ' +\r\n        'rotateY(' + (tx * 0.4).toFixed(2) + 'deg) rotateX(' + (-ty * 0.4).toFixed(2) + 'deg)';\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 R\u00c9SEAU DE PARTICULES LI\u00c9ES (canvas) \u2500\u2500 *\/\r\n  (function () {\r\n    var canvas = document.getElementById('scHeroNet');\r\n    if (!canvas) return;\r\n    var ctx = canvas.getContext('2d');\r\n    var W = 0, H = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n    var pts = [], COLOR = '212,163,115', mouse = { x: -9999, y: -9999 };\r\n    var animId = null, running = false;\r\n\r\n    function size() {\r\n      var r = wrap.getBoundingClientRect();\r\n      W = r.width; H = r.height;\r\n      canvas.width = W * dpr; canvas.height = H * dpr;\r\n      canvas.style.width = W + 'px'; canvas.style.height = H + 'px';\r\n      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n      var count = Math.max(34, Math.min(80, Math.round(W \/ 22)));\r\n      pts = [];\r\n      for (var i = 0; i < count; i++) {\r\n        pts.push({\r\n          x: Math.random() * W, y: Math.random() * H,\r\n          vx: (Math.random() - 0.5) * 0.32,\r\n          vy: (Math.random() - 0.5) * 0.32,\r\n          r: Math.random() * 1.8 + 0.8\r\n        });\r\n      }\r\n    }\r\n\r\n    function step() {\r\n      ctx.clearRect(0, 0, W, H);\r\n      var i, j, p;\r\n      for (i = 0; i < pts.length; i++) {\r\n        p = pts[i];\r\n        p.x += p.vx; p.y += p.vy;\r\n        if (p.x < 0 || p.x > W) p.vx *= -1;\r\n        if (p.y < 0 || p.y > H) p.vy *= -1;\r\n        ctx.beginPath();\r\n        ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n        ctx.fillStyle = 'rgba(' + COLOR + ',0.75)';\r\n        ctx.fill();\r\n      }\r\n      for (i = 0; i < pts.length; i++) {\r\n        for (j = i + 1; j < pts.length; j++) {\r\n          var dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y;\r\n          var d = Math.sqrt(dx * dx + dy * dy);\r\n          if (d < 135) {\r\n            ctx.beginPath();\r\n            ctx.moveTo(pts[i].x, pts[i].y);\r\n            ctx.lineTo(pts[j].x, pts[j].y);\r\n            ctx.strokeStyle = 'rgba(' + COLOR + ',' + (0.16 * (1 - d \/ 135)).toFixed(3) + ')';\r\n            ctx.lineWidth = 1;\r\n            ctx.stroke();\r\n          }\r\n        }\r\n        \/* liens vers la souris *\/\r\n        var mdx = pts[i].x - mouse.x, mdy = pts[i].y - mouse.y;\r\n        var md = Math.sqrt(mdx * mdx + mdy * mdy);\r\n        if (md < 160) {\r\n          ctx.beginPath();\r\n          ctx.moveTo(pts[i].x, pts[i].y);\r\n          ctx.lineTo(mouse.x, mouse.y);\r\n          ctx.strokeStyle = 'rgba(' + COLOR + ',' + (0.28 * (1 - md \/ 160)).toFixed(3) + ')';\r\n          ctx.lineWidth = 1;\r\n          ctx.stroke();\r\n        }\r\n      }\r\n      animId = requestAnimationFrame(step);\r\n    }\r\n\r\n    function start() { if (!running && !reduce) { running = true; step(); } }\r\n    function stop()  { if (running) { running = false; cancelAnimationFrame(animId); } }\r\n\r\n    size();\r\n    if (reduce) { step(); return; }\r\n\r\n    wrap.addEventListener('mousemove', function (e) {\r\n      var r = wrap.getBoundingClientRect();\r\n      mouse.x = e.clientX - r.left; mouse.y = e.clientY - r.top;\r\n    }, { passive: true });\r\n    wrap.addEventListener('mouseleave', function () { mouse.x = -9999; mouse.y = -9999; }, { passive: true });\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (e) { e.isIntersecting ? start() : stop(); });\r\n      }, { threshold: 0.02 }).observe(wrap);\r\n    } else { start(); }\r\n\r\n    window.addEventListener('resize', function () { stop(); size(); start(); }, { passive: true });\r\n  })();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03eded8 e-con-full e-flex e-con e-parent\" data-id=\"03eded8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798fef1 elementor-widget elementor-widget-html\" data-id=\"798fef1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Reset local pour \u00e9viter les conflits avec Elementor *\/\r\n  .hero-silice-wrapper * { box-sizing: border-box; }\r\n\r\n  .hero-silice-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 650px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 100px 20px;\r\n  }\r\n\r\n  .hero-silice-bg {\r\n    position: absolute;\r\n    top: -25%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 150%;\r\n    background-image: url('https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/santa-cruz-sable-siliceux.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    will-change: transform;\r\n    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .hero-silice-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(40, 31, 22, 0.8) 0%,\r\n      rgba(27, 20, 13, 0.6) 100%\r\n    );\r\n    z-index: 2;\r\n  }\r\n\r\n  .hero-silice-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    text-align: center;\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    color: #ffffff;\r\n    font-family: 'Roboto', sans-serif;\r\n  }\r\n\r\n  .hero-silice-subtitle {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    color: #DBC29A;\r\n  }\r\n\r\n  .hero-silice-location {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    letter-spacing: 2px;\r\n    margin: 10px 0 35px;\r\n    color: #C6A06A;\r\n  }\r\n\r\n  .hero-silice-title {\r\n    font-size: clamp(32px, 6vw, 58px);\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    margin: 0 0 30px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #ffffff;\r\n  }\r\n  .hero-silice-title span {\r\n    color: #C6A06A;\r\n    display: block;\r\n  }\r\n\r\n  .hero-silice-desc {\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    max-width: 850px;\r\n    margin: 0 auto 45px;\r\n    color: #f1f1f1;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .hero-silice-buttons {\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .hero-silice-btn {\r\n    display: inline-block;\r\n    padding: 18px 45px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 0.4s ease;\r\n    font-family: 'Roboto', sans-serif;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .hero-silice-btn-primary {\r\n    background-color: #C6A06A;\r\n    color: #281F16;\r\n    border: 2px solid #C6A06A;\r\n  }\r\n  .hero-silice-btn-primary:hover {\r\n    background-color: #A07C45;\r\n    border-color: #A07C45;\r\n    color: #ffffff;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .hero-silice-btn-secondary {\r\n    background-color: transparent;\r\n    color: #ffffff;\r\n    border: 2px solid #ffffff;\r\n  }\r\n  .hero-silice-btn-secondary:hover {\r\n    background-color: #ffffff;\r\n    color: #281F16;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .hero-silice-wrapper { min-height: 500px; }\r\n    .hero-silice-desc { font-size: 15px; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hero-silice-bg { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<!-- Section d'accueil : r\u00f4le banner pour l'accessibilit\u00e9 -->\r\n<section class=\"hero-silice-wrapper\" aria-label=\"Pr\u00e9sentation Silices Santa Cruz\">\r\n  <div class=\"hero-silice-bg\" id=\"heroParallaxBg\" role=\"img\" aria-label=\"Carri\u00e8re de sable siliceux \u00e0 Tlemcen, Alg\u00e9rie\"><\/div>\r\n  <div class=\"hero-silice-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"hero-silice-content\">\r\n    <p class=\"hero-silice-subtitle\">Excellence en sable siliceux<\/p>\r\n    <p class=\"hero-silice-location\">Extraction \u2014 Tlemcen, Alg\u00e9rie<\/p>\r\n\r\n    <h2 class=\"hero-silice-title\">\r\n      Sable siliceux\r\n      <span>haute puret\u00e9 d'Alg\u00e9rie<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"hero-silice-desc\">\r\n      Silice Santa Cruz est sp\u00e9cialiste de l'exploitation et du traitement du sable siliceux haute puret\u00e9 pour l'industrie. Nous extrayons et commercialisons un sable naturel d'exception \u2014 SiO\u2082 \u2265 98,1 % \u2014 depuis les gisements quaternaires de la wilaya de Tlemcen. Un mat\u00e9riau premium, directement \u00e0 la source.\r\n    <\/p>\r\n\r\n    <div class=\"hero-silice-buttons\">\r\n      <a href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" class=\"hero-silice-btn hero-silice-btn-primary\" aria-label=\"Demander un devis de sable siliceux\">Demander un devis<\/a>\r\n      <a href=\"#applications\" class=\"hero-silice-btn hero-silice-btn-secondary\" aria-label=\"D\u00e9couvrir nos applications industrielles\">Nos applications<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const bg = document.getElementById('heroParallaxBg');\r\n  if (!bg) return;\r\n  const wrapper = bg.closest('.hero-silice-wrapper');\r\n  const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  let ticking = false;\r\n\r\n  function updateParallax() {\r\n    if (reduce) { ticking = false; return; }\r\n    const rect = wrapper.getBoundingClientRect();\r\n    const windowHeight = window.innerHeight;\r\n    if (rect.bottom >= 0 && rect.top <= windowHeight) {\r\n      const distance = window.pageYOffset - wrapper.offsetTop;\r\n      const movement = distance * 0.15;\r\n      bg.style.transform = `translateY(${movement}px)`;\r\n    }\r\n    ticking = false;\r\n  }\r\n\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(updateParallax);\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', updateParallax);\r\n  updateParallax();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca72cf4 e-con-full e-flex e-con e-parent\" data-id=\"ca72cf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0a3be2 elementor-widget elementor-widget-html\" data-id=\"a0a3be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,600;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DONN\u00c9ES STRUCTUR\u00c9ES \u2014 ItemList des applications (crawlable)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"ItemList\",\r\n  \"name\": \"Applications industrielles du sable siliceux \u2014 Silices Santa Cruz\",\r\n  \"description\": \"Les six principaux d\u00e9bouch\u00e9s industriels du sable siliceux haute puret\u00e9 produit par Silices Santa Cruz en Alg\u00e9rie.\",\r\n  \"itemListElement\": [\r\n    { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Verrerie et vitrage\", \"description\": \"Verre plat, verre creux, vitrage automobile et b\u00e2timent, fibre optique.\" },\r\n    { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Fonderie et m\u00e9tallurgie\", \"description\": \"Sable de moulage pour pi\u00e8ces m\u00e9talliques de haute pr\u00e9cision.\" },\r\n    { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Filtration des eaux\", \"description\": \"Milieu filtrant agr\u00e9\u00e9 pour eaux potables, industrielles et piscines.\" },\r\n    { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"C\u00e9ramique et r\u00e9fractaires\", \"description\": \"Carrelages, fa\u00efences et produits r\u00e9fractaires.\" },\r\n    { \"@type\": \"ListItem\", \"position\": 5, \"name\": \"BTP et construction\", \"description\": \"B\u00e9tons, mortiers et ciments sp\u00e9ciaux.\" },\r\n    { \"@type\": \"ListItem\", \"position\": 6, \"name\": \"\u00c9nergie et p\u00e9trole\", \"description\": \"Panneaux solaires, semi-conducteurs, fracturation hydraulique et forage.\" }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CUSTOM PROPERTIES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:              #F5F5F0;\r\n  --beige:           #E6D3A3;\r\n  --grey-warm:       #B7B7A4;\r\n  --caramel:         #D4A373;\r\n  --brown-mid:       #9C6644;\r\n  --brown-deep:      #6B4226;\r\n  --charcoal:        #2F2F2F;\r\n\r\n  --bg-rgb:          245, 245, 240;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --brown-deep-rgb:  107, 66,  38;\r\n  --brown-mid-rgb:   156, 102, 68;\r\n  --beige-rgb:       230, 211, 163;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-out-back:   cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);\r\n\r\n  --card-h:          340px;\r\n  --card-r:          4px;\r\n  --persp:           1100px;\r\n  --dur-flip:        0.72s;\r\n  --dur-entry:       0.62s;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BASE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.xap-wrap {\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box; position: relative;\r\n  overflow: hidden; background: var(--bg);\r\n}\r\n.xap-wrap *, .xap-wrap *::before, .xap-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.xap-bg {\r\n  position: absolute; inset: 0;\r\n  background-image: url('https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/pexels-photo-5410814-768x576-1.jpeg');\r\n  background-size: cover; background-position: center;\r\n  background-attachment: fixed;\r\n  filter: sepia(.45) brightness(1.20) contrast(.85) saturate(.60);\r\n  transform: scale(1.05); transition: transform 12s ease-out;\r\n}\r\n.xap-wrap:hover .xap-bg { transform: scale(1.0); }\r\n.xap-overlay-radial {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background:\r\n    radial-gradient(ellipse 80% 50% at 50%   0%, rgba(var(--bg-rgb),.90) 0%, transparent 70%),\r\n    radial-gradient(ellipse 80% 50% at 50% 100%, rgba(var(--bg-rgb),.92) 0%, transparent 70%);\r\n}\r\n.xap-overlay-vignette {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background: radial-gradient(ellipse 120% 100% at 50% 50%, transparent 30%, rgba(var(--beige-rgb),.22) 100%);\r\n}\r\n.xap-grid-lines {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(var(--brown-deep-rgb),.07) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(var(--brown-deep-rgb),.07) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MOT G\u00c9ANT + HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.xap-big-word {\r\n  position: absolute; top: 20px; left: 5vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(6rem, 16vw, 18rem);\r\n  font-weight: 900; line-height: .85; color: transparent;\r\n  -webkit-text-stroke: 1px rgba(var(--brown-deep-rgb),.09);\r\n  pointer-events: none; white-space: nowrap;\r\n  letter-spacing: -.03em; z-index: 0; user-select: none;\r\n  --tx: 0px; --ty: 0px;\r\n  transform: translate(var(--tx), var(--ty));\r\n  transition: transform 1.3s var(--ease-smooth);\r\n  animation: siliceBreath 10s ease-in-out infinite;\r\n}\r\n@keyframes siliceBreath {\r\n  0%,100% { opacity: .65; }\r\n  50%     { opacity: 1.0; -webkit-text-stroke-color: rgba(var(--brown-deep-rgb),.18); }\r\n}\r\n.xap-header {\r\n  position: relative; z-index: 10;\r\n  padding: 90px 7vw 0;\r\n  display: grid; grid-template-columns: 1fr auto;\r\n  align-items: end; gap: 3rem;\r\n}\r\n.xap-header-left  { animation: slideDown .8s var(--ease-out-expo) .05s both; }\r\n.xap-header-right { animation: slideDown .8s var(--ease-out-expo) .18s both; }\r\n@keyframes slideDown {\r\n  from { opacity: 0; transform: translateY(-18px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n.xap-eyebrow {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: .68rem; font-weight: 600;\r\n  letter-spacing: .26em; text-transform: uppercase;\r\n  color: var(--brown-mid);\r\n  display: flex; align-items: center; gap: .75rem;\r\n  margin-bottom: 1.2rem; position: relative; z-index: 2;\r\n}\r\n.xap-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--brown-mid); flex-shrink: 0; }\r\n.xap-title {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(2.6rem, 5vw, 5rem);\r\n  font-weight: 900; line-height: 1.0;\r\n  color: var(--charcoal); position: relative; z-index: 2;\r\n}\r\n.xap-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 50%, var(--brown-deep) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.xap-header-right { text-align: right; position: relative; z-index: 2; }\r\n.xap-header-desc { font-size: .9rem; font-weight: 300; color: var(--brown-deep); line-height: 1.8; max-width: 360px; text-align: right; margin-left: auto; }\r\n.xap-count-badge {\r\n  display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1rem;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: .65rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;\r\n  color: var(--bg); background: var(--brown-deep); padding: .3rem .8rem; border-radius: 2px;\r\n}\r\n.xap-divider {\r\n  position: relative; z-index: 10; margin: 3.5rem 7vw 0; height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(var(--brown-deep-rgb),.40) 20%, rgba(var(--brown-deep-rgb),.40) 80%, transparent);\r\n}\r\n.xap-divider::before {\r\n  content: ''; position: absolute; left: 50%; top: 50%;\r\n  transform: translate(-50%,-50%); width: 6px; height: 6px;\r\n  background: var(--brown-mid); border-radius: 50%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRILLE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.xap-cards {\r\n  position: relative; z-index: 10;\r\n  padding: 3rem 7vw 90px;\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;\r\n  list-style: none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 OUTER \u2500\u2500\u2500 *\/\r\n.xap-card-outer {\r\n  perspective: var(--persp); height: var(--card-h);\r\n  cursor: pointer; outline: none; border-radius: var(--card-r);\r\n  opacity: 0; transform: translateY(30px);\r\n  transition:\r\n    opacity  var(--dur-entry) var(--ease-out-expo),\r\n    transform var(--dur-entry) var(--ease-out-expo);\r\n}\r\n.xap-card-outer:nth-child(1) { transition-delay: .00s; }\r\n.xap-card-outer:nth-child(2) { transition-delay: .08s; }\r\n.xap-card-outer:nth-child(3) { transition-delay: .16s; }\r\n.xap-card-outer:nth-child(4) { transition-delay: .24s; }\r\n.xap-card-outer:nth-child(5) { transition-delay: .32s; }\r\n.xap-card-outer:nth-child(6) { transition-delay: .40s; }\r\n.xap-card-outer.is-visible   { opacity: 1; transform: translateY(0); }\r\n.xap-card-outer:focus-visible { outline: 2px solid var(--caramel); outline-offset: 4px; }\r\n\r\n\/* \u2500\u2500\u2500 INNER 3D \u2500\u2500\u2500 *\/\r\n.xap-card-inner {\r\n  position: relative; width: 100%; height: 100%;\r\n  transform-style: preserve-3d;\r\n  transition: transform var(--dur-flip) var(--ease-in-out) .04s;\r\n  border-radius: var(--card-r); will-change: transform;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-inner { transform: rotateY(180deg); }\r\n}\r\n.xap-card-outer.is-flipped .xap-card-inner,\r\n.xap-card-outer:focus-visible .xap-card-inner { transform: rotateY(180deg); }\r\n\r\n\/* \u2500\u2500\u2500 COMMUN AUX DEUX FACES \u2500\u2500\u2500 *\/\r\n.xap-card-front, .xap-card-back {\r\n  position: absolute; inset: 0; border-radius: var(--card-r);\r\n  backface-visibility: hidden; -webkit-backface-visibility: hidden;\r\n  display: flex; flex-direction: column; overflow: hidden;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RECTO \u2014 IMAGE <img> r\u00e9elle (crawlable + lazy)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.xap-card-front {\r\n  padding: 0 1.8rem 1.6rem;\r\n  justify-content: flex-end;\r\n  gap: .5rem;\r\n  border: 1.5px solid rgba(var(--caramel-rgb), .38);\r\n  background: linear-gradient(160deg, var(--brown-deep), var(--charcoal));\r\n  animation: frontGlow 4s ease-in-out infinite;\r\n}\r\n@keyframes frontGlow {\r\n  0%,100% { border-color: rgba(var(--caramel-rgb),.32); box-shadow: 0 8px 30px rgba(var(--brown-deep-rgb),.14); }\r\n  50%     { border-color: rgba(var(--caramel-rgb),.68); box-shadow: 0 12px 42px rgba(var(--brown-deep-rgb),.22), 0 0 0 1px rgba(var(--caramel-rgb),.12); }\r\n}\r\n.xap-front-img {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center;\r\n  transform: scale(1);\r\n  transition: transform .55s var(--ease-smooth);\r\n  border-radius: var(--card-r);\r\n  display: block;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-front-img { transform: scale(1.06); }\r\n}\r\n.xap-front-overlay {\r\n  position: absolute; inset: 0; z-index: 1;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(var(--brown-deep-rgb), .05)  0%,\r\n    rgba(var(--brown-deep-rgb), .50)  42%,\r\n    rgba(10, 5, 2, .92)               70%,\r\n    rgba(10, 5, 2, .98)              100%\r\n  );\r\n  border-radius: var(--card-r); pointer-events: none;\r\n}\r\n.xap-card-front-num {\r\n  position: absolute; top: .8rem; right: 1rem; z-index: 2;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 4.5rem; font-weight: 900; line-height: 1;\r\n  color: rgba(255,255,255,.12); user-select: none; pointer-events: none;\r\n  transition: color .4s, transform .4s;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-front-num {\r\n    color: rgba(255,255,255,.22);\r\n    transform: scale(1.04) translateY(-3px);\r\n  }\r\n}\r\n.xap-card-front::before {\r\n  content: ''; position: absolute; top: 0; right: 0; z-index: 3;\r\n  width: 0; height: 0; border-style: solid;\r\n  border-width: 0 48px 48px 0;\r\n  border-color: transparent rgba(var(--caramel-rgb),.22) transparent transparent;\r\n  border-radius: 0 var(--card-r) 0 0; pointer-events: none;\r\n}\r\n.xap-card-front::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 30%;\r\n  background: radial-gradient(ellipse 90% 100% at 50% 100%, rgba(var(--caramel-rgb),.08) 0%, transparent 65%);\r\n  z-index: 1; pointer-events: none;\r\n  border-radius: 0 0 var(--card-r) var(--card-r);\r\n}\r\n.xap-card-front > *:not(.xap-front-img):not(.xap-front-overlay) {\r\n  position: relative; z-index: 2;\r\n}\r\n.xap-card-title {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 1.3rem; font-weight: 700; line-height: 1.15;\r\n  color: rgba(var(--bg-rgb), .95);\r\n  text-shadow: 0 1px 12px rgba(0,0,0,.5);\r\n  transition: color .3s;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-title { color: #fff; }\r\n}\r\n.xap-card-tag {\r\n  display: inline-block;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: .6rem; font-weight: 700;\r\n  letter-spacing: .16em; text-transform: uppercase;\r\n  color: var(--caramel);\r\n  border: 1px solid rgba(var(--caramel-rgb),.45); border-radius: 2px;\r\n  padding: .2rem .6rem; align-self: flex-start;\r\n  transition: background .3s, border-color .3s;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-tag {\r\n    background: rgba(var(--caramel-rgb),.15);\r\n    border-color: rgba(var(--caramel-rgb),.75);\r\n  }\r\n}\r\n.xap-card-hint {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: .54rem; font-weight: 500;\r\n  letter-spacing: .1em; text-transform: uppercase;\r\n  color: rgba(var(--beige-rgb),.35);\r\n  display: flex; align-items: center; gap: .3rem;\r\n  transition: color .3s;\r\n}\r\n.xap-card-hint svg {\r\n  width: 10px; height: 10px; stroke: currentColor;\r\n  stroke-width: 1.8; fill: none; flex-shrink: 0;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-hint { color: rgba(var(--beige-rgb),.70); }\r\n}\r\n@media (hover: none) {\r\n  .xap-card-hint { color: rgba(var(--beige-rgb),.55); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   VERSO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.xap-card-back {\r\n  transform: rotateY(180deg);\r\n  padding: 1.9rem;\r\n  background: rgba(var(--bg-rgb), .96);\r\n  border: 1px solid rgba(var(--brown-deep-rgb), .14);\r\n  backdrop-filter: blur(22px) saturate(1.1);\r\n  -webkit-backdrop-filter: blur(22px) saturate(1.1);\r\n  transition: border-color .3s, box-shadow .3s;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-back {\r\n    border-color: rgba(var(--brown-deep-rgb), .32);\r\n    box-shadow: 0 0 0 1px rgba(var(--brown-deep-rgb), .08);\r\n  }\r\n}\r\n.xap-card-outer.is-flipped .xap-card-back {\r\n  border-color: rgba(var(--brown-deep-rgb), .32);\r\n}\r\n.xap-card-back::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--brown-deep), var(--caramel), var(--brown-deep));\r\n  transform: scaleX(0); transform-origin: center;\r\n  transition: transform .55s var(--ease-smooth) .38s;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-back::after { transform: scaleX(1); }\r\n}\r\n.xap-card-outer.is-flipped .xap-card-back::after { transform: scaleX(1); }\r\n.xap-card-bg-num {\r\n  position: absolute; bottom: -.4rem; right: .8rem;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 7rem; font-weight: 900;\r\n  color: rgba(var(--brown-deep-rgb), .055); line-height: 1;\r\n  pointer-events: none; user-select: none;\r\n  transition: color .5s, transform .5s;\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-bg-num { color: rgba(var(--brown-deep-rgb),.10); transform: translateY(-6px) scale(1.05); }\r\n}\r\n.xap-card-outer.is-flipped .xap-card-bg-num { color: rgba(var(--brown-deep-rgb),.10); }\r\n.xap-card-icon {\r\n  width: 46px; height: 46px;\r\n  border: 1px solid rgba(var(--brown-deep-rgb),.22); border-radius: 3px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 1.2rem; flex-shrink: 0; position: relative; z-index: 1;\r\n}\r\n.xap-card-icon svg {\r\n  width: 20px; height: 20px; stroke: var(--brown-mid); stroke-width: 1.5;\r\n  fill: none; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n@keyframes iconPop {\r\n  0%   { transform: scale(.7) rotate(-8deg); opacity: 0; }\r\n  60%  { transform: scale(1.18) rotate(4deg); opacity: 1; }\r\n  100% { transform: scale(1) rotate(0deg);  opacity: 1; }\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-icon {\r\n    animation: iconPop .5s var(--ease-out-back) .36s both;\r\n  }\r\n}\r\n.xap-card-outer.is-flipped .xap-card-icon {\r\n  animation: iconPop .5s var(--ease-out-back) .36s both;\r\n}\r\n.xap-card-back-label {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: .7rem; font-weight: 700; font-style: italic;\r\n  color: rgba(var(--caramel-rgb), .80);\r\n  letter-spacing: .14em; text-transform: uppercase;\r\n  flex-shrink: 0; position: relative; z-index: 1;\r\n}\r\n.xap-card-desc {\r\n  font-size: .84rem; font-weight: 300;\r\n  color: var(--brown-deep); line-height: 1.78;\r\n  flex: 1; position: relative; z-index: 1;\r\n  margin-top: .5rem;\r\n}\r\n@keyframes backContentIn {\r\n  from { opacity: 0; transform: translateY(10px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n@media (hover: hover) and (pointer: fine) {\r\n  .xap-card-outer:hover .xap-card-back-label,\r\n  .xap-card-outer:hover .xap-card-desc,\r\n  .xap-card-outer:hover .xap-card-cta {\r\n    animation: backContentIn .42s var(--ease-out-expo) .38s both;\r\n  }\r\n}\r\n.xap-card-outer.is-flipped .xap-card-back-label,\r\n.xap-card-outer.is-flipped .xap-card-desc,\r\n.xap-card-outer.is-flipped .xap-card-cta {\r\n  animation: backContentIn .42s var(--ease-out-expo) .38s both;\r\n}\r\n.xap-card-cta {\r\n  display: inline-flex; align-items: center; gap: .45rem;\r\n  margin-top: auto; padding-top: .9rem;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: .72rem; font-weight: 700;\r\n  letter-spacing: .14em; text-transform: uppercase;\r\n  color: var(--charcoal); background: var(--caramel);\r\n  border-radius: 2px; padding: .55rem 1.3rem;\r\n  text-decoration: none; align-self: flex-start; flex-shrink: 0;\r\n  position: relative; overflow: hidden; z-index: 1;\r\n  transition: background .22s, transform .22s;\r\n}\r\n.xap-card-cta::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.28) 50%, transparent 100%);\r\n  transform: translateX(-100%);\r\n  transition: transform .45s var(--ease-smooth);\r\n}\r\n.xap-card-cta:hover::before { transform: translateX(100%); }\r\n.xap-card-cta:hover { background: var(--beige); }\r\n.xap-cta-arrow { display: inline-block; transition: transform .22s var(--ease-out-back); }\r\n.xap-card-cta:hover .xap-cta-arrow { transform: translateX(5px); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .xap-cards { grid-template-columns: repeat(2, 1fr); }\r\n  :root { --card-h: 320px; }\r\n}\r\n@media (max-width: 700px) {\r\n  :root { --card-h: 300px; }\r\n  .xap-cards { grid-template-columns: 1fr; padding: 2rem 5vw 60px; }\r\n  .xap-header { grid-template-columns: 1fr; }\r\n  .xap-header-right { text-align: left; }\r\n  .xap-header-desc  { text-align: left; max-width: 100%; margin-left: 0; }\r\n  .xap-header       { padding-top: 70px; }\r\n  .xap-big-word     { font-size: 5rem; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .xap-big-word, .xap-card-front { animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"xap-wrap\" id=\"xapSection\" aria-labelledby=\"xap-title\">\r\n\r\n  <div id=\"applications\" class=\"xap-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xap-overlay-radial\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xap-overlay-vignette\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xap-grid-lines\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xap-big-word\" id=\"xapBigWord\" aria-hidden=\"true\">Silice<\/div>\r\n\r\n  <header class=\"xap-header\">\r\n    <div class=\"xap-header-left\">\r\n      <p class=\"xap-eyebrow\">D\u00e9bouch\u00e9s industriels<\/p>\r\n      <h2 class=\"xap-title\" id=\"xap-title\">Un mat\u00e9riau,<br><em>six secteurs d'utilisation<\/em>s<\/h2>\r\n    <\/div>\r\n    <div class=\"xap-header-right\">\r\n      <p class=\"xap-count-badge\">6 Secteurs cl\u00e9s<\/p>\r\n      <p class=\"xap-header-desc\">La haute puret\u00e9 de notre sable siliceux ouvre des march\u00e9s \u00e0 forte valeur ajout\u00e9e \u2014 de la verrerie \u00e0 l'\u00e9nergie solaire.<\/p>\r\n    <\/div>\r\n  <\/header>\r\n  <div class=\"xap-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n  <ul class=\"xap-cards\">\r\n\r\n    <!-- 01 \u2014 Verrerie -->\r\n    <li class=\"xap-card-outer\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"Verrerie et vitrage \u2014 retourner pour le d\u00e9tail\">\r\n      <div class=\"xap-card-inner\">\r\n        <article class=\"xap-card-front\">\r\n          <img loading=\"lazy\" class=\"xap-front-img\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/verrerie-et-vitrage-1.webp\" alt=\"Sable siliceux haute puret\u00e9 pour la verrerie et le vitrage\" width=\"700\" height=\"525\" decoding=\"async\">\r\n          <div class=\"xap-front-overlay\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"xap-card-front-num\" aria-hidden=\"true\">01<\/span>\r\n          <h3 class=\"xap-card-title\">Verrerie &amp; Vitrage<\/h3>\r\n          <span class=\"xap-card-tag\">Premier d\u00e9bouch\u00e9 mondial<\/span>\r\n          <p class=\"xap-card-hint\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 16V4m0 0L3 8m4-4 4 4\"><\/path><path d=\"M17 8v12m0 0 4-4m-4 4-4-4\"><\/path><\/svg>\r\n            Retourner la carte\r\n          <\/p>\r\n        <\/article>\r\n        <div class=\"xap-card-back\">\r\n          <span class=\"xap-card-bg-num\" aria-hidden=\"true\">01<\/span>\r\n          <span class=\"xap-card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"><\/path><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1\"><\/rect><\/svg>\r\n          <\/span>\r\n          <span class=\"xap-card-back-label\">01 \u2014 Verrerie<\/span>\r\n          <p class=\"xap-card-desc\">Principal d\u00e9bouch\u00e9 mondial du sable siliceux. Notre sable r\u00e9pond aux exigences des verriers pour le verre plat, le verre creux, le vitrage automobile et b\u00e2timent, et la fibre optique.<\/p>\r\n          <a class=\"xap-card-cta\" href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" aria-label=\"Demander un devis de sable siliceux pour la verrerie\"><span>Demander un devis<\/span><span class=\"xap-cta-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <!-- 02 \u2014 Fonderie -->\r\n    <li class=\"xap-card-outer\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"Fonderie et m\u00e9tallurgie \u2014 retourner pour le d\u00e9tail\">\r\n      <div class=\"xap-card-inner\">\r\n        <article class=\"xap-card-front\">\r\n          <img loading=\"lazy\" class=\"xap-front-img\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/fonderie-et-metalurgie.webp\" alt=\"Sable de moulage siliceux pour la fonderie et la m\u00e9tallurgie\" width=\"700\" height=\"525\" decoding=\"async\">\r\n          <div class=\"xap-front-overlay\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"xap-card-front-num\" aria-hidden=\"true\">02<\/span>\r\n          <h3 class=\"xap-card-title\">Fonderie &amp; M\u00e9tallurgie<\/h3>\r\n          <span class=\"xap-card-tag\">Sable de moulage<\/span>\r\n          <p class=\"xap-card-hint\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 16V4m0 0L3 8m4-4 4 4\"><\/path><path d=\"M17 8v12m0 0 4-4m-4 4-4-4\"><\/path><\/svg>\r\n            Retourner la carte\r\n          <\/p>\r\n        <\/article>\r\n        <div class=\"xap-card-back\">\r\n          <span class=\"xap-card-bg-num\" aria-hidden=\"true\">02<\/span>\r\n          <span class=\"xap-card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z\"><\/path><path d=\"M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"><\/path><path d=\"M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z\"><\/path><path d=\"M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z\"><\/path><path d=\"M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z\"><\/path><path d=\"M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"><\/path><path d=\"M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z\"><\/path><path d=\"M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"xap-card-back-label\">02 \u2014 Fonderie<\/span>\r\n          <p class=\"xap-card-desc\">Sable de moulage pour pi\u00e8ces m\u00e9talliques de haute pr\u00e9cision. La granulom\u00e9trie r\u00e9guli\u00e8re garantit la qualit\u00e9 des empreintes et la r\u00e9sistance thermique des moules.<\/p>\r\n          <a class=\"xap-card-cta\" href=\"https:\/\/silicesantacruz.com\/ar\/sable-de-fonderie-siliceux-caracteristiques-usages-et-achat\/\" aria-label=\"Demander un devis de sable siliceux pour la fonderie\"><span>En savoir plus<\/span><span class=\"xap-cta-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <!-- 03 \u2014 Filtration -->\r\n    <li class=\"xap-card-outer\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"Filtration des eaux \u2014 retourner pour le d\u00e9tail\">\r\n      <div class=\"xap-card-inner\">\r\n        <article class=\"xap-card-front\">\r\n          <img loading=\"lazy\" class=\"xap-front-img\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/filtartion-des-eaux.png\" alt=\"Sable siliceux filtrant pour le traitement des eaux potables\" width=\"700\" height=\"525\" decoding=\"async\">\r\n          <div class=\"xap-front-overlay\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"xap-card-front-num\" aria-hidden=\"true\">03<\/span>\r\n          <h3 class=\"xap-card-title\">Filtration des eaux<\/h3>\r\n          <span class=\"xap-card-tag\">Eau potable<\/span>\r\n          <p class=\"xap-card-hint\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 16V4m0 0L3 8m4-4 4 4\"><\/path><path d=\"M17 8v12m0 0 4-4m-4 4-4-4\"><\/path><\/svg>\r\n            Retourner la carte\r\n          <\/p>\r\n        <\/article>\r\n        <div class=\"xap-card-back\">\r\n          <span class=\"xap-card-bg-num\" aria-hidden=\"true\">03<\/span>\r\n          <span class=\"xap-card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 2h10\"><\/path><path d=\"M7 2 5 12\"><\/path><path d=\"M17 2l2 10\"><\/path><path d=\"M5 12h14\"><\/path><path d=\"M12 22V12\"><\/path><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"xap-card-back-label\">03 \u2014 Filtration<\/span>\r\n          <p class=\"xap-card-desc\">Milieu filtrant agr\u00e9\u00e9 pour eaux potables, industrielles et piscines. Efficacit\u00e9 optimale gr\u00e2ce \u00e0 la puret\u00e9 et \u00e0 la morphologie r\u00e9guli\u00e8re des grains.<\/p>\r\n          <a class=\"xap-card-cta\" href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" aria-label=\"Demander un devis de sable siliceux pour la filtration des eaux\"><span>Demander un devis<\/span><span class=\"xap-cta-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <!-- 04 \u2014 C\u00e9ramique -->\r\n    <li class=\"xap-card-outer\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"C\u00e9ramique et r\u00e9fractaires \u2014 retourner pour le d\u00e9tail\">\r\n      <div class=\"xap-card-inner\">\r\n        <article class=\"xap-card-front\">\r\n          <img loading=\"lazy\" class=\"xap-front-img\" src=\"https:\/\/images.unsplash.com\/photo-1565193566173-7a0ee3dbe261?auto=format&amp;fit=crop&amp;w=700&amp;q=75\" alt=\"Silice pour c\u00e9ramiques, fa\u00efences et produits r\u00e9fractaires\" width=\"700\" height=\"525\" decoding=\"async\">\r\n          <div class=\"xap-front-overlay\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"xap-card-front-num\" aria-hidden=\"true\">04<\/span>\r\n          <h3 class=\"xap-card-title\">C\u00e9ramique &amp; R\u00e9fractaires<\/h3>\r\n          <span class=\"xap-card-tag\">R\u00e9fractaires<\/span>\r\n          <p class=\"xap-card-hint\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 16V4m0 0L3 8m4-4 4 4\"><\/path><path d=\"M17 8v12m0 0 4-4m-4 4-4-4\"><\/path><\/svg>\r\n            Retourner la carte\r\n          <\/p>\r\n        <\/article>\r\n        <div class=\"xap-card-back\">\r\n          <span class=\"xap-card-bg-num\" aria-hidden=\"true\">04<\/span>\r\n          <span class=\"xap-card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"xap-card-back-label\">04 \u2014 C\u00e9ramique<\/span>\r\n          <p class=\"xap-card-desc\">Composant essentiel des carrelages, fa\u00efences et r\u00e9fractaires. La constance chimique assure la reproductibilit\u00e9 parfaite des cuissons industrielles.<\/p>\r\n          <a class=\"xap-card-cta\" href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" aria-label=\"Demander un devis de sable siliceux pour la c\u00e9ramique\"><span>Demander un devis<\/span><span class=\"xap-cta-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <!-- 05 \u2014 BTP -->\r\n    <li class=\"xap-card-outer\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"BTP et construction \u2014 retourner pour le d\u00e9tail\">\r\n      <div class=\"xap-card-inner\">\r\n        <article class=\"xap-card-front\">\r\n          <img loading=\"lazy\" class=\"xap-front-img\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&amp;fit=crop&amp;w=700&amp;q=75\" alt=\"Sable siliceux pour b\u00e9tons, mortiers et construction\" width=\"700\" height=\"525\" decoding=\"async\">\r\n          <div class=\"xap-front-overlay\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"xap-card-front-num\" aria-hidden=\"true\">05<\/span>\r\n          <h3 class=\"xap-card-title\">BTP &amp; Construction<\/h3>\r\n          <span class=\"xap-card-tag\">B\u00e9ton &amp; Mortier<\/span>\r\n          <p class=\"xap-card-hint\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 16V4m0 0L3 8m4-4 4 4\"><\/path><path d=\"M17 8v12m0 0 4-4m-4 4-4-4\"><\/path><\/svg>\r\n            Retourner la carte\r\n          <\/p>\r\n        <\/article>\r\n        <div class=\"xap-card-back\">\r\n          <span class=\"xap-card-bg-num\" aria-hidden=\"true\">05<\/span>\r\n          <span class=\"xap-card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"1\"><\/rect><path d=\"M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2\"><\/path><path d=\"M9 21V9\"><\/path><path d=\"M15 21V9\"><\/path><\/svg>\r\n          <\/span>\r\n          <span class=\"xap-card-back-label\">05 \u2014 BTP<\/span>\r\n          <p class=\"xap-card-desc\">Sable pour b\u00e9tons, mortiers et ciments sp\u00e9ciaux. Large spectre granulom\u00e9trique disponible selon les exigences du chantier ou du bureau d'\u00e9tudes.<\/p>\r\n          <a class=\"xap-card-cta\" href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" aria-label=\"Demander un devis de sable siliceux pour le BTP\"><span>Demander un devis<\/span><span class=\"xap-cta-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <!-- 06 \u2014 \u00c9nergie -->\r\n    <li class=\"xap-card-outer\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"\u00c9nergie et p\u00e9trole \u2014 retourner pour le d\u00e9tail\">\r\n      <div class=\"xap-card-inner\">\r\n        <article class=\"xap-card-front\">\r\n          <img loading=\"lazy\" class=\"xap-front-img\" src=\"https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?auto=format&amp;fit=crop&amp;w=700&amp;q=75\" alt=\"Silice pour panneaux solaires, forage p\u00e9trolier et \u00e9nergie\" width=\"700\" height=\"525\" decoding=\"async\">\r\n          <div class=\"xap-front-overlay\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"xap-card-front-num\" aria-hidden=\"true\">06<\/span>\r\n          <h3 class=\"xap-card-title\">\u00c9nergie &amp; P\u00e9trole<\/h3>\r\n          <span class=\"xap-card-tag\">Panneaux solaires<\/span>\r\n          <p class=\"xap-card-hint\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 16V4m0 0L3 8m4-4 4 4\"><\/path><path d=\"M17 8v12m0 0 4-4m-4 4-4-4\"><\/path><\/svg>\r\n            Retourner la carte\r\n          <\/p>\r\n        <\/article>\r\n        <div class=\"xap-card-back\">\r\n          <span class=\"xap-card-bg-num\" aria-hidden=\"true\">06<\/span>\r\n          <span class=\"xap-card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\r\n          <\/span>\r\n          <span class=\"xap-card-back-label\">06 \u2014 \u00c9nergie<\/span>\r\n          <p class=\"xap-card-desc\">Agent de fracturation hydraulique, ciment de forage, panneaux solaires et semi-conducteurs. La silice au c\u0153ur de la transition \u00e9nerg\u00e9tique mondiale.<\/p>\r\n          <a class=\"xap-card-cta\" href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" aria-label=\"Demander un devis de sable siliceux pour l'\u00e9nergie et le p\u00e9trole\"><span>Demander un devis<\/span><span class=\"xap-cta-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* IntersectionObserver \u2014 entr\u00e9e stagger\u00e9e *\/\r\n  const cards = document.querySelectorAll('.xap-card-outer');\r\n  const io = new IntersectionObserver(\r\n    (entries) => entries.forEach((e) => {\r\n      if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }\r\n    }),\r\n    { threshold: .12, rootMargin: '0px 0px -40px 0px' }\r\n  );\r\n  cards.forEach((c) => io.observe(c));\r\n\r\n  \/* Flip clic \/ tap + clavier *\/\r\n  cards.forEach((card) => {\r\n    card.addEventListener('click', (e) => {\r\n      if (e.target.closest('.xap-card-cta')) return;\r\n      const f = card.classList.toggle('is-flipped');\r\n      card.setAttribute('aria-pressed', String(f));\r\n    });\r\n    card.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Enter' || e.key === ' ') {\r\n        e.preventDefault();\r\n        const f = card.classList.toggle('is-flipped');\r\n        card.setAttribute('aria-pressed', String(f));\r\n      }\r\n      if (e.key === 'Escape') { card.classList.remove('is-flipped'); card.setAttribute('aria-pressed','false'); }\r\n    });\r\n  });\r\n\r\n  \/* Parallaxe lerp \u2014 \"Silice\" *\/\r\n  const section = document.getElementById('xapSection');\r\n  const bw = document.getElementById('xapBigWord');\r\n  if (section && bw && window.matchMedia('(hover: hover)').matches && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    let tx=0,ty=0,cx=0,cy=0;\r\n    section.addEventListener('mousemove', (e) => {\r\n      const r = section.getBoundingClientRect();\r\n      tx = ((e.clientX-r.left)\/r.width -.5)*44;\r\n      ty = ((e.clientY-r.top) \/r.height-.5)*26;\r\n    });\r\n    section.addEventListener('mouseleave', ()=>{ tx=0; ty=0; });\r\n    (function tick(){\r\n      cx += (tx-cx)*.06; cy += (ty-cy)*.06;\r\n      bw.style.setProperty('--tx', cx.toFixed(2)+'px');\r\n      bw.style.setProperty('--ty', cy.toFixed(2)+'px');\r\n      requestAnimationFrame(tick);\r\n    })();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-843c640 e-con-full e-flex e-con e-parent\" data-id=\"843c640\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-347d865 elementor-widget elementor-widget-html\" data-id=\"347d865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRANULOM\u00c9TRIES \u2014 GLASSMORPHISM (blobs chauds)\r\n   Fond sombre \u00b7 cartes verre d\u00e9poli \u00b7 Charte Santa Cruz\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --gold:         #C6A06A;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n\r\n  --caramel-rgb:     212, 163, 115;\r\n  --beige-rgb:       230, 211, 163;\r\n  --gold-rgb:        198, 160, 106;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);\r\n}\r\n\r\n.sc-gran-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 6vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  background-color: #FAFAF7;\r\n  background-image:\r\n    linear-gradient(rgba(200,169,106,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(200,169,106,0.06) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n}\r\n.sc-gran-wrap *, .sc-gran-wrap *::before, .sc-gran-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* Grille dor\u00e9e subtile sur fond sombre *\/\r\n.sc-gran-grid-lines {\r\n  position: absolute; inset: 0; pointer-events: none; z-index: 1;\r\n  background:\r\n    radial-gradient(ellipse 45% 40% at 88% 6%, rgba(var(--caramel-rgb), 0.10) 0%, transparent 60%),\r\n    radial-gradient(ellipse 40% 45% at 6% 96%, rgba(var(--beige-rgb), 0.16) 0%, transparent 64%);\r\n}\r\n\r\n\/* \u2500\u2500 BLOBS COLOR\u00c9S FLOTTANTS (derri\u00e8re les cartes) \u2500\u2500 *\/\r\n.sc-gran-blobs { position: absolute; inset: -10%; z-index: 2; pointer-events: none; }\r\n.sc-gran-blobs b {\r\n  position: absolute; display: block; border-radius: 50%;\r\n  filter: blur(70px); opacity: 0.55; will-change: transform;\r\n}\r\n.sc-gran-blobs b:nth-child(1) {\r\n  width: 420px; height: 420px; top: -4%; right: 6%;\r\n  background: radial-gradient(circle at 35% 35%, #F7D9A8, #E0B070 55%, #D4A373 100%);\r\n  animation: scBlob1 24s var(--ease-in-out) infinite;\r\n}\r\n.sc-gran-blobs b:nth-child(2) {\r\n  width: 360px; height: 360px; bottom: -8%; left: 2%;\r\n  background: radial-gradient(circle at 40% 40%, #F2E6C8, #E6D3A3 55%, #C6A06A 100%);\r\n  animation: scBlob2 28s var(--ease-in-out) infinite;\r\n}\r\n.sc-gran-blobs b:nth-child(3) {\r\n  width: 300px; height: 300px; top: 30%; left: 38%;\r\n  background: radial-gradient(circle at 35% 35%, #F6CF9E, #E0A062 55%, #C98A4E 100%);\r\n  animation: scBlob3 22s var(--ease-in-out) infinite;\r\n}\r\n.sc-gran-blobs b:nth-child(4) {\r\n  width: 260px; height: 260px; bottom: 4%; right: 28%;\r\n  background: radial-gradient(circle at 40% 30%, #FBF0D6, #E6D3A3 60%, #D4A373 100%);\r\n  animation: scBlob4 26s var(--ease-in-out) infinite;\r\n}\r\n@keyframes scBlob1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-50px,40px) scale(1.12); } }\r\n@keyframes scBlob2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(60px,-30px) scale(1.1); } }\r\n@keyframes scBlob3 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(40px,50px) scale(0.9); } }\r\n@keyframes scBlob4 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-40px,-40px) scale(1.14); } }\r\n\r\n\/* \u2500\u2500 EN-T\u00caTE \u2500\u2500 *\/\r\n.sc-gran-header {\r\n  position: relative; z-index: 10;\r\n  display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem;\r\n  align-items: end; margin-bottom: 64px;\r\n}\r\n.sc-gran-header > div:first-child { position: relative; }\r\n.sc-gran-ghost {\r\n  position: absolute; top: -0.62em; left: -0.04em; z-index: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(7rem, 17vw, 16rem); font-weight: 900; font-style: italic;\r\n  line-height: 0.85; letter-spacing: -0.03em; color: transparent;\r\n  -webkit-text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.10);\r\n  text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.10);\r\n  white-space: nowrap; pointer-events: none; user-select: none;\r\n}\r\n.sc-gran-eyebrow {\r\n  position: relative; z-index: 2;\r\n  font-size: 0.8rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--caramel); display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.2rem;\r\n}\r\n.sc-gran-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--caramel); flex-shrink: 0; }\r\n.sc-gran-title {\r\n  position: relative; z-index: 2;\r\n  font-size: clamp(2.4rem, 4.2vw, 4rem); font-weight: 900; line-height: 1.05; color: var(--charcoal);\r\n}\r\n.sc-gran-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.sc-gran-desc {\r\n  position: relative; z-index: 2;\r\n  font-size: 1rem; font-weight: 400; color: #6a6a62; line-height: 1.7; align-self: end;\r\n}\r\n\r\n\/* \u2500\u2500 GRILLE DE CARTES \u2500\u2500 *\/\r\n.sc-gran-grid {\r\n  position: relative; z-index: 10;\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; perspective: 1000px;\r\n}\r\n.sc-gran-card-box { transform-style: preserve-3d; transition: transform 0.15s ease-out; will-change: transform; }\r\n\r\n\/* CARTE VERRE D\u00c9POLI *\/\r\n.sc-gran-card {\r\n  position: relative; height: 100%;\r\n  background: linear-gradient(165deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.38) 100%);\r\n  -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4);\r\n  border: 1px solid rgba(255,255,255,0.80);\r\n  border-radius: 20px;\r\n  padding: 3.5rem 2.2rem 2.8rem;\r\n  display: flex; flex-direction: column; justify-content: space-between;\r\n  overflow: hidden;\r\n  box-shadow:\r\n    0 24px 50px rgba(var(--brown-deep-rgb), 0.08),\r\n    inset 0 1px 0 rgba(255,255,255,0.85);\r\n  transition: border-color 0.4s var(--ease-smooth), box-shadow 0.4s var(--ease-smooth), background 0.4s var(--ease-smooth);\r\n}\r\n\/* Reflet diagonal du verre *\/\r\n.sc-gran-card::after {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none;\r\n  background: linear-gradient(150deg, rgba(255,255,255,0.45) 0%, transparent 34%);\r\n}\r\n\r\n\/* Chiffre filigrane *\/\r\n.sc-gran-num {\r\n  position: absolute; top: -1.5rem; right: -0.5rem; z-index: 0;\r\n  font-size: 9.5rem; font-weight: 900; font-style: italic;\r\n  color: rgba(var(--caramel-rgb), 0.10); line-height: 1; pointer-events: none; user-select: none;\r\n  transition: color 0.4s var(--ease-smooth), transform 0.4s var(--ease-smooth); transform-origin: right top;\r\n}\r\n.sc-gran-content-top { position: relative; z-index: 2; transform: translateZ(30px); }\r\n.sc-gran-content-bottom { position: relative; z-index: 2; transform: translateZ(20px); margin-top: auto; }\r\n\r\n.sc-gran-size { font-size: 2.3rem; font-weight: 900; color: var(--brown-deep); line-height: 1.1; margin-bottom: 0.3rem; }\r\n.sc-gran-range { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--caramel); margin-bottom: 2rem; }\r\n.sc-gran-separator { width: 32px; height: 1px; background: linear-gradient(90deg, var(--caramel), transparent); margin-bottom: 2rem; }\r\n.sc-gran-name { font-size: 0.9rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--charcoal); margin-bottom: 0.75rem; }\r\n.sc-gran-uses { font-size: 0.88rem; font-weight: 400; color: #7A7A70; line-height: 1.65; }\r\n\r\n\/* Survol *\/\r\n.sc-gran-card-box:hover .sc-gran-card {\r\n  border-color: rgba(255,255,255,0.95);\r\n  background: linear-gradient(165deg, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.48) 100%);\r\n  box-shadow: 0 36px 70px rgba(var(--brown-deep-rgb), 0.14), inset 0 1px 0 rgba(255,255,255,0.9);\r\n}\r\n.sc-gran-card-box:hover .sc-gran-num { color: rgba(var(--caramel-rgb), 0.20); transform: scale(1.05) translate(-5px, 5px); }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  .sc-gran-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n  .sc-gran-header { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 48px; }\r\n}\r\n@media (max-width: 650px) {\r\n  .sc-gran-grid { grid-template-columns: 1fr; gap: 16px; }\r\n  .sc-gran-wrap { padding: 70px 5vw; }\r\n  .sc-gran-card { padding: 2.8rem 1.8rem 2.2rem; }\r\n  .sc-gran-size { font-size: 2rem; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sc-gran-blobs b { animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-gran-wrap\">\r\n  <div class=\"sc-gran-grid-lines\"><\/div>\r\n  <div class=\"sc-gran-blobs\" aria-hidden=\"true\"><b><\/b><b><\/b><b><\/b><b><\/b><\/div>\r\n\r\n  <div class=\"sc-gran-header\">\r\n    <div>\r\n      <span class=\"sc-gran-ghost\" aria-hidden=\"true\">Silice<\/span>\r\n      <p class=\"sc-gran-eyebrow\">Gamme produits<\/p>\r\n      <h2 class=\"sc-gran-title\">Quatre <em>granulom\u00e9tries<\/em><\/h2>\r\n    <\/div>\r\n    <p class=\"sc-gran-desc\">\r\n      De la farine de silice ultra-fine au sable grossier, notre gamme couvre l'ensemble des exigences techniques industrielles. Conditionnement sur-mesure en vrac ou en big-bags de haute r\u00e9sistance m\u00e9canique.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"sc-gran-grid\" id=\"tiltGrid\">\r\n\r\n    <div class=\"sc-gran-card-box\">\r\n      <div class=\"sc-gran-card\">\r\n        <div class=\"sc-gran-num\">01<\/div>\r\n        <div class=\"sc-gran-content-top\">\r\n          <div class=\"sc-gran-size\">Ultra-fin<\/div>\r\n          <div class=\"sc-gran-range\">30 \u2014 150 \u00b5m<\/div>\r\n          <div class=\"sc-gran-separator\"><\/div>\r\n        <\/div>\r\n        <div class=\"sc-gran-content-bottom\">\r\n        <h3 class=\"sc-gran-name\"><a href=\"https:\/\/silicesantacruz.com\/ar\/farine-de-silice-poudre-de-sio%e2%82%82-pour-lindustrie-guide-achat\/\">Farine de silice<\/a><\/h3>\r\n          <p class=\"sc-gran-uses\">Id\u00e9al pour les applications en c\u00e9ramiques de pr\u00e9cision, charges de fonderie et nanotechnologies.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-gran-card-box\">\r\n      <div class=\"sc-gran-card\">\r\n        <div class=\"sc-gran-num\">02<\/div>\r\n        <div class=\"sc-gran-content-top\">\r\n          <div class=\"sc-gran-size\">Fin<\/div>\r\n          <div class=\"sc-gran-range\">150 \u2014 500 \u00b5m<\/div>\r\n          <div class=\"sc-gran-separator\"><\/div>\r\n        <\/div>\r\n        <div class=\"sc-gran-content-bottom\">\r\n          <h3 class=\"sc-gran-name\"><a href=\"https:\/\/silicesantacruz.com\/ar\/sable-de-verre-pour-filtre-a-sable-guide-complet\/\">Sable de verre<\/a><\/h3>\r\n          <p class=\"sc-gran-uses\">Optimis\u00e9 pour la haute verrerie, le vitrage industriel et la filtration des eaux potables.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-gran-card-box\">\r\n      <div class=\"sc-gran-card\">\r\n        <div class=\"sc-gran-num\">03<\/div>\r\n        <div class=\"sc-gran-content-top\">\r\n          <div class=\"sc-gran-size\">Moyen<\/div>\r\n          <div class=\"sc-gran-range\">500 \u00b5m \u2014 1 mm<\/div>\r\n          <div class=\"sc-gran-separator\"><\/div>\r\n        <\/div>\r\n        <div class=\"sc-gran-content-bottom\">\r\n          <h3 class=\"sc-gran-name\">Sable standard<\/h3>\r\n          <p class=\"sc-gran-uses\">Destin\u00e9 \u00e0 la pr\u00e9paration de mortiers de performance, enduits de fa\u00e7ade, sols sportifs et <a href=\"https:\/\/silicesantacruz.com\/ar\/sable-pour-gazon-silice-lavee-granulometrie-prix-et-dosage\/\" style=\"color:var(--caramel);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(var(--caramel-rgb),0.35);\">sable pour gazon<\/a>.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-gran-card-box\">\r\n      <div class=\"sc-gran-card\">\r\n        <div class=\"sc-gran-num\">04<\/div>\r\n        <div class=\"sc-gran-content-top\">\r\n          <div class=\"sc-gran-size\">Gros<\/div>\r\n          <div class=\"sc-gran-range\">1 \u2014 3 mm<\/div>\r\n          <div class=\"sc-gran-separator\"><\/div>\r\n        <\/div>\r\n        <div class=\"sc-gran-content-bottom\">\r\n          <h3 class=\"sc-gran-name\">Sable grossier<\/h3>\r\n          <p class=\"sc-gran-uses\">Formul\u00e9 pour la production de b\u00e9tons structurels, lits de drainage et travaux publics lourds.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  function initGranGridEffects() {\r\n    const grid = document.getElementById('tiltGrid');\r\n    if (!grid) return;\r\n    const boxes = grid.querySelectorAll('.sc-gran-card-box');\r\n    boxes.forEach(box => {\r\n      box.addEventListener('mousemove', (e) => {\r\n        if (window.innerWidth < 650) return;\r\n        const rect = box.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        const tiltX = ((y \/ rect.height) - 0.5) * -16;\r\n        const tiltY = ((x \/ rect.width) - 0.5) * 16;\r\n        box.style.transform = `rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale3d(1.02, 1.02, 1.02)`;\r\n      });\r\n      box.addEventListener('mouseleave', () => {\r\n        box.style.transform = `rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;\r\n      });\r\n    });\r\n  }\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initGranGridEffects);\r\n  } else {\r\n    initGranGridEffects();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2506a45f elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2506a45f\" data-element_type=\"section\" data-e-type=\"section\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22c70004\" data-id=\"22c70004\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b2edfcb elementor-widget elementor-widget-heading\" data-id=\"7b2edfcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Quel est le prix du sable siliceux en Alg\u00e9rie ?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae5e16d elementor-widget elementor-widget-text-editor\" data-id=\"ae5e16d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 data-block-id=\"2dbbf6b9-4608-4b3b-a74f-1344450c4545\" data-pm-slice=\"1 1 []\" style=\"color: white;\">Tarifs de sable<\/h3>\n<p data-block-id=\"4605d644-1a2a-4b1d-b65b-6712d7396398\">Le <strong>sable siliceux brut<\/strong> co\u00fbte jusqu\u2019\u00e0 25 \u20ac\/tonne, en raison de son extraction \u00e0 ciel ouvert et de son transport limit\u00e9.<\/p>\n<p data-block-id=\"98cc4e3f-27ae-43cc-9993-48b83dd501e0\">La puret\u00e9 affecte le prix. Le sable de fonderie co\u00fbte entre 15 et 20 \u20ac\/tonne. En revanche, le sable pour verrerie peut monter jusqu\u2019\u00e0 80-100 \u20ac\/tonne. Les produits d\u00e9riv\u00e9s, comme le carbure de silicium, co\u00fbtent entre 1 300 et 1 700 \u20ac\/tonne. La silice collo\u00efdale, elle, peut atteindre 7 500 \u20ac\/tonne. Les commandes de 10 000 tonnes ou plus b\u00e9n\u00e9ficient de tarifs r\u00e9duits.<\/p>\n\n<h3 style=\"color: white;\" data-block-id=\"aa736058-6d94-4fa9-91ff-3d4c70e14430\">Prix selon la puret\u00e9<\/h3>\n<p data-block-id=\"1b735822-ae3e-449f-b802-a5095d8e57c4\">La <strong>puret\u00e9 en SiO\u2082<\/strong> d\u00e9termine le prix : 98 % pour la fonderie, 99 % pour la verrerie. Une teneur en Fe\u2082O\u2083 sup\u00e9rieure \u00e0 0,05 % rend le sable inutilisable pour les <strong>verres blancs<\/strong>. Le triage m\u00e9canique am\u00e9liore la qualit\u00e9. Cela augmente le co\u00fbt de production, ce qui rend le sable pour verrerie plus cher.<\/p>\n\n<h3 style=\"color: white;\" data-block-id=\"00305637-3e2f-4795-b2e0-fef21c50891b\">Conditionnement et co\u00fbts<\/h3>\n<p data-block-id=\"d2cae2c5-8a10-49d8-b9a9-3bdd77942168\">Le <strong>format de livraison<\/strong> impacte le prix unitaire :<\/p>\n\n<ul data-block-id=\"5ee4e4e9-1352-430f-a190-3a794d7ba210\">\n \t<li>\n<p data-block-id=\"b7b17996-c310-4c3b-a324-7ff43343bb29\"><strong>Vrac<\/strong> : le moins cher, pour grandes industries<\/p>\n<\/li>\n \t<li>\n<p data-block-id=\"d7e1ee76-5bb2-4493-b9d4-c07da05b7bfd\"><strong>Big bag de 1 000 kg<\/strong> : pour volumes interm\u00e9diaires<\/p>\n<\/li>\n \t<li>\n<p data-block-id=\"6085a493-2a96-4309-99c5-91ab8b4fb626\"><strong>Sac de 25 kg<\/strong> : plus co\u00fbteux \u00e0 la tonne<\/p>\n<\/li>\n<\/ul>\n<p data-block-id=\"c6613f11-d0e7-4ce3-aeef-1be5711822ba\">Le passage au sac de 25 kg peut doubler ou tripler les co\u00fbts logistiques. Silices Santa Cruz adapte le conditionnement au projet. Cela permet d\u2019acheter directement \u00e0 l\u2019extracteur. Ainsi, les co\u00fbts sont r\u00e9duits sans sacrifier la qualit\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-1941ee2 e-con-full e-flex e-con e-parent\" data-id=\"1941ee2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-942af8e elementor-widget elementor-widget-html\" data-id=\"942af8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ANALYSES & ENGAGEMENTS \u2014 Disposition BENTO claire\r\n   Mod\u00e8le \"n8n bento\" \u00b7 Charte Santa Cruz Sand\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n\r\n  --bg-rgb:          245, 245, 240;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --beige-rgb:       230, 211, 163;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.sc-qual-wrap {\r\n  background-color: #FAFAF7;\r\n  background-image:\r\n    linear-gradient(rgba(200,169,106,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(200,169,106,0.06) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n  padding: 100px 6vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n.sc-qual-wrap *, .sc-qual-wrap *::before, .sc-qual-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.sc-qual-wrap::before {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0;\r\n  background:\r\n    radial-gradient(ellipse 45% 40% at 88% 6%, rgba(var(--caramel-rgb), 0.07) 0%, transparent 60%),\r\n    radial-gradient(ellipse 40% 45% at 6% 96%, rgba(var(--beige-rgb), 0.16) 0%, transparent 64%);\r\n}\r\n\r\n\/* Texte fant\u00f4me (ghost) en contour derri\u00e8re les titres *\/\r\n.sc-q-ghost {\r\n  position: absolute; z-index: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-weight: 900; font-style: italic; line-height: 0.85;\r\n  letter-spacing: -0.03em; color: transparent;\r\n  -webkit-text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.09);\r\n  text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.09);\r\n  white-space: nowrap; pointer-events: none; user-select: none;\r\n}\r\n\r\n\/* En-t\u00eate de section *\/\r\n.sc-qual-head {\r\n  position: relative; z-index: 10;\r\n  max-width: 760px; margin: 0 auto 56px; text-align: center;\r\n}\r\n\/* Ghost centr\u00e9 derri\u00e8re le titre de section *\/\r\n.sc-qual-head .sc-q-ghost {\r\n  top: 50%; left: 50%; transform: translate(-50%, -52%);\r\n  font-size: clamp(4.5rem, 11vw, 11rem);\r\n}\r\n.sc-qual-head-eyebrow {\r\n  font-size: 0.78rem; font-weight: 700;\r\n  letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--brown-mid);\r\n  display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 1.1rem;\r\n}\r\n.sc-qual-head-eyebrow::before, .sc-qual-head-eyebrow::after {\r\n  content: ''; width: 24px; height: 1px; background: var(--caramel);\r\n}\r\n.sc-qual-head-title {\r\n  font-size: clamp(2.2rem, 4vw, 3.4rem);\r\n  font-weight: 900; line-height: 1.06; color: var(--charcoal);\r\n  letter-spacing: -0.02em;\r\n}\r\n.sc-qual-head-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GRILLE BENTO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sc-bento {\r\n  position: relative; z-index: 10;\r\n  max-width: 1200px; margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.12fr 0.88fr;\r\n  grid-template-rows: auto auto;\r\n  gap: 22px;\r\n}\r\n\r\n\/* Carte de base *\/\r\n.sc-bento-card {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 1px solid rgba(var(--brown-deep-rgb), 0.08);\r\n  border-radius: 26px;\r\n  padding: 2.6rem 2.8rem;\r\n  overflow: hidden;\r\n  box-shadow: 0 18px 44px rgba(var(--brown-deep-rgb), 0.05);\r\n  transition: transform 0.4s var(--ease-smooth), box-shadow 0.4s var(--ease-smooth), border-color 0.4s var(--ease-smooth);\r\n}\r\n.sc-bento-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(var(--brown-mid-rgb), 0.30);\r\n  box-shadow: 0 30px 65px rgba(var(--brown-deep-rgb), 0.10);\r\n}\r\n\r\n\/* Carte A : composition (haut-gauche) *\/\r\n.sc-card-compo { grid-column: 1; grid-row: 1; }\r\n\/* Carte B : highlight puret\u00e9 (bas-gauche) *\/\r\n.sc-card-highlight {\r\n  grid-column: 1; grid-row: 2;\r\n  background: linear-gradient(150deg, #241910 0%, #1C140C 100%);\r\n  border-color: rgba(var(--caramel-rgb), 0.22);\r\n  display: flex; align-items: center; gap: 2.4rem;\r\n}\r\n.sc-card-highlight::after {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none;\r\n  background: radial-gradient(ellipse 55% 60% at 85% 20%, rgba(var(--caramel-rgb), 0.18) 0%, transparent 60%);\r\n}\r\n\/* Carte C : engagements (droite, pleine hauteur) *\/\r\n.sc-card-eng { grid-column: 2; grid-row: 1 \/ span 2; }\r\n\r\n\/* Ghost dans une carte bento *\/\r\n.sc-bento-card .sc-q-ghost {\r\n  top: -0.30em; right: -0.02em;\r\n  font-size: clamp(3.5rem, 6vw, 6rem);\r\n}\r\n.sc-card-highlight .sc-q-ghost {\r\n  -webkit-text-stroke: 1.5px rgba(var(--caramel-rgb), 0.16);\r\n  text-stroke: 1.5px rgba(var(--caramel-rgb), 0.16);\r\n}\r\n\r\n\/* Eyebrow interne *\/\r\n.sc-bento-eyebrow {\r\n  position: relative; z-index: 2;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.22em; text-transform: uppercase;\r\n  color: var(--brown-mid);\r\n  display: inline-flex; align-items: center; gap: 0.6rem; margin-bottom: 1rem;\r\n}\r\n.sc-bento-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--caramel); }\r\n.sc-bento-title {\r\n  position: relative; z-index: 2;\r\n  font-size: clamp(1.5rem, 2.4vw, 2rem);\r\n  font-weight: 900; line-height: 1.15; color: var(--charcoal);\r\n  letter-spacing: -0.015em; margin-bottom: 2rem;\r\n}\r\n.sc-bento-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--caramel), var(--brown-mid));\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n\r\n\/* \u2500\u2500 Barres de composition \u2500\u2500 *\/\r\n.sc-bar-row {\r\n  position: relative; z-index: 2;\r\n  display: flex; align-items: center; gap: 1.4rem;\r\n  padding: 1.15rem 0;\r\n  border-bottom: 1px solid rgba(var(--brown-deep-rgb), 0.07);\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-bar-row:first-of-type { border-top: 1px solid rgba(var(--brown-deep-rgb), 0.07); }\r\n.sc-bar-row:hover { transform: translateX(5px); }\r\n.sc-bar-lbl {\r\n  font-size: 0.82rem; font-weight: 700;\r\n  letter-spacing: 0.08em; text-transform: uppercase;\r\n  color: var(--charcoal); min-width: 120px; flex-shrink: 0;\r\n}\r\n.sc-bar-track {\r\n  flex: 1; height: 9px;\r\n  background: rgba(var(--brown-deep-rgb), 0.08);\r\n  border-radius: 99px; position: relative; overflow: hidden;\r\n}\r\n.sc-bar-fill {\r\n  height: 100%; border-radius: 99px;\r\n  width: var(--w, 50%);\r\n  background: linear-gradient(90deg, var(--caramel), var(--brown-mid));\r\n  box-shadow: 0 0 12px rgba(var(--caramel-rgb), 0.55);\r\n  transform-origin: left;\r\n  transform: scaleX(0);\r\n  transition: transform 1.4s var(--ease-out-expo);\r\n  transition-delay: var(--d, 0s);\r\n}\r\n\/* R\u00e9v\u00e9l\u00e9 quand la section entre dans le viewport *\/\r\n.sc-bento.is-visible .sc-bar-fill { transform: scaleX(1); }\r\n\/* Fallback sans JS : barres pleines *\/\r\n.no-js .sc-bar-fill { transform: scaleX(1); }\r\n.sc-bar-val {\r\n  font-size: 1.25rem; font-weight: 900;\r\n  color: var(--brown-deep); min-width: 78px; text-align: right; flex-shrink: 0;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\/* \u2500\u2500 Highlight puret\u00e9 (carte sombre) \u2500\u2500 *\/\r\n.sc-hl-ring { position: relative; z-index: 2; flex-shrink: 0; width: 132px; height: 132px; }\r\n.sc-hl-ring svg { display: block; transform: rotate(-90deg); }\r\n.sc-hl-ring-pct {\r\n  position: absolute; inset: 0;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  color: var(--cream);\r\n}\r\n.sc-hl-ring-pct strong { font-size: 1.7rem; font-weight: 900; line-height: 1; }\r\n.sc-hl-ring-pct span {\r\n  font-size: 0.58rem; font-weight: 700; letter-spacing: 0.16em;\r\n  text-transform: uppercase; color: rgba(245,241,230,0.5); margin-top: 4px;\r\n}\r\n.sc-hl-text { position: relative; z-index: 2; }\r\n.sc-hl-text h3 {\r\n  font-size: 1.3rem; font-weight: 900; color: var(--cream);\r\n  line-height: 1.2; margin-bottom: 0.6rem;\r\n}\r\n.sc-hl-text h3 em {\r\n  font-style: italic;\r\n  background: linear-gradient(135deg, var(--beige), var(--caramel));\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n}\r\n.sc-hl-text p {\r\n  font-size: 0.9rem; font-weight: 300; line-height: 1.6;\r\n  color: rgba(245,241,230,0.62);\r\n}\r\n\r\n\/* \u2500\u2500 Engagements (carte droite) \u2500\u2500 *\/\r\n.sc-eng-intro {\r\n  position: relative; z-index: 2;\r\n  font-size: 0.96rem; font-weight: 400; color: #6a6a62;\r\n  line-height: 1.7; margin-bottom: 1.8rem;\r\n}\r\n.sc-eng-list { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 0.9rem; }\r\n.sc-eng-card {\r\n  background: #FAFAF7;\r\n  border: 1px solid rgba(var(--brown-deep-rgb), 0.05);\r\n  border-left: 3px solid var(--caramel);\r\n  border-radius: 12px;\r\n  padding: 1.4rem 1.5rem;\r\n  display: flex; gap: 1rem; align-items: flex-start;\r\n  transition: border-color .3s var(--ease-smooth), transform .3s var(--ease-smooth), box-shadow .3s var(--ease-smooth), background .3s var(--ease-smooth);\r\n}\r\n.sc-eng-card:hover {\r\n  border-color: rgba(var(--brown-mid-rgb), 0.20);\r\n  border-left-color: var(--brown-deep);\r\n  background: #FFFFFF;\r\n  transform: translateX(4px);\r\n  box-shadow: 0 12px 32px rgba(var(--brown-deep-rgb), 0.06);\r\n}\r\n.sc-eng-num {\r\n  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em;\r\n  color: var(--brown-mid); background: rgba(var(--caramel-rgb), 0.14);\r\n  padding: 0.2rem 0.55rem; border-radius: 6px; flex-shrink: 0;\r\n}\r\n.sc-eng-name {\r\n  font-size: 0.98rem; font-weight: 700; color: var(--charcoal); margin-bottom: 0.4rem;\r\n}\r\n.sc-eng-desc {\r\n  font-size: 0.88rem; font-weight: 400; color: #7A7A70; line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1000px) {\r\n  .sc-bento {\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: auto auto auto;\r\n  }\r\n  .sc-card-compo     { grid-column: 1; grid-row: 1; }\r\n  .sc-card-eng       { grid-column: 1; grid-row: 2; }\r\n  .sc-card-highlight { grid-column: 1; grid-row: 3; }\r\n  .sc-qual-wrap { padding: 80px 5vw; }\r\n}\r\n@media (max-width: 650px) {\r\n  .sc-qual-wrap { padding: 60px 5vw; }\r\n  .sc-bento-card { padding: 2rem 1.6rem; border-radius: 20px; }\r\n  .sc-bar-row { gap: 1rem; padding: 1rem 0; }\r\n  .sc-bar-lbl { min-width: 92px; font-size: 0.76rem; }\r\n  .sc-bar-val { font-size: 1.05rem; min-width: 64px; }\r\n  .sc-card-highlight { flex-direction: column; text-align: center; gap: 1.4rem; }\r\n  .sc-eng-card { padding: 1.2rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-qual-wrap\">\r\n\r\n  <!-- En-t\u00eate -->\r\n  <div class=\"sc-qual-head\">\r\n    <span class=\"sc-q-ghost\" aria-hidden=\"true\">Qualit\u00e9<\/span>\r\n    <p class=\"sc-qual-head-eyebrow\">Composition &amp; engagements<\/p>\r\n    <h2 class=\"sc-qual-head-title\">Analyses <em>certifi\u00e9es<\/em><\/h2>\r\n  <\/div>\r\n\r\n  <!-- GRILLE BENTO -->\r\n  <div class=\"sc-bento\">\r\n\r\n    <!-- CARTE A : composition chimique -->\r\n    <div class=\"sc-bento-card sc-card-compo\">\r\n      <span class=\"sc-q-ghost\" aria-hidden=\"true\">Analyses<\/span>\r\n      <p class=\"sc-bento-eyebrow\">Composition chimique<\/p>\r\n      <h3 class=\"sc-bento-title\">Teneurs <em>garanties<\/em><\/h3>\r\n\r\n      <div class=\"sc-bar-row\">\r\n        <span class=\"sc-bar-lbl\">SiO\u2082 (Silice)<\/span>\r\n        <div class=\"sc-bar-track\"><div class=\"sc-bar-fill\" style=\"--w:98%; --d:0.10s;\"><\/div><\/div>\r\n        <span class=\"sc-bar-val\">&gt; 98%<\/span>\r\n      <\/div>\r\n      <div class=\"sc-bar-row\">\r\n        <span class=\"sc-bar-lbl\">Quartz<\/span>\r\n        <div class=\"sc-bar-track\"><div class=\"sc-bar-fill\" style=\"--w:97%; --d:0.22s;\"><\/div><\/div>\r\n        <span class=\"sc-bar-val\">97%<\/span>\r\n      <\/div>\r\n      <div class=\"sc-bar-row\">\r\n        <span class=\"sc-bar-lbl\">Al\u2082O\u2083<\/span>\r\n        <div class=\"sc-bar-track\"><div class=\"sc-bar-fill\" style=\"--w:18%; --d:0.34s;\"><\/div><\/div>\r\n        <span class=\"sc-bar-val\">&lt; 0,5%<\/span>\r\n      <\/div>\r\n      <div class=\"sc-bar-row\">\r\n        <span class=\"sc-bar-lbl\">Fe\u2082O\u2083<\/span>\r\n        <div class=\"sc-bar-track\"><div class=\"sc-bar-fill\" style=\"--w:8%; --d:0.46s;\"><\/div><\/div>\r\n        <span class=\"sc-bar-val\">\u2264 0,11%<\/span>\r\n      <\/div>\r\n      <div class=\"sc-bar-row\">\r\n        <span class=\"sc-bar-lbl\">CaO + MgO<\/span>\r\n        <div class=\"sc-bar-track\"><div class=\"sc-bar-fill\" style=\"--w:11%; --d:0.58s;\"><\/div><\/div>\r\n        <span class=\"sc-bar-val\">Traces<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARTE B : highlight puret\u00e9 (sombre, contraste) -->\r\n    <div class=\"sc-bento-card sc-card-highlight\">\r\n      <span class=\"sc-q-ghost\" aria-hidden=\"true\">Puret\u00e9<\/span>\r\n      <div class=\"sc-hl-ring\" aria-hidden=\"true\">\r\n        <svg width=\"132\" height=\"132\" viewbox=\"0 0 132 132\">\r\n          <defs>\r\n            <lineargradient id=\"scHlRing\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0\" stop-color=\"#E6D3A3\"><\/stop><stop offset=\"1\" stop-color=\"#D4A373\"><\/stop>\r\n            <\/lineargradient>\r\n          <\/defs>\r\n          <circle cx=\"66\" cy=\"66\" r=\"56\" fill=\"none\" stroke=\"rgba(212,163,115,0.16)\" stroke-width=\"7\"><\/circle>\r\n          <circle cx=\"66\" cy=\"66\" r=\"56\" fill=\"none\" stroke=\"url(#scHlRing)\" stroke-width=\"7\" stroke-linecap=\"round\" stroke-dasharray=\"351.86\" stroke-dashoffset=\"7\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"sc-hl-ring-pct\"><strong>98%<\/strong><span>SiO\u2082<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"sc-hl-text\">\r\n        <h3>Une puret\u00e9 <em>industrielle<\/em> sup\u00e9rieure<\/h3>\r\n        <p>Des teneurs conformes aux normes verri\u00e8res les plus pointues, sans aucun traitement chimique compl\u00e9mentaire.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARTE C : engagements (pleine hauteur) -->\r\n    <div class=\"sc-bento-card sc-card-eng\">\r\n      <span class=\"sc-q-ghost\" aria-hidden=\"true\">Silice<\/span>\r\n      <p class=\"sc-bento-eyebrow\">Nos engagements<\/p>\r\n      <h3 class=\"sc-bento-title\">Une silice <em>d'exception<\/em><\/h3>\r\n      <p class=\"sc-eng-intro\">\r\n        Le gisement de Djebel Ouazzan b\u00e9n\u00e9ficie d'une s\u00e9dimentation naturellement s\u00e9lective. Le r\u00e9sultat : un sable \u00e0 la fois tr\u00e8s pur, hautement homog\u00e8ne et \u00e9conomiquement comp\u00e9titif.\r\n      <\/p>\r\n\r\n      <div class=\"sc-eng-list\">\r\n        <div class=\"sc-eng-card\">\r\n          <span class=\"sc-eng-num\">01<\/span>\r\n          <div>\r\n            <h4 class=\"sc-eng-name\">Puret\u00e9 industrielle sup\u00e9rieure<\/h4>\r\n            <p class=\"sc-eng-desc\">SiO\u2082 &gt; 98 % et Fe\u2082O\u2083 \u2264 0,11 % \u2014 des teneurs qui r\u00e9pondent aux normes verri\u00e8res les plus pointues sans traitement chimique.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sc-eng-card\">\r\n          <span class=\"sc-eng-num\">02<\/span>\r\n          <div>\r\n            <h4 class=\"sc-eng-name\">Contr\u00f4le granulom\u00e9trique rigoureux<\/h4>\r\n            <p class=\"sc-eng-desc\">Chaque lot fait l'objet d'un tamisage et d'analyses laboratoire pour une distribution des grains id\u00e9ale en fonderie et filtration.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sc-eng-card\">\r\n          <span class=\"sc-eng-num\">03<\/span>\r\n          <div>\r\n            <h4 class=\"sc-eng-name\">Extraction responsable &amp; tra\u00e7able<\/h4>\r\n            <p class=\"sc-eng-desc\">Exploitation encadr\u00e9e par les autorit\u00e9s alg\u00e9riennes. Chaque exp\u00e9dition part avec son bulletin de certification analytique.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var bento = document.querySelector('.sc-bento');\r\n  if (!bento) return;\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if (reduce || !('IntersectionObserver' in window)) {\r\n    bento.classList.add('is-visible');\r\n    return;\r\n  }\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { bento.classList.add('is-visible'); io.disconnect(); }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  io.observe(bento);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-203379e e-con-full e-flex e-con e-parent\" data-id=\"203379e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6148b6c elementor-widget elementor-widget-html\" data-id=\"6148b6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ANALYSE \u2014 CARTES image-forward + accent + CTA (Roboto)\r\n   Fond halftone pointill\u00e9 (pur CSS)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n\r\n  --bg-rgb:          245, 245, 240;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.sc-ana-wrap {\r\n  background: #FAFAF7;\r\n  padding: 100px 6vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n.sc-ana-wrap *, .sc-ana-wrap *::before, .sc-ana-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 FOND HALFTONE \u2014 points qui s'estompent (pur CSS) \u2500\u2500 *\/\r\n\/* Couche 1 : gros points en bas de section, fondu vers le haut *\/\r\n.sc-ana-wrap::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  pointer-events: none; z-index: 0;\r\n  background-image: radial-gradient(circle, rgba(var(--brown-deep-rgb), 0.12) 4px, transparent 4.6px);\r\n  background-size: 42px 42px;\r\n  background-position: 0 0;\r\n  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.45) 28%, transparent 62%);\r\n          mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.45) 28%, transparent 62%);\r\n}\r\n\/* Couche 2 : points moyens zone centre-droite, fondu radial *\/\r\n.sc-ana-wrap::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  pointer-events: none; z-index: 0;\r\n  background-image: radial-gradient(circle, rgba(var(--brown-mid-rgb), 0.10) 2.5px, transparent 3.1px);\r\n  background-size: 34px 34px;\r\n  background-position: 17px 17px;\r\n  -webkit-mask-image: radial-gradient(ellipse 60% 55% at 80% 42%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 50%, transparent 76%);\r\n          mask-image: radial-gradient(ellipse 60% 55% at 80% 42%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 50%, transparent 76%);\r\n}\r\n\/* Couche 3 : petits points caramel en haut-gauche (accent) *\/\r\n.sc-ana-grid-lines {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background-image: radial-gradient(circle, rgba(var(--caramel-rgb), 0.25) 1.7px, transparent 2.2px);\r\n  background-size: 25px 25px;\r\n  -webkit-mask-image: radial-gradient(ellipse 42% 38% at 10% 10%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.35) 55%, transparent 82%);\r\n          mask-image: radial-gradient(ellipse 42% 38% at 10% 10%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.35) 55%, transparent 82%);\r\n  z-index: 1;\r\n}\r\n\r\n\/* En-t\u00eate de section *\/\r\n.sc-ana-header {\r\n  position: relative;\r\n  z-index: 10;\r\n  text-align: center;\r\n  max-width: 750px;\r\n  margin: 0 auto 70px;\r\n}\r\n\r\n\/* Mot g\u00e9ant en contour (filigrane) derri\u00e8re l'en-t\u00eate *\/\r\n.sc-ana-ghost {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -54%);\r\n  z-index: -1;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(5rem, 12vw, 12rem);\r\n  font-weight: 900; font-style: italic;\r\n  line-height: 0.85;\r\n  letter-spacing: -0.03em;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.08);\r\n  text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.08);\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  user-select: none;\r\n}\r\n.sc-ana-eyebrow, .sc-ana-title, .sc-ana-desc { position: relative; z-index: 2; }\r\n.sc-ana-eyebrow {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 0.8rem; font-weight: 700;\r\n  letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--brown-mid);\r\n  display: inline-flex; align-items: center; gap: 0.75rem;\r\n  margin-bottom: 1.2rem;\r\n}\r\n.sc-ana-eyebrow::before, .sc-ana-eyebrow::after {\r\n  content: ''; width: 24px; height: 1px;\r\n  background: var(--caramel);\r\n}\r\n.sc-ana-title {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(2.4rem, 4.5vw, 3.8rem);\r\n  font-weight: 900; line-height: 1.05; color: var(--charcoal);\r\n  text-transform: uppercase;\r\n  letter-spacing: -0.01em;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.sc-ana-title em {\r\n  font-style: italic; font-weight: 700;\r\n  text-transform: lowercase;\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.sc-ana-desc {\r\n  font-size: 1.05rem; font-weight: 400;\r\n  color: #6a6a62; line-height: 1.7;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRILLE DE CARTES \u2014 4 colonnes desktop\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sc-ana-grid {\r\n  position: relative;\r\n  z-index: 10;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n\/* \u2500\u2500 CARTE \u2500\u2500 *\/\r\n.sc-ana-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #FFFFFF;\r\n  border: 1px solid rgba(var(--brown-deep-rgb), 0.06);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 15px 40px rgba(var(--brown-deep-rgb), 0.03);\r\n  transition:\r\n    transform 0.45s var(--ease-smooth),\r\n    box-shadow 0.45s var(--ease-smooth),\r\n    border-color 0.45s var(--ease-smooth);\r\n}\r\n.sc-ana-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: rgba(var(--brown-mid-rgb), 0.35);\r\n  box-shadow: 0 32px 65px rgba(var(--brown-deep-rgb), 0.12);\r\n}\r\n\r\n\/* Barre dor\u00e9e bas de carte au survol *\/\r\n.sc-ana-card::after {\r\n  content: '';\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 3px; z-index: 5;\r\n  background: linear-gradient(90deg, var(--brown-deep), var(--caramel), var(--brown-deep));\r\n  transform: scaleX(0); transform-origin: left;\r\n  transition: transform 0.5s var(--ease-smooth);\r\n}\r\n.sc-ana-card:hover::after { transform: scaleX(1); }\r\n\r\n\/* \u2500\u2500 IMAGE (plus grande, en haut) \u2500\u2500 *\/\r\n.sc-ana-img-box {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 210px;\r\n  flex-shrink: 0;\r\n  overflow: hidden;\r\n}\r\n.sc-ana-img-box img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  filter: grayscale(0.25) contrast(1.02) brightness(0.96);\r\n  transform: scale(1);\r\n  transition: transform 0.7s var(--ease-out-expo), filter 0.7s var(--ease-out-expo);\r\n}\r\n.sc-ana-card:hover .sc-ana-img-box img {\r\n  transform: scale(1.09);\r\n  filter: grayscale(0) contrast(1.06) brightness(1.02);\r\n}\r\n\r\n\/* Voile d\u00e9grad\u00e9 sur l'image *\/\r\n.sc-ana-img-box::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(10,8,5,0.55) 0%, transparent 45%);\r\n  opacity: 0.75;\r\n  transition: opacity 0.5s var(--ease-smooth);\r\n  pointer-events: none;\r\n}\r\n.sc-ana-card:hover .sc-ana-img-box::after { opacity: 0.4; }\r\n\r\n\/* Badge num\u00e9ro pos\u00e9 sur l'image *\/\r\n.sc-ana-num {\r\n  position: absolute;\r\n  top: 0.9rem; left: 0.9rem;\r\n  z-index: 3;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 0.85rem; font-weight: 900; font-style: italic;\r\n  color: var(--charcoal);\r\n  background: linear-gradient(135deg, var(--caramel), var(--beige));\r\n  width: 38px; height: 38px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  border-radius: 9px;\r\n  box-shadow: 0 6px 16px rgba(var(--brown-deep-rgb), 0.25);\r\n  transition: transform 0.4s var(--ease-out-expo);\r\n}\r\n.sc-ana-card:hover .sc-ana-num { transform: scale(1.1) rotate(-4deg); }\r\n\r\n\/* \u2500\u2500 CONTENU \u2500\u2500 *\/\r\n.sc-ana-content {\r\n  position: relative;\r\n  padding: 1.6rem 1.5rem 1.9rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n\/* Accent g\u00e9om\u00e9trique en escalier (deux carr\u00e9s d\u00e9cal\u00e9s) *\/\r\n.sc-ana-mark {\r\n  position: relative;\r\n  width: 34px; height: 34px;\r\n  margin-bottom: 1.1rem;\r\n  flex-shrink: 0;\r\n}\r\n.sc-ana-mark::before {\r\n  content: '';\r\n  position: absolute; left: 0; bottom: 0;\r\n  width: 22px; height: 22px;\r\n  background: var(--caramel);\r\n  transition: transform 0.4s var(--ease-smooth);\r\n}\r\n.sc-ana-mark::after {\r\n  content: '';\r\n  position: absolute; left: 15px; top: 0;\r\n  width: 13px; height: 13px;\r\n  background: var(--brown-mid);\r\n  transition: transform 0.4s var(--ease-smooth);\r\n}\r\n.sc-ana-card:hover .sc-ana-mark::before { transform: translate(-2px, 2px); }\r\n.sc-ana-card:hover .sc-ana-mark::after  { transform: translate(2px, -2px); }\r\n\r\n.sc-ana-label {\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 0.9rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: var(--charcoal);\r\n  margin-bottom: 0.7rem;\r\n  transition: color 0.3s var(--ease-smooth);\r\n}\r\n.sc-ana-card:hover .sc-ana-label { color: var(--brown-deep); }\r\n.sc-ana-text {\r\n  font-size: 0.88rem; font-weight: 400;\r\n  color: #7A7A70; line-height: 1.65;\r\n}\r\n\r\n\/* Lien CTA color\u00e9 (pouss\u00e9 en bas de carte) *\/\r\n.sc-ana-cta {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  margin-top: auto; padding-top: 1.3rem;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  color: var(--caramel);\r\n  text-decoration: none;\r\n  align-self: flex-start;\r\n  transition: color 0.3s var(--ease-smooth), gap 0.3s var(--ease-smooth);\r\n}\r\n.sc-ana-cta svg {\r\n  width: 13px; height: 13px;\r\n  stroke: currentColor; stroke-width: 2.2; fill: none;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-ana-card:hover .sc-ana-cta { color: var(--brown-deep); gap: 0.85rem; }\r\n.sc-ana-card:hover .sc-ana-cta svg { transform: translateX(3px); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1200px) {\r\n  .sc-ana-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n}\r\n@media (max-width: 900px) {\r\n  .sc-ana-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n  .sc-ana-header { margin-bottom: 48px; }\r\n  .sc-ana-wrap { padding: 80px 5vw; }\r\n  .sc-ana-img-box { height: 200px; }\r\n}\r\n@media (max-width: 560px) {\r\n  .sc-ana-wrap { padding: 60px 5vw; }\r\n  .sc-ana-grid { grid-template-columns: 1fr; gap: 18px; }\r\n  .sc-ana-img-box { height: 240px; }\r\n  .sc-ana-ghost { font-size: 4rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-ana-wrap\">\r\n  <div class=\"sc-ana-grid-lines\"><\/div>\r\n\r\n  <!-- En-t\u00eate principal -->\r\n  <div class=\"sc-ana-header\">\r\n    <span class=\"sc-ana-ghost\" aria-hidden=\"true\">Analyse<\/span>\r\n    <p class=\"sc-ana-eyebrow\">Donn\u00e9es Techniques<\/p>\r\n    <h2 class=\"sc-ana-title\">Analyse <em>approfondie<\/em><\/h2>\r\n    <p class=\"sc-ana-desc\">Rapports d'expertises et propri\u00e9t\u00e9s physico-chimiques de notre silice industrielle.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Grille \u00e0 8 cartes -->\r\n  <div class=\"sc-ana-grid\">\r\n\r\n    <!-- 01 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">01<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/Image_hbpoychbpoychbpo.webp\" alt=\"Teneur en dioxyde de silicium\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Puret\u00e9 en SiO\u2082<\/h3>\r\n        <p class=\"sc-ana-text\">Des analyses certifi\u00e9es r\u00e9v\u00e9lant un taux de dioxyde de silicium sup\u00e9rieur \u00e0 99% sur l'ensemble du gisement.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">Rapport de puret\u00e9 <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 05 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">02<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/Granulometrie.png\" alt=\"Granulom\u00e9trie contr\u00f4l\u00e9e\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Granulom\u00e9trie<\/h3>\r\n        <p class=\"sc-ana-text\">Courbe de r\u00e9partition s\u00e9dimentaire ultra-pr\u00e9cise, adapt\u00e9e aux exigences de la verrerie fine et de la fonderie.<\/p>\r\n        <a href=\"https:\/\/silicesantacruz.com\/ar\/sable-siliceux-granulometries-proprietes-et-usages-professionnels\/\" class=\"sc-ana-cta\">En savoir plus <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">03<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?q=80&amp;w=600&amp;auto=format&amp;fit=crop\" alt=\"Faible taux d'oxydes m\u00e9talliques\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Oxydes Mineurs<\/h3>\r\n        <p class=\"sc-ana-text\">Concentration minimale en Fe\u2082O\u2083 et Al\u2082O\u2083, garantissant l'absence de coloration pour les applications de verre optique.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">D\u00e9tail des oxydes <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 06 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">04<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1535557142533-b5e1cc6e2a5d?q=80&amp;w=600&amp;auto=format&amp;fit=crop\" alt=\"R\u00e9sistance m\u00e9canique du quartz\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Duret\u00e9 &amp; R\u00e9sistance<\/h3>\r\n        <p class=\"sc-ana-text\">Indice Mohs \u00e9lev\u00e9 (7) confirmant la robustesse structurelle id\u00e9ale pour les sables abrasifs et les b\u00e9tons techniques.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">Fiche technique <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 03 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">05<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/Humidite-Maitrisee.webp\" alt=\"Humidit\u00e9 Ma\u00eetris\u00e9e sable siliceuxContr\u00f4les de laboratoire \">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Humidit\u00e9 Ma\u00eetris\u00e9e<\/h3>\r\n        <p class=\"sc-ana-text\">Processus d'\u00e9tuvage et de s\u00e9chage permettant d'atteindre des niveaux d'humidit\u00e9 r\u00e9siduelle proches de z\u00e9ro.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">Proc\u00e9d\u00e9 de s\u00e9chage <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 07 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">06<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/Suivi-XRF-amp-XRD.webp\" alt=\"Analyses r\u00e9guli\u00e8res\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Suivi XRF &amp; XRD<\/h3>\r\n        <p class=\"sc-ana-text\">Contr\u00f4le continu par fluorescence X et diffraction de rayons X pour assurer la stabilit\u00e9 min\u00e9ralogique.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">M\u00e9thodes d'analyse <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 04 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">07<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/sable-siliceux-Eco-Neutralite-1.webp\" alt=\"Certifications environnementales\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">\u00c9co-Neutralit\u00e9<\/h3>\r\n        <p class=\"sc-ana-text\">Silice naturelle extraite sans adjuvants chimiques, totalement neutre et conforme aux normes environnementales r\u00e9gionales.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">Nos engagements <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 08 -->\r\n    <div class=\"sc-ana-card\">\r\n      <div class=\"sc-ana-img-box\">\r\n        <span class=\"sc-ana-num\">08<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&amp;w=600&amp;auto=format&amp;fit=crop\" alt=\"Rapports d'exp\u00e9dition\">\r\n      <\/div>\r\n      <div class=\"sc-ana-content\">\r\n        <div class=\"sc-ana-mark\" aria-hidden=\"true\"><\/div>\r\n        <h3 class=\"sc-ana-label\">Fiches de Lots<\/h3>\r\n        <p class=\"sc-ana-text\">Tra\u00e7abilit\u00e9 compl\u00e8te avec fourniture syst\u00e9matique d'un certificat d'analyse \u00e0 chaque exp\u00e9dition logistique.<\/p>\r\n        <a href=\"#contact\" class=\"sc-ana-cta\">Tra\u00e7abilit\u00e9 <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f3624f e-con-full e-flex e-con e-parent\" data-id=\"4f3624f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-258dbf1 elementor-widget elementor-widget-html\" data-id=\"258dbf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LOCALISATION \u2014 GLASSMORPHISM (fond clair charte)\r\n   Panneau de verre \u00b7 blobs chauds \u00b7 texte gauche \/ carte droite\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --gold:         #C6A06A;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n\r\n  --bg-rgb:          245, 245, 240;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --beige-rgb:       230, 211, 163;\r\n  --gold-rgb:        198, 160, 106;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);\r\n}\r\n\r\n.sc-loc-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 110px 6vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  background-color: #FAFAF7;\r\n  background-image:\r\n    linear-gradient(rgba(200,169,106,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(200,169,106,0.06) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n}\r\n.sc-loc-wrap *, .sc-loc-wrap *::before, .sc-loc-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* Halos d'ambiance *\/\r\n.sc-loc-grid-lines {\r\n  position: absolute; inset: 0; pointer-events: none; z-index: 0;\r\n  background:\r\n    radial-gradient(ellipse 45% 40% at 90% 6%, rgba(var(--caramel-rgb), 0.10) 0%, transparent 60%),\r\n    radial-gradient(ellipse 40% 45% at 4% 96%, rgba(var(--beige-rgb), 0.16) 0%, transparent 64%);\r\n}\r\n\r\n\/* \u2500\u2500 BLOBS CHAUDS FLOTTANTS (derri\u00e8re le panneau de verre) \u2500\u2500 *\/\r\n.sc-loc-blobs { position: absolute; inset: -8%; z-index: 1; pointer-events: none; }\r\n.sc-loc-blobs b {\r\n  position: absolute; display: block; border-radius: 50%;\r\n  filter: blur(70px); opacity: 0.55; will-change: transform;\r\n}\r\n.sc-loc-blobs b:nth-child(1) {\r\n  width: 380px; height: 380px; top: -2%; right: 8%;\r\n  background: radial-gradient(circle at 35% 35%, #F7D9A8, #E0B070 55%, #D4A373 100%);\r\n  animation: scLocBlob1 25s var(--ease-in-out) infinite;\r\n}\r\n.sc-loc-blobs b:nth-child(2) {\r\n  width: 340px; height: 340px; bottom: -6%; left: 4%;\r\n  background: radial-gradient(circle at 40% 40%, #F2E6C8, #E6D3A3 55%, #C6A06A 100%);\r\n  animation: scLocBlob2 29s var(--ease-in-out) infinite;\r\n}\r\n.sc-loc-blobs b:nth-child(3) {\r\n  width: 280px; height: 280px; top: 40%; right: 34%;\r\n  background: radial-gradient(circle at 35% 35%, #F6CF9E, #E0A062 55%, #C98A4E 100%);\r\n  animation: scLocBlob3 23s var(--ease-in-out) infinite;\r\n}\r\n@keyframes scLocBlob1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-46px,38px) scale(1.12); } }\r\n@keyframes scLocBlob2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(54px,-28px) scale(1.1); } }\r\n@keyframes scLocBlob3 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(36px,46px) scale(0.92); } }\r\n\r\n\/* \u2500\u2500 GRAND PANNEAU DE VERRE (avec padding esth\u00e9tique) \u2500\u2500 *\/\r\n.sc-loc-panel {\r\n  position: relative; z-index: 10;\r\n  max-width: 1220px; margin: 0 auto;\r\n  padding: clamp(2.6rem, 5vw, 4.8rem);\r\n  border-radius: 30px;\r\n  background: linear-gradient(165deg, rgba(255,255,255,0.58) 0%, rgba(255,255,255,0.34) 100%);\r\n  -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4);\r\n  border: 1px solid rgba(255,255,255,0.80);\r\n  box-shadow:\r\n    0 30px 70px rgba(var(--brown-deep-rgb), 0.09),\r\n    inset 0 1px 0 rgba(255,255,255,0.85);\r\n  overflow: hidden;\r\n}\r\n\/* Reflet diagonal du panneau *\/\r\n.sc-loc-panel::after {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none;\r\n  background: linear-gradient(150deg, rgba(255,255,255,0.40) 0%, transparent 30%);\r\n}\r\n\r\n\/* Layout 2 colonnes : TEXTE gauche \u00b7 CARTE droite *\/\r\n.sc-loc-grid {\r\n  position: relative; z-index: 2;\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 CARTE SVG en verre \u2500\u2500 *\/\r\n.sc-loc-map-box {\r\n  position: relative;\r\n  background: linear-gradient(165deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.30) 100%);\r\n  border: 1px solid rgba(255,255,255,0.80);\r\n  border-radius: 18px; overflow: hidden; aspect-ratio: 4\/3;\r\n  display: flex; align-items: center; justify-content: center;\r\n  box-shadow: 0 16px 40px rgba(var(--brown-deep-rgb), 0.06), inset 0 1px 0 rgba(255,255,255,0.8);\r\n  transition: border-color 0.45s var(--ease-smooth), box-shadow 0.45s var(--ease-smooth), transform 0.45s var(--ease-smooth);\r\n}\r\n.sc-loc-map-box:hover {\r\n  border-color: rgba(var(--caramel-rgb), 0.5);\r\n  box-shadow: 0 28px 60px rgba(var(--brown-deep-rgb), 0.12), inset 0 1px 0 rgba(255,255,255,0.9);\r\n  transform: translateY(-4px);\r\n}\r\n.sc-loc-map-box svg { width: 100%; height: 100%; position: relative; z-index: 1; }\r\n.sc-loc-map-box::after {\r\n  content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;\r\n  background: radial-gradient(ellipse 50% 60% at 18% 42%, rgba(var(--caramel-rgb), 0.12) 0%, transparent 60%);\r\n  opacity: 0; transition: opacity 0.5s var(--ease-smooth);\r\n}\r\n.sc-loc-map-box:hover::after { opacity: 1; }\r\n\r\n.sc-loc-country { transition: fill 0.5s var(--ease-smooth), stroke 0.5s var(--ease-smooth); }\r\n.sc-loc-map-box:hover .sc-loc-country { fill: rgba(var(--caramel-rgb), 0.20); stroke: rgba(var(--brown-mid-rgb), 0.40); }\r\n.sc-loc-coast { transition: opacity 0.5s var(--ease-smooth), stroke-width 0.5s var(--ease-smooth); }\r\n.sc-loc-map-box:hover .sc-loc-coast { opacity: 1; stroke-width: 2; }\r\n.sc-loc-route { stroke-dasharray: 3 3; stroke-dashoffset: 0; transition: opacity 0.5s var(--ease-smooth); }\r\n.sc-loc-map-box:hover .sc-loc-route { opacity: 0.9; animation: scLocDash 1.2s linear infinite; }\r\n@keyframes scLocDash { to { stroke-dashoffset: -12; } }\r\n.sc-loc-zone { transform-origin: 105px 125px; transition: opacity 0.5s var(--ease-smooth); }\r\n.sc-loc-map-box:hover .sc-loc-zone { opacity: 0.8; animation: scLocSpin 18s linear infinite; }\r\n@keyframes scLocSpin { to { transform: rotate(360deg); } }\r\n.sc-loc-city { transition: r 0.4s var(--ease-smooth), opacity 0.4s var(--ease-smooth); }\r\n.sc-loc-map-box:hover .sc-loc-city { opacity: 0.85; }\r\n.sc-loc-pulse-ring { animation: scLocPulse 3s ease-in-out infinite; transform-origin: 90px 170px; }\r\n@keyframes scLocPulse { 0%,100% { opacity: 0.2; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.4); } }\r\n.sc-loc-map-box:hover .sc-loc-pulse-ring { animation-duration: 1.6s; }\r\n.sc-loc-core { transition: transform 0.4s var(--ease-smooth); transform-origin: 90px 170px; }\r\n.sc-loc-map-box:hover .sc-loc-core { transform: scale(1.25); }\r\n\r\n\/* \u2500\u2500 GAUCHE : TEXTE & INFOS \u2500\u2500 *\/\r\n.sc-loc-right { position: relative; }\r\n.sc-loc-ghost {\r\n  position: absolute; top: -0.42em; left: -0.03em; z-index: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(4rem, 8vw, 7.5rem); font-weight: 900; font-style: italic;\r\n  line-height: 0.85; letter-spacing: -0.03em; color: transparent;\r\n  -webkit-text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.09);\r\n  text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.09);\r\n  white-space: nowrap; pointer-events: none; user-select: none;\r\n}\r\n.sc-loc-eyebrow {\r\n  position: relative; z-index: 2;\r\n  font-size: 0.8rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--brown-mid); display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.2rem;\r\n}\r\n.sc-loc-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--caramel); flex-shrink: 0; }\r\n.sc-loc-title {\r\n  position: relative; z-index: 2;\r\n  font-size: clamp(2.2rem, 3.6vw, 3.2rem); font-weight: 900; line-height: 1.05; color: var(--charcoal); margin-bottom: 1.5rem;\r\n}\r\n.sc-loc-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.sc-loc-intro {\r\n  position: relative; z-index: 2;\r\n  font-size: 1rem; font-weight: 400; color: #6a6a62; line-height: 1.7; margin-bottom: 2.4rem;\r\n}\r\n.sc-loc-infos { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 0; }\r\n.sc-loc-item {\r\n  display: flex; align-items: flex-start; gap: 1.5rem; padding: 1.4rem 0;\r\n  border-bottom: 1px solid rgba(var(--brown-deep-rgb), 0.08);\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-loc-item:first-child { border-top: 1px solid rgba(var(--brown-deep-rgb), 0.08); }\r\n.sc-loc-icon {\r\n  width: 40px; height: 40px; flex-shrink: 0;\r\n  background: rgba(255,255,255,0.7); border: 1px solid rgba(var(--brown-deep-rgb), 0.08);\r\n  border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-top: 2px;\r\n  transition: background 0.3s var(--ease-smooth), border-color 0.3s var(--ease-smooth), transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-loc-icon svg {\r\n  width: 16px; height: 16px; fill: none; stroke: var(--brown-mid); stroke-width: 1.8;\r\n  stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s var(--ease-smooth);\r\n}\r\n.sc-loc-key { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--grey-warm); margin-bottom: 0.35rem; }\r\n.sc-loc-val { font-size: 0.95rem; font-weight: 500; color: var(--charcoal); line-height: 1.5; }\r\n.sc-loc-item:hover { transform: translateX(6px); }\r\n.sc-loc-item:hover .sc-loc-icon { background: var(--brown-deep); border-color: var(--brown-deep); transform: scale(1.05); }\r\n.sc-loc-item:hover .sc-loc-icon svg { stroke: #FFFFFF; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  .sc-loc-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n  .sc-loc-wrap { padding: 80px 5vw; }\r\n  .sc-loc-map-box { order: -1; }\r\n}\r\n@media (max-width: 650px) {\r\n  .sc-loc-wrap { padding: 60px 4vw; }\r\n  .sc-loc-panel { padding: 1.8rem 1.4rem; border-radius: 22px; }\r\n  .sc-loc-item { gap: 1.1rem; padding: 1.1rem 0; }\r\n  .sc-loc-icon { width: 36px; height: 36px; }\r\n  .sc-loc-icon svg { width: 14px; height: 14px; }\r\n  .sc-loc-val { font-size: 0.9rem; }\r\n  .sc-loc-ghost { font-size: 3.2rem; top: -0.3em; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sc-loc-blobs b { animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-loc-wrap\">\r\n  <div class=\"sc-loc-grid-lines\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-loc-blobs\" aria-hidden=\"true\"><b><\/b><b><\/b><b><\/b><\/div>\r\n\r\n  <div class=\"sc-loc-panel\">\r\n    <div class=\"sc-loc-grid\">\r\n\r\n      <!-- GAUCHE : Informations logistiques -->\r\n      <div class=\"sc-loc-right\">\r\n        <span class=\"sc-loc-ghost\" aria-hidden=\"true\">Alg\u00e9rie<\/span>\r\n        <p class=\"sc-loc-eyebrow\">Localisation<\/p>\r\n        <h2 class=\"sc-loc-title\">Au c\u0153ur de l'<em>Ouest alg\u00e9rien<\/em><\/h2>\r\n        <p class=\"sc-loc-intro\">\r\n          Id\u00e9alement positionn\u00e9 \u00e0 proximit\u00e9 des infrastructures portuaires majeures d'Oran et connect\u00e9 aux grands axes routiers continentaux, notre complexe d'extraction garantit une r\u00e9activit\u00e9 logistique absolue.\r\n        <\/p>\r\n\r\n        <div class=\"sc-loc-infos\">\r\n          <div class=\"sc-loc-item\">\r\n            <div class=\"sc-loc-icon\">\r\n              <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"><\/path><circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle><\/svg>\r\n            <\/div>\r\n            <div class=\"sc-loc-text\">\r\n              <p class=\"sc-loc-key\">Site d'extraction<\/p>\r\n              <p class=\"sc-loc-val\">Djebel Ouazzan \u2014 El Gor, Wilaya de Tlemcen<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sc-loc-item\">\r\n            <div class=\"sc-loc-icon\">\r\n              <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"2\"><\/circle><path d=\"M12 7v13M8 10H5a7 7 0 0 0 14 0h-3\"><\/path><path d=\"M12 7a5 5 0 0 1 5 5\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"sc-loc-text\">\r\n              <p class=\"sc-loc-key\">Infrastructures d'exportation<\/p>\r\n              <p class=\"sc-loc-val\">Ports d'Oran et de Ghazaouet \u2014 liaison directe par la RN 13<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sc-loc-item\">\r\n            <div class=\"sc-loc-icon\">\r\n              <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 3a14.5 14.5 0 0 0 0 18M12 3a14.5 14.5 0 0 1 0 18M3 12h18\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"sc-loc-text\">\r\n              <p class=\"sc-loc-key\">Rayonnement commercial<\/p>\r\n              <p class=\"sc-loc-val\">Couverture nationale &amp; flux d'export vers l'Europe et le bassin MENA<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sc-loc-item\">\r\n            <div class=\"sc-loc-icon\">\r\n              <svg viewbox=\"0 0 24 24\"><path d=\"M12 3L2 20h20L12 3z\"><\/path><path d=\"M12 8l4 7H8l4-7z\" opacity=\".3\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"sc-loc-text\">\r\n              <p class=\"sc-loc-key\">Volume des r\u00e9serves<\/p>\r\n              <p class=\"sc-loc-val\">Gisement s\u00e9dimentaire de 12,38 Mt assurant une exploitation multi-d\u00e9cennale<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- DROITE : Carte SVG -->\r\n      <div class=\"sc-loc-map-box\">\r\n        <svg viewbox=\"0 0 500 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect width=\"500\" height=\"420\" fill=\"transparent\"><\/rect>\r\n\r\n          <path class=\"sc-loc-country\" d=\"\r\n            M 80 55 L 105 38 L 148 32 L 195 40 L 248 34 L 298 39\r\n            L 345 35 L 390 44 L 420 60 L 435 90 L 438 130 L 432 175 L 425 220\r\n            L 418 265 L 408 305 L 390 338 L 355 360 L 310 372 L 265 378\r\n            L 218 375 L 170 368 L 128 355 L 92 334 L 68 305 L 55 270\r\n            L 48 230 L 44 185 L 46 140 L 52 98 Z\" fill=\"rgba(230, 211, 163, 0.30)\" stroke=\"rgba(107, 66, 26, 0.18)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"><\/path>\r\n\r\n          <path class=\"sc-loc-coast\" d=\"M 80 55 L 148 32 L 248 34 L 345 35 L 420 60\" stroke=\"var(--caramel)\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\"><\/path>\r\n\r\n          <circle class=\"sc-loc-zone\" cx=\"105\" cy=\"125\" r=\"32\" fill=\"none\" stroke=\"var(--grey-warm)\" stroke-width=\"1\" stroke-dasharray=\"4 4\" opacity=\"0.4\"><\/circle>\r\n\r\n          <circle class=\"sc-loc-city\" cx=\"268\" cy=\"68\" r=\"4\" fill=\"var(--charcoal)\" opacity=\"0.4\"><\/circle>\r\n          <text x=\"278\" y=\"72\" fill=\"var(--grey-warm)\" font-family=\"'Roboto', sans-serif\" font-size=\"12\" font-style=\"italic\" font-weight=\"600\">Alger<\/text>\r\n\r\n          <circle class=\"sc-loc-city\" cx=\"118\" cy=\"78\" r=\"4\" fill=\"var(--charcoal)\" opacity=\"0.4\"><\/circle>\r\n          <text x=\"127\" y=\"82\" fill=\"var(--grey-warm)\" font-family=\"'Roboto', sans-serif\" font-size=\"12\" font-style=\"italic\" font-weight=\"600\">Oran<\/text>\r\n\r\n          <circle class=\"sc-loc-city\" cx=\"88\" cy=\"118\" r=\"3.5\" fill=\"var(--charcoal)\" opacity=\"0.3\"><\/circle>\r\n          <text x=\"96\" y=\"121\" fill=\"var(--grey-warm)\" font-family=\"'Roboto', sans-serif\" font-size=\"11\" font-style=\"italic\">Tlemcen<\/text>\r\n\r\n          <path class=\"sc-loc-route\" d=\"M 118 78 L 100 118 L 92 148\" stroke=\"var(--brown-mid)\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\"><\/path>\r\n\r\n          <circle cx=\"90\" cy=\"150\" r=\"3.5\" fill=\"var(--charcoal)\" opacity=\"0.4\"><\/circle>\r\n          <text x=\"98\" y=\"154\" fill=\"var(--grey-warm)\" font-family=\"'Roboto', sans-serif\" font-size=\"11\" font-style=\"italic\">El Gor<\/text>\r\n\r\n          <circle cx=\"90\" cy=\"170\" r=\"14\" fill=\"rgba(212, 163, 115, 0.3)\" class=\"sc-loc-pulse-ring\"><\/circle>\r\n          <circle class=\"sc-loc-core\" cx=\"90\" cy=\"170\" r=\"5\" fill=\"var(--brown-deep)\"><\/circle>\r\n\r\n          <rect x=\"112\" y=\"161\" width=\"135\" height=\"18\" rx=\"4\" fill=\"var(--charcoal)\"><\/rect>\r\n          <text x=\"119\" y=\"173\" fill=\"#FFFFFF\" font-family=\"'Roboto', sans-serif\" font-size=\"8\" font-weight=\"600\" letter-spacing=\"0.12em\">DJEBEL OUAZZAN \u2014 SITE<\/text>\r\n\r\n          <line x1=\"97\" y1=\"170\" x2=\"112\" y2=\"170\" stroke=\"var(--charcoal)\" stroke-width=\"1\" opacity=\"0.4\"><\/line>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d0c434 e-con-full e-flex e-con e-parent\" data-id=\"3d0c434\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9396277 elementor-widget elementor-widget-html\" data-id=\"9396277\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   POURQUOI NOUS CHOISIR \u2014 Split photo \/ carte \/ dark\r\n   Disposition \"Zamoum\" \u00b7 Parallax scroll \u00b7 Charte SC\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n\r\n  --caramel-rgb:     212, 163, 115;\r\n  --gold-rgb:        198, 160, 106;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.sc-cho-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  background: #14100B;\r\n}\r\n.sc-cho-wrap *, .sc-cho-wrap *::before, .sc-cho-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 GRILLE 2 ZONES : photo | panneau sombre \u2500\u2500 *\/\r\n.sc-cho-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 640px;\r\n  position: relative;\r\n}\r\n\r\n\/* \u2500\u2500 GAUCHE : PHOTO pleine hauteur avec parallax \u2500\u2500 *\/\r\n.sc-cho-media {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.sc-cho-media img {\r\n  position: absolute;\r\n  inset: -12% 0;\r\n  width: 100%;\r\n  height: 124%;\r\n  object-fit: cover;\r\n  display: block;\r\n  filter: grayscale(0.12) contrast(1.03) brightness(0.97);\r\n  will-change: transform;\r\n  transform: scale(1.06);\r\n  transition: filter 0.6s var(--ease-smooth);\r\n}\r\n.sc-cho-wrap:hover .sc-cho-media img { filter: grayscale(0) contrast(1.05) brightness(1); }\r\n\/* Voile chaud l\u00e9ger sur la photo *\/\r\n.sc-cho-media::after {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none;\r\n  background: linear-gradient(105deg, rgba(20,16,11,0.18) 0%, transparent 45%, rgba(20,16,11,0.30) 100%);\r\n}\r\n\r\n\/* \u2500\u2500 CARTE CARAMEL en chevauchement (parallax inverse) \u2500\u2500 *\/\r\n.sc-cho-card {\r\n  position: absolute;\r\n  z-index: 6;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-82%, calc(-50% + var(--py, 0px)));\r\n  width: clamp(340px, 36vw, 480px);\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 100%);\r\n  padding: 3.2rem 3rem;\r\n  box-shadow: 0 40px 90px rgba(0,0,0,0.40);\r\n  will-change: transform;\r\n}\r\n.sc-cho-card-eyebrow {\r\n  font-size: 0.78rem; font-weight: 700;\r\n  letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.85);\r\n  display: flex; align-items: center; gap: 0.75rem;\r\n  margin-bottom: 1.4rem;\r\n}\r\n.sc-cho-card-eyebrow::before {\r\n  content: ''; width: 28px; height: 1px;\r\n  background: rgba(255,255,255,0.7); flex-shrink: 0;\r\n}\r\n.sc-cho-card-title {\r\n  font-size: clamp(1.7rem, 2.6vw, 2.4rem);\r\n  font-weight: 900; line-height: 1.15;\r\n  color: #FFFFFF;\r\n  margin-bottom: 2.2rem;\r\n}\r\n.sc-cho-card-title em {\r\n  font-style: italic; font-weight: 700;\r\n  color: #2A1D11;\r\n}\r\n.sc-cho-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 1.2rem;\r\n  padding: 1rem 2.2rem;\r\n  background: #FFFFFF;\r\n  color: var(--charcoal);\r\n  text-decoration: none;\r\n  font-size: 0.82rem; font-weight: 700;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth), background 0.3s var(--ease-smooth);\r\n}\r\n.sc-cho-btn svg {\r\n  width: 14px; height: 14px;\r\n  fill: none; stroke: currentColor; stroke-width: 2;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-cho-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 14px 32px rgba(0,0,0,0.25);\r\n  background: var(--cream);\r\n}\r\n.sc-cho-btn:hover svg { transform: translateX(4px); }\r\n\r\n\/* \u2500\u2500 DROITE : PANNEAU SOMBRE + liste d'avantages \u2500\u2500 *\/\r\n.sc-cho-dark {\r\n  position: relative;\r\n  background: linear-gradient(160deg, #1A140D 0%, #14100B 60%, #181208 100%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 2.4rem;\r\n  padding: 90px 7vw 90px clamp(120px, 12vw, 200px);\r\n}\r\n\/* Motif grille dor\u00e9e coin bas-droit (comme la r\u00e9f\u00e9rence) *\/\r\n.sc-cho-dark::after {\r\n  content: ''; position: absolute; right: 0; bottom: 0;\r\n  width: 40%; height: 55%;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(var(--gold-rgb), 0.10) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(var(--gold-rgb), 0.10) 1px, transparent 1px);\r\n  background-size: 44px 44px;\r\n  -webkit-mask-image: radial-gradient(ellipse 90% 90% at 100% 100%, rgba(0,0,0,1) 0%, transparent 70%);\r\n          mask-image: radial-gradient(ellipse 90% 90% at 100% 100%, rgba(0,0,0,1) 0%, transparent 70%);\r\n}\r\n\/* Halo caramel discret *\/\r\n.sc-cho-dark::before {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none;\r\n  background: radial-gradient(ellipse 55% 45% at 90% 8%, rgba(var(--caramel-rgb), 0.08) 0%, transparent 60%);\r\n}\r\n\r\n.sc-cho-item {\r\n  position: relative; z-index: 2;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 1.1rem;\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-cho-item:hover { transform: translateX(6px); }\r\n\r\n\/* Ic\u00f4ne check ronde caramel *\/\r\n.sc-cho-check {\r\n  width: 22px; height: 22px; flex-shrink: 0;\r\n  margin-top: 1px;\r\n  color: var(--caramel);\r\n  transition: transform 0.35s var(--ease-out-expo);\r\n}\r\n.sc-cho-item:hover .sc-cho-check { transform: scale(1.18) rotate(-6deg); }\r\n.sc-cho-check svg {\r\n  width: 100%; height: 100%; display: block;\r\n  fill: none; stroke: currentColor; stroke-width: 1.9;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n.sc-cho-item-title {\r\n  font-size: 1.02rem; font-weight: 700;\r\n  color: var(--cream);\r\n  margin-bottom: 0.45rem;\r\n  letter-spacing: 0.01em;\r\n}\r\n.sc-cho-item-desc {\r\n  font-size: 0.92rem; font-weight: 300;\r\n  color: rgba(245,241,230,0.58);\r\n  line-height: 1.65;\r\n  max-width: 420px;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  .sc-cho-grid { grid-template-columns: 1fr; min-height: 0; }\r\n  .sc-cho-media { height: 420px; }\r\n  .sc-cho-media img { inset: -10% 0; height: 120%; }\r\n  \/* Carte : statique, chevauche photo et panneau *\/\r\n  .sc-cho-card {\r\n    position: relative;\r\n    top: auto; left: auto;\r\n    transform: none;\r\n    width: min(88%, 480px);\r\n    margin: -90px auto 0;\r\n  }\r\n  .sc-cho-dark {\r\n    padding: 70px 6vw 80px;\r\n    margin-top: -60px;\r\n    padding-top: 130px;\r\n  }\r\n}\r\n@media (max-width: 650px) {\r\n  .sc-cho-media { height: 320px; }\r\n  .sc-cho-card { padding: 2.4rem 1.8rem; margin-top: -70px; }\r\n  .sc-cho-btn { width: 100%; justify-content: center; }\r\n  .sc-cho-dark { gap: 1.9rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-cho-wrap\">\r\n  <div class=\"sc-cho-grid\">\r\n\r\n    <!-- GAUCHE : photo parallax -->\r\n    <div class=\"sc-cho-media\">\r\n      <img decoding=\"async\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/site-traitement-de-sable-avec-des-equipements-industriels-modernes.png\" alt=\"Site de traitement du sable siliceux \u2014 \u00e9quipements industriels modernes\" data-sc-parallax>\r\n    <\/div>\r\n\r\n    <!-- DROITE : panneau sombre, liste d'avantages -->\r\n    <div class=\"sc-cho-dark\">\r\n\r\n      <div class=\"sc-cho-item\">\r\n        <span class=\"sc-cho-check\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"><\/circle><path d=\"M8.5 12.5l2.4 2.4 4.6-5.3\"><\/path><\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3 class=\"sc-cho-item-title\">Haute puret\u00e9 garantie<\/h3>\r\n          <p class=\"sc-cho-item-desc\">Sable siliceux \u00e0 teneur \u00e9lev\u00e9e en SiO\u2082, contr\u00f4l\u00e9 par analyses de laboratoire \u00e0 chaque lot exp\u00e9di\u00e9.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sc-cho-item\">\r\n        <span class=\"sc-cho-check\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"><\/circle><path d=\"M8.5 12.5l2.4 2.4 4.6-5.3\"><\/path><\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3 class=\"sc-cho-item-title\">Technologies modernes &amp; normes<\/h3>\r\n          <p class=\"sc-cho-item-desc\">Traitement 100 % m\u00e9canique \u00e0 l'eau, sans produits chimiques, dans le respect strict des standards industriels.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sc-cho-item\">\r\n        <span class=\"sc-cho-check\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"><\/circle><path d=\"M8.5 12.5l2.4 2.4 4.6-5.3\"><\/path><\/svg>\r\n        <\/span>\r\n        <div>\r\n          <h3 class=\"sc-cho-item-title\">Logistique efficace<\/h3>\r\n          <p class=\"sc-cho-item-desc\">Transport rapide et parfaitement s\u00e9curis\u00e9 \u2014 RN 13 \u00e0 60 m du site, ports d'Oran et de Ghazaouet \u00e0 port\u00e9e directe.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARTE CARAMEL en chevauchement -->\r\n    <div class=\"sc-cho-card\" data-sc-card>\r\n      <p class=\"sc-cho-card-eyebrow\">Pourquoi nous choisir<\/p>\r\n      <h2 class=\"sc-cho-card-title\">Nous nous engageons envers la <em>qualit\u00e9<\/em>, \u00e0 chaque lot.<\/h2>\r\n      <a href=\"https:\/\/silicesantacruz.com\/ar\/contact\/\" class=\"sc-cho-btn\">\r\n        <span>Nous contacter<\/span>\r\n        <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if (reduce) return;\r\n\r\n  var wrap = document.querySelector('.sc-cho-wrap');\r\n  var img  = wrap ? wrap.querySelector('[data-sc-parallax]') : null;\r\n  var card = wrap ? wrap.querySelector('[data-sc-card]') : null;\r\n  if (!wrap || !img) return;\r\n\r\n  var ticking = false;\r\n\r\n  function update() {\r\n    ticking = false;\r\n\r\n    \/* Mobile : parallax d\u00e9sactiv\u00e9 pour la perf *\/\r\n    if (window.innerWidth < 768) {\r\n      img.style.transform = 'scale(1.06)';\r\n      if (card) card.style.removeProperty('--py');\r\n      return;\r\n    }\r\n\r\n    var r = wrap.getBoundingClientRect();\r\n    \/* D\u00e9calage du centre de la section par rapport au centre du viewport *\/\r\n    var offset = r.top + r.height \/ 2 - window.innerHeight \/ 2;\r\n\r\n    \/* Photo : glisse en sens inverse du scroll (profondeur) *\/\r\n    img.style.transform = 'translateY(' + (offset * -0.14).toFixed(1) + 'px) scale(1.12)';\r\n\r\n    \/* Carte : d\u00e9rive l\u00e9g\u00e8re dans l'autre sens (double plan) *\/\r\n    if (card) card.style.setProperty('--py', (offset * 0.06).toFixed(1) + 'px');\r\n  }\r\n\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(update);\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', onScroll, { passive: true });\r\n  update();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd78648 e-con-full e-flex e-con e-parent\" data-id=\"fd78648\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590ebbc elementor-widget elementor-widget-html\" data-id=\"590ebbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   NOS ATOUTS \u2014 GLASSMORPHISM (fond clair charte)\r\n   Panneau de verre + padding \u00b7 blobs chauds\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --gold:         #C6A06A;\r\n  --grey-warm:    #B7B7A4;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n\r\n  --bg-rgb:          245, 245, 240;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --beige-rgb:       230, 211, 163;\r\n  --gold-rgb:        198, 160, 106;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n\r\n  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);\r\n}\r\n\r\n.sc-av-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 110px 6vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  background-color: #FAFAF7;\r\n  background-image:\r\n    linear-gradient(rgba(200,169,106,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(200,169,106,0.06) 1px, transparent 1px);\r\n  background-size: 90px 90px;\r\n}\r\n.sc-av-wrap *, .sc-av-wrap *::before, .sc-av-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* Halos d'ambiance *\/\r\n.sc-av-grid-lines {\r\n  position: absolute; inset: 0; pointer-events: none; z-index: 0;\r\n  background:\r\n    radial-gradient(ellipse 45% 40% at 88% 6%, rgba(var(--caramel-rgb), 0.10) 0%, transparent 60%),\r\n    radial-gradient(ellipse 40% 45% at 4% 96%, rgba(var(--beige-rgb), 0.16) 0%, transparent 64%);\r\n}\r\n\r\n\/* \u2500\u2500 BLOBS CHAUDS FLOTTANTS \u2500\u2500 *\/\r\n.sc-av-blobs { position: absolute; inset: -8%; z-index: 1; pointer-events: none; }\r\n.sc-av-blobs b {\r\n  position: absolute; display: block; border-radius: 50%;\r\n  filter: blur(70px); opacity: 0.5; will-change: transform;\r\n}\r\n.sc-av-blobs b:nth-child(1) {\r\n  width: 400px; height: 400px; top: -2%; right: 6%;\r\n  background: radial-gradient(circle at 35% 35%, #F7D9A8, #E0B070 55%, #D4A373 100%);\r\n  animation: scAvBlob1 26s var(--ease-in-out) infinite;\r\n}\r\n.sc-av-blobs b:nth-child(2) {\r\n  width: 340px; height: 340px; bottom: -6%; left: 3%;\r\n  background: radial-gradient(circle at 40% 40%, #F2E6C8, #E6D3A3 55%, #C6A06A 100%);\r\n  animation: scAvBlob2 30s var(--ease-in-out) infinite;\r\n}\r\n.sc-av-blobs b:nth-child(3) {\r\n  width: 280px; height: 280px; top: 44%; right: 40%;\r\n  background: radial-gradient(circle at 35% 35%, #F6CF9E, #E0A062 55%, #C98A4E 100%);\r\n  animation: scAvBlob3 24s var(--ease-in-out) infinite;\r\n}\r\n@keyframes scAvBlob1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-44px,36px) scale(1.12); } }\r\n@keyframes scAvBlob2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(52px,-26px) scale(1.1); } }\r\n@keyframes scAvBlob3 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(36px,46px) scale(0.92); } }\r\n\r\n\/* \u2500\u2500 EN-T\u00caTE (au-dessus du panneau, le ghost peut d\u00e9border) \u2500\u2500 *\/\r\n.sc-av-head { position: relative; z-index: 10; max-width: 1220px; margin: 0 auto 2.4rem; }\r\n.sc-av-ghost {\r\n  position: absolute; top: -0.46em; left: -0.03em; z-index: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n  font-size: clamp(4.5rem, 10vw, 9rem); font-weight: 900; font-style: italic;\r\n  line-height: 0.85; letter-spacing: -0.03em; color: transparent;\r\n  -webkit-text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.09);\r\n  text-stroke: 1.5px rgba(var(--brown-deep-rgb), 0.09);\r\n  white-space: nowrap; pointer-events: none; user-select: none;\r\n}\r\n.sc-av-eyebrow {\r\n  position: relative; z-index: 2;\r\n  font-size: 0.8rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--brown-mid); display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.2rem;\r\n}\r\n.sc-av-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--caramel); flex-shrink: 0; }\r\n.sc-av-title {\r\n  position: relative; z-index: 2;\r\n  font-size: clamp(2.4rem, 4vw, 3.5rem); font-weight: 900; line-height: 1.05; color: var(--charcoal);\r\n}\r\n.sc-av-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--caramel) 0%, var(--brown-mid) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n\r\n\/* \u2500\u2500 PANNEAU DE VERRE (avec padding esth\u00e9tique) \u2500\u2500 *\/\r\n.sc-av-panel {\r\n  position: relative; z-index: 10;\r\n  max-width: 1220px; margin: 0 auto;\r\n  padding: clamp(2.6rem, 5vw, 4.5rem);\r\n  border-radius: 30px;\r\n  background: linear-gradient(165deg, rgba(255,255,255,0.58) 0%, rgba(255,255,255,0.34) 100%);\r\n  -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4);\r\n  border: 1px solid rgba(255,255,255,0.80);\r\n  box-shadow:\r\n    0 30px 70px rgba(var(--brown-deep-rgb), 0.09),\r\n    inset 0 1px 0 rgba(255,255,255,0.85);\r\n  overflow: hidden;\r\n}\r\n.sc-av-panel::after {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none;\r\n  background: linear-gradient(150deg, rgba(255,255,255,0.40) 0%, transparent 30%);\r\n}\r\n\r\n\/* Layout 2 colonnes *\/\r\n.sc-av-grid {\r\n  position: relative; z-index: 2;\r\n  display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 5rem; align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 GAUCHE : ATOUTS NUM\u00c9ROT\u00c9S \u2500\u2500 *\/\r\n.sc-av-list { display: flex; flex-direction: column; }\r\n.sc-av-item {\r\n  display: flex; gap: 2rem; padding: 2rem 0;\r\n  border-bottom: 1px solid rgba(var(--brown-deep-rgb), 0.10);\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-av-item:first-child { border-top: 1px solid rgba(var(--brown-deep-rgb), 0.10); }\r\n.sc-av-num {\r\n  font-size: 3.8rem; font-weight: 900; font-style: italic;\r\n  color: rgba(var(--caramel-rgb), 0.30); line-height: 0.85; flex-shrink: 0; width: 60px; text-align: left;\r\n  transition: color .3s var(--ease-smooth), transform .3s var(--ease-smooth); user-select: none;\r\n}\r\n.sc-av-content { padding-top: 2px; }\r\n.sc-av-name {\r\n  font-size: 0.9rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;\r\n  color: var(--charcoal); margin-bottom: 0.6rem; transition: color 0.3s var(--ease-smooth);\r\n}\r\n.sc-av-desc { font-size: 0.92rem; font-weight: 400; color: #6f6f66; line-height: 1.7; }\r\n.sc-av-item:hover { transform: translateX(6px); }\r\n.sc-av-item:hover .sc-av-num { color: var(--brown-mid); transform: scale(1.05); }\r\n.sc-av-item:hover .sc-av-name { color: var(--brown-deep); }\r\n\r\n\/* \u2500\u2500 DROITE : CARTE CITATION (sombre, contraste sur le verre) \u2500\u2500 *\/\r\n.sc-av-quote {\r\n  background: linear-gradient(155deg, #241910 0%, #1C140C 55%, #2A1D11 100%);\r\n  border: 1px solid rgba(var(--caramel-rgb), 0.18); border-radius: 18px;\r\n  padding: 3rem 2.8rem 2.8rem; position: relative; overflow: hidden;\r\n  box-shadow: 0 25px 60px rgba(var(--brown-deep-rgb), 0.22);\r\n  transition: transform 0.45s var(--ease-smooth), box-shadow 0.45s var(--ease-smooth);\r\n}\r\n.sc-av-quote:hover { transform: translateY(-5px); box-shadow: 0 38px 80px rgba(var(--brown-deep-rgb), 0.32); }\r\n.sc-av-quote::after {\r\n  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0;\r\n  background:\r\n    radial-gradient(ellipse 60% 50% at 85% 0%, rgba(var(--caramel-rgb), 0.16) 0%, transparent 60%),\r\n    linear-gradient(rgba(var(--caramel-rgb), 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(var(--caramel-rgb), 0.04) 1px, transparent 1px);\r\n  background-size: 100% 100%, 46px 46px, 46px 46px;\r\n}\r\n.sc-av-quote::before {\r\n  content: '\\201C'; font-family: 'Roboto', sans-serif; font-size: 9rem; font-weight: 900;\r\n  color: rgba(var(--caramel-rgb), 0.16); position: absolute; top: -1.6rem; left: 1.4rem;\r\n  line-height: 1; z-index: 1; pointer-events: none;\r\n}\r\n.sc-quote-tag {\r\n  position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 0.55rem;\r\n  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;\r\n  color: #1C140C; background: linear-gradient(135deg, var(--caramel), var(--beige));\r\n  padding: 0.35rem 0.85rem; border-radius: 5px; margin-bottom: 1.8rem;\r\n}\r\n.sc-quote-stat { position: relative; z-index: 2; display: flex; align-items: baseline; gap: 0.6rem; margin-bottom: 1.4rem; }\r\n.sc-quote-stat-num {\r\n  font-size: clamp(3rem, 5vw, 4.2rem); font-weight: 900; line-height: 0.9; letter-spacing: -0.02em;\r\n  background: linear-gradient(135deg, var(--beige) 0%, var(--caramel) 60%, var(--brown-mid) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.sc-quote-stat-unit { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--caramel); line-height: 1.4; max-width: 160px; }\r\n.sc-quote-text { position: relative; z-index: 2; font-size: 1.12rem; font-style: italic; font-weight: 300; color: rgba(245,241,230,0.92); line-height: 1.7; margin-bottom: 2rem; }\r\n.sc-quote-text strong { font-weight: 700; font-style: normal; color: var(--caramel); }\r\n.sc-quote-sep { position: relative; z-index: 2; width: 44px; height: 2px; margin-bottom: 1.3rem; background: linear-gradient(90deg, var(--caramel), transparent); }\r\n.sc-quote-source { position: relative; z-index: 2; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.1em; color: #F5F1E6; margin-bottom: 0.3rem; }\r\n.sc-quote-sub { position: relative; z-index: 2; font-size: 0.78rem; font-weight: 400; color: rgba(245,241,230,0.5); line-height: 1.5; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  .sc-av-grid { grid-template-columns: 1fr; gap: 4rem; }\r\n  .sc-av-wrap { padding: 80px 5vw; }\r\n}\r\n@media (max-width: 650px) {\r\n  .sc-av-wrap { padding: 60px 4vw; }\r\n  .sc-av-panel { padding: 1.8rem 1.4rem; border-radius: 22px; }\r\n  .sc-av-item { gap: 1.2rem; padding: 1.5rem 0; }\r\n  .sc-av-num { font-size: 3rem; width: 45px; }\r\n  .sc-av-desc { font-size: 0.88rem; }\r\n  .sc-av-quote { padding: 2.5rem 1.8rem 2.2rem; }\r\n  .sc-quote-text { font-size: 1.05rem; margin-bottom: 1.6rem; }\r\n  .sc-av-ghost { font-size: 3.6rem; top: -0.35em; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sc-av-blobs b { animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sc-av-wrap\">\r\n  <div class=\"sc-av-grid-lines\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-av-blobs\" aria-hidden=\"true\"><b><\/b><b><\/b><b><\/b><\/div>\r\n\r\n  <!-- En-t\u00eate -->\r\n  <div class=\"sc-av-head\">\r\n    <span class=\"sc-av-ghost\" aria-hidden=\"true\">Atouts<\/span>\r\n    <p class=\"sc-av-eyebrow\">Pourquoi nous choisir<\/p>\r\n    <h2 class=\"sc-av-title\">Nos <em>atouts<\/em><\/h2>\r\n  <\/div>\r\n\r\n  <!-- Panneau de verre -->\r\n  <div class=\"sc-av-panel\">\r\n    <div class=\"sc-av-grid\">\r\n\r\n      <!-- GAUCHE : atouts num\u00e9rot\u00e9s -->\r\n      <div class=\"sc-av-list\">\r\n        <div class=\"sc-av-item\">\r\n          <span class=\"sc-av-num\">01<\/span>\r\n          <div class=\"sc-av-content\">\r\n            <h3 class=\"sc-av-name\">Source directe, co\u00fbt ma\u00eetris\u00e9<\/h3>\r\n            <p class=\"sc-av-desc\">Pas d'interm\u00e9diaire. Vous achetez directement au producteur-extracteur. Des prix comp\u00e9titifs \u00e0 la tonne, avec possibilit\u00e9 de contrats de fourniture annuels.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sc-av-item\">\r\n          <span class=\"sc-av-num\">02<\/span>\r\n          <div class=\"sc-av-content\">\r\n            <h3 class=\"sc-av-name\">R\u00e9serves g\u00e9ologiques abondantes<\/h3>\r\n            <p class=\"sc-av-desc\">Le gisement de Djebel Ouazzan pr\u00e9sente des r\u00e9serves estim\u00e9es \u00e0 plusieurs dizaines d'ann\u00e9es d'exploitation, garantissant la continuit\u00e9 de vos approvisionnements.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sc-av-item\">\r\n          <span class=\"sc-av-num\">03<\/span>\r\n          <div class=\"sc-av-content\">\r\n            <h3 class=\"sc-av-name\">Logistique export ma\u00eetris\u00e9e<\/h3>\r\n            <p class=\"sc-av-desc\">Exp\u00e9dition par camion sur toute l'Alg\u00e9rie. Acc\u00e8s portuaires (Oran, Mostaganem) pour les commandes export vers l'Europe, l'Afrique et le Moyen-Orient.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sc-av-item\">\r\n          <span class=\"sc-av-num\">04<\/span>\r\n          <div class=\"sc-av-content\">\r\n            <h3 class=\"sc-av-name\">R\u00e9activit\u00e9 &amp; flexibilit\u00e9<\/h3>\r\n            <p class=\"sc-av-desc\">D\u00e9lais de livraison courts, adaptation aux volumes \u2014 du chargement partiel \u00e0 la commande de plusieurs milliers de tonnes. Votre planning respect\u00e9.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- DROITE : citation -->\r\n      <div class=\"sc-av-quote\">\r\n        <span class=\"sc-quote-tag\">\u25c8 Donn\u00e9e g\u00e9ologique<\/span>\r\n\r\n        <div class=\"sc-quote-stat\">\r\n          <span class=\"sc-quote-stat-num\">+150M<\/span>\r\n          <span class=\"sc-quote-stat-unit\">tonnes de roches siliceuses pures<\/span>\r\n        <\/div>\r\n\r\n        <p class=\"sc-quote-text\">\r\n          \u00ab L'Alg\u00e9rie abrite plus de 150 millions de tonnes de roches siliceuses pures \u00e0 teneur en <strong>SiO\u2082 &gt; 97 %<\/strong> dans sa seule partie nord \u2014 une richesse g\u00e9ologique rare et largement sous-exploit\u00e9e. \u00bb\r\n        <\/p>\r\n\r\n        <div class=\"sc-quote-sep\"><\/div>\r\n        <p class=\"sc-quote-source\">Universit\u00e9 Fr\u00e8re Mentouri \u2014 Constantine<\/p>\r\n        <p class=\"sc-quote-sub\">\u00c9tude g\u00e9ologique sur le sable siliceux alg\u00e9rien<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83e6e32 e-con-full e-flex e-con e-parent\" data-id=\"83e6e32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1136065 elementor-widget elementor-widget-html\" data-id=\"1136065\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CTA PARALLAX \u2014 Bande diagonale \u00b7 Contenu \u00e0 gauche\r\n   Mod\u00e8le \"Zamoum\" \u00b7 Charte Santa Cruz Sand\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --bg:           #F5F5F0;\r\n  --beige:        #E6D3A3;\r\n  --caramel:      #D4A373;\r\n  --brown-mid:    #9C6644;\r\n  --brown-deep:   #6B4226;\r\n  --charcoal:     #2F2F2F;\r\n  --cream:        #F5F1E6;\r\n  --caramel-rgb:     212, 163, 115;\r\n  --brown-mid-rgb:   156, 102,  68;\r\n  --brown-deep-rgb:  107,  66,  38;\r\n  --ease-smooth:     cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.sc-cta-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 560px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 110px 6vw;\r\n  font-family: 'Roboto', sans-serif;\r\n  box-sizing: border-box;\r\n  background: #14100B;\r\n}\r\n.sc-cta-wrap *, .sc-cta-wrap *::before, .sc-cta-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 IMAGE DE FOND \u2014 parallax (wrapper) + zoom lent (img) \u2500\u2500 *\/\r\n.sc-cta-bgwrap {\r\n  position: absolute;\r\n  inset: -15% 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  will-change: transform;\r\n}\r\n.sc-cta-bg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  filter: brightness(0.92) contrast(1.02);\r\n  transform: scale(1.08);\r\n  animation: scCtaZoom 20s ease-in-out infinite alternate;\r\n  will-change: transform;\r\n}\r\n\/* Zoom lent type Ken Burns *\/\r\n@keyframes scCtaZoom {\r\n  from { transform: scale(1.08); }\r\n  to   { transform: scale(1.22); }\r\n}\r\n\r\n\/* Voile sombre \u2014 renforc\u00e9 \u00e0 gauche pour la lisibilit\u00e9 *\/\r\n.sc-cta-overlay {\r\n  position: absolute; inset: 0; z-index: 2; pointer-events: none;\r\n  background: linear-gradient(100deg,\r\n    rgba(20, 15, 10, 0.78) 0%,\r\n    rgba(24, 18, 12, 0.55) 42%,\r\n    rgba(27, 20, 13, 0.30) 100%);\r\n}\r\n\r\n\/* \u2500\u2500 BANDES DIAGONALES caramel (signature du mod\u00e8le) \u2500\u2500 *\/\r\n.sc-cta-stripe {\r\n  position: absolute;\r\n  top: -25%; bottom: -25%;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n  transform: skewX(-18deg);\r\n  will-change: transform;\r\n}\r\n.sc-cta-stripe.main {\r\n  left: 70%;\r\n  width: clamp(70px, 8vw, 120px);\r\n  background: linear-gradient(170deg,\r\n    rgba(var(--caramel-rgb), 0.92) 0%,\r\n    rgba(var(--brown-mid-rgb), 0.88) 100%);\r\n  box-shadow: 0 0 70px rgba(var(--caramel-rgb), 0.30);\r\n}\r\n.sc-cta-stripe.thin {\r\n  left: calc(70% + clamp(70px, 8vw, 120px) + 20px);\r\n  width: 14px;\r\n  background: linear-gradient(170deg,\r\n    rgba(var(--beige-rgb, 230, 211, 163), 0.55) 0%,\r\n    rgba(var(--caramel-rgb), 0.40) 100%);\r\n}\r\n\r\n\/* Grille dor\u00e9e discr\u00e8te *\/\r\n.sc-cta-grid {\r\n  position: absolute; inset: 0; z-index: 3; pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(var(--caramel-rgb), 0.045) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(var(--caramel-rgb), 0.045) 1px, transparent 1px);\r\n  background-size: 88px 88px;\r\n}\r\n\r\n\/* \u2500\u2500 CONTENU \u2014 align\u00e9 \u00e0 gauche \u2500\u2500 *\/\r\n.sc-cta-content {\r\n  position: relative;\r\n  z-index: 5;\r\n  max-width: 640px;\r\n  text-align: left;\r\n}\r\n.sc-cta-eyebrow {\r\n  font-size: 0.78rem; font-weight: 700;\r\n  letter-spacing: 0.24em; text-transform: uppercase;\r\n  color: var(--caramel);\r\n  display: inline-flex; align-items: center; gap: 0.75rem;\r\n  margin-bottom: 1.4rem;\r\n}\r\n.sc-cta-eyebrow::before {\r\n  content: ''; width: 30px; height: 1px; background: var(--caramel); opacity: 0.8;\r\n}\r\n.sc-cta-title {\r\n  font-size: clamp(2.3rem, 5vw, 3.8rem);\r\n  font-weight: 900; line-height: 1.08;\r\n  letter-spacing: -0.015em;\r\n  color: #FFFFFF;\r\n  margin-bottom: 1.3rem;\r\n}\r\n.sc-cta-title em {\r\n  font-style: italic; font-weight: 700;\r\n  background: linear-gradient(135deg, var(--beige) 0%, var(--caramel) 100%);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.sc-cta-sub {\r\n  font-size: 1.05rem; font-weight: 300;\r\n  color: rgba(245,241,230,0.88); line-height: 1.75;\r\n  margin-bottom: 2.6rem;\r\n  max-width: 520px;\r\n}\r\n\r\n\/* Boutons *\/\r\n.sc-cta-actions {\r\n  display: flex; gap: 1rem; flex-wrap: wrap;\r\n}\r\n.sc-cta-btn {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  padding: 1.05rem 2.6rem;\r\n  font-size: 0.82rem; font-weight: 700;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  text-decoration: none; border-radius: 4px;\r\n  cursor: pointer; position: relative; overflow: hidden;\r\n  transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth),\r\n              background 0.35s var(--ease-smooth), color 0.35s var(--ease-smooth), border-color 0.35s var(--ease-smooth);\r\n}\r\n.sc-cta-btn svg {\r\n  width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.2;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 0.3s var(--ease-smooth);\r\n}\r\n.sc-cta-btn:hover svg { transform: translateX(4px); }\r\n\r\n\/* Bouton primaire dor\u00e9 *\/\r\n.sc-cta-btn-primary {\r\n  background: linear-gradient(135deg, var(--caramel), var(--brown-mid));\r\n  color: #1C140C;\r\n  box-shadow: 0 10px 30px rgba(var(--caramel-rgb), 0.30);\r\n}\r\n.sc-cta-btn-primary:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 16px 40px rgba(var(--caramel-rgb), 0.42);\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* Bouton secondaire ghost *\/\r\n.sc-cta-btn-ghost {\r\n  background: transparent;\r\n  color: #FFFFFF;\r\n  border: 1.5px solid rgba(255,255,255,0.55);\r\n}\r\n.sc-cta-btn-ghost:hover {\r\n  background: #FFFFFF;\r\n  color: #1C140C;\r\n  border-color: #FFFFFF;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .sc-cta-stripe.main { left: 78%; }\r\n  .sc-cta-stripe.thin { left: calc(78% + clamp(70px, 8vw, 120px) + 20px); }\r\n}\r\n@media (max-width: 600px) {\r\n  .sc-cta-wrap { padding: 80px 6vw; min-height: 460px; }\r\n  .sc-cta-sub { font-size: 0.98rem; }\r\n  .sc-cta-actions { flex-direction: column; align-items: stretch; }\r\n  .sc-cta-btn { justify-content: center; }\r\n  .sc-cta-stripe.main { left: 82%; width: 70px; }\r\n  .sc-cta-stripe.thin { display: none; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sc-cta-bgwrap, .sc-cta-stripe { transform: none !important; }\r\n  .sc-cta-bg { animation: none; transform: scale(1.05); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sc-cta-wrap\" aria-label=\"Appel \u00e0 l'action \u2014 Contact\">\r\n  <!-- Image libre de droits (Unsplash) : sable siliceux haute r\u00e9solution -->\r\n  <div class=\"sc-cta-bgwrap\" id=\"scCtaBgWrap\" aria-hidden=\"false\">\r\n    <img decoding=\"async\" class=\"sc-cta-bg\" src=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/06\/site-traitement-de-sable-avec-des-equipements-industriels-modernes.png\" alt=\"Sable siliceux haute puret\u00e9 \u2014 texture macro\" loading=\"lazy\">\r\n  <\/div>\r\n\r\n  <div class=\"sc-cta-overlay\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-cta-stripe main\" data-stripe aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-cta-stripe thin\" data-stripe aria-hidden=\"true\"><\/div>\r\n  <div class=\"sc-cta-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"sc-cta-content\">\r\n    <p class=\"sc-cta-eyebrow\">D\u00e9marrons votre projet<\/p>\r\n    <h2 class=\"sc-cta-title\">Pr\u00eat \u00e0 <em>commencer<\/em> ?<\/h2>\r\n    <p class=\"sc-cta-sub\">\r\n      Contactez-nous pour discuter de vos besoins en sable siliceux haute puret\u00e9. Devis personnalis\u00e9, conseil technique et logistique adapt\u00e9e \u00e0 vos volumes.\r\n    <\/p>\r\n\r\n    <div class=\"sc-cta-actions\">\r\n      <a href=\"https:\/\/silicesantacruz.com\/ar\/demande-de-devis\/\" class=\"sc-cta-btn sc-cta-btn-primary\" aria-label=\"Demander un devis\">\r\n        Demandez un devis\r\n        <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/silicesantacruz.com\/ar\/contact\/\" class=\"sc-cta-btn sc-cta-btn-ghost\" aria-label=\"Nous contacter\">\r\n        Contact\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  var bg = document.getElementById('scCtaBgWrap');\r\n  if (!bg) return;\r\n  var wrap = bg.closest('.sc-cta-wrap');\r\n  var stripes = wrap.querySelectorAll('[data-stripe]');\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if (reduce) return;\r\n\r\n  var ticking = false;\r\n\r\n  function update() {\r\n    ticking = false;\r\n\r\n    \/* Mobile : parallax d\u00e9sactiv\u00e9 pour la performance *\/\r\n    if (window.innerWidth < 768) {\r\n      bg.style.transform = '';\r\n      stripes.forEach(function (s) { s.style.transform = 'skewX(-18deg)'; });\r\n      return;\r\n    }\r\n\r\n    var rect = wrap.getBoundingClientRect();\r\n    \/* Section visible uniquement *\/\r\n    if (rect.bottom < 0 || rect.top > window.innerHeight) return;\r\n\r\n    \/* D\u00e9calage du centre de la section vs centre du viewport *\/\r\n    var delta = rect.top + rect.height \/ 2 - window.innerHeight \/ 2;\r\n\r\n    \/* Image : glisse en sens inverse (plan lointain) \u2014 le zoom est g\u00e9r\u00e9 en CSS sur l'img *\/\r\n    bg.style.transform = 'translateY(' + (delta * -0.12).toFixed(1) + 'px)';\r\n\r\n    \/* Bandes : d\u00e9rive l\u00e9g\u00e8re dans l'autre sens (plan interm\u00e9diaire) *\/\r\n    stripes.forEach(function (s) {\r\n      s.style.transform = 'skewX(-18deg) translateY(' + (delta * 0.05).toFixed(1) + 'px)';\r\n    });\r\n  }\r\n\r\n  function onScroll() {\r\n    if (!ticking) { window.requestAnimationFrame(update); ticking = true; }\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', onScroll, { passive: true });\r\n  update();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-919ff59 e-con-full e-flex e-con e-parent\" data-id=\"919ff59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4941cb elementor-widget elementor-widget-html\" data-id=\"d4941cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SILICES SANTA CRUZ \u2014 UX ANIMATIONS v4.4 (universel)\r\n  Couvre TOUTES les sections : hero, applications, granulom\u00e9tries,\r\n  qualit\u00e9, analyse, localisation, atouts, pourquoi-nous, pr\u00e9sentation.\r\n  \u2714 Bouton retour en haut : on utilise CELUI DU TH\u00c8ME (#ast-scroll-top)\r\n    \u2192 aucun bouton custom, aucune r\u00e8gle qui le masque.\r\n  \u2714 Section jauges (.sc-bento \/ .sc-qual-wrap) : reveal BIDIRECTIONNEL\r\n    \u2192 les barres se remplissent au scroll vers le bas ET se r\u00e9animent\r\n      quand on remonte puis redescend.\r\n-->\r\n\r\n<style>\r\n:root {\r\n  --sc-accent:      #D4A373;\r\n  --sc-accent-2:    #9C6644;\r\n  --sc-accent-deep: #6B4226;\r\n  --sc-accent-rgb:  212,163,115;\r\n}\r\n\r\n\/* 0. ANTI-D\u00c9CALAGE : les reveals (translateX \u00b140px) peuvent faire appara\u00eetre\r\n   une barre de d\u00e9filement horizontale qui d\u00e9cale l\u00e9g\u00e8rement le header.\r\n   `overflow-x: clip` sur <body> coupe ce d\u00e9bordement SANS cr\u00e9er de conteneur\r\n   de d\u00e9filement \u2192 le header sticky du th\u00e8me n'est pas cass\u00e9 (desktop ET mobile). *\/\r\nhtml.sc-anim body { overflow-x: clip; }\r\n\r\n\/* 1. BARRE DE PROGRESSION *\/\r\n#scpb {\r\n  position: fixed; top: 0; left: 0; right: 0;\r\n  height: 3px; z-index: 2147483647; pointer-events: none;\r\n  transform-origin: left; transform: scaleX(0);\r\n  background: linear-gradient(90deg, var(--sc-accent-deep), var(--sc-accent) 50%, var(--sc-accent-deep));\r\n  will-change: transform;\r\n}\r\n\r\n\/* 2. SCROLL REVEAL *\/\r\nhtml.sc-anim .sc-fade   { opacity: 0; transform: translateY(34px); }\r\nhtml.sc-anim .sc-fade-l { opacity: 0; transform: translateX(-40px); }\r\nhtml.sc-anim .sc-fade-r { opacity: 0; transform: translateX(40px); }\r\n\r\nhtml.sc-anim .sc-fade,\r\nhtml.sc-anim .sc-fade-l,\r\nhtml.sc-anim .sc-fade-r {\r\n  will-change: opacity, transform;\r\n  transition:\r\n    opacity   0.72s cubic-bezier(0.22, 1, 0.36, 1),\r\n    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\nhtml.sc-anim .sc-fade.sc-in,\r\nhtml.sc-anim .sc-fade-l.sc-in,\r\nhtml.sc-anim .sc-fade-r.sc-in {\r\n  opacity: 1; transform: translate(0, 0);\r\n}\r\nhtml.sc-anim .sc-exit { transition: none !important; will-change: auto; }\r\n\r\n.sc-d1 { transition-delay: 0.07s !important; }\r\n.sc-d2 { transition-delay: 0.14s !important; }\r\n.sc-d3 { transition-delay: 0.21s !important; }\r\n.sc-d4 { transition-delay: 0.28s !important; }\r\n.sc-d5 { transition-delay: 0.35s !important; }\r\n.sc-d6 { transition-delay: 0.42s !important; }\r\n\r\nhtml.sc-anim .sc-section-line {\r\n  transform: scaleX(0); transform-origin: left;\r\n  transition: transform .9s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\nhtml.sc-anim .sc-section-line.sc-in { transform: scaleX(1); }\r\n\r\n\/* 4. COMPTEURS *\/\r\n.sc-stat-val { display: inline-block; transition: text-shadow .5s; }\r\n.sc-glow { text-shadow: 0 0 22px rgba(var(--sc-accent-rgb), .55); }\r\n\r\n\/* 5. CURSEUR DOR\u00c9 *\/\r\n#sc-cursor-dot, #sc-cursor-ring {\r\n  position: fixed; top: 0; left: 0; border-radius: 50%;\r\n  pointer-events: none; opacity: 0;\r\n  will-change: transform, opacity;\r\n}\r\n#sc-cursor-dot {\r\n  width: 8px; height: 8px; background: var(--sc-accent-deep);\r\n  z-index: 999999;\r\n  box-shadow: 0 0 6px 1px rgba(var(--sc-accent-rgb),0.6);\r\n  transition: opacity .35s ease, width .2s ease, height .2s ease;\r\n}\r\n#sc-cursor-ring {\r\n  width: 32px; height: 32px;\r\n  border: 1px solid rgba(var(--sc-accent-rgb),0.55);\r\n  z-index: 999998;\r\n  transition: opacity .35s ease,\r\n              width .28s cubic-bezier(0.34,1.4,0.64,1),\r\n              height .28s cubic-bezier(0.34,1.4,0.64,1),\r\n              border-color .25s ease;\r\n}\r\n#sc-cursor-dot.sc-cur-on, #sc-cursor-ring.sc-cur-on { opacity: 1; }\r\n#sc-cursor-ring.sc-cur-big {\r\n  width: 52px; height: 52px; border-color: rgba(var(--sc-accent-rgb),0.8);\r\n}\r\n#sc-cursor-dot.sc-cur-big { width: 5px; height: 5px; }\r\n\r\n\/* 7. TABLETTE & MOBILE *\/\r\n@media (hover: none), (pointer: coarse) {\r\n  #sc-cursor-dot, #sc-cursor-ring { display: none !important; }\r\n}\r\n\r\n\/* 7bis. MOBILE : pas de translation horizontale sur les reveals\r\n   (\u00e9vite tout d\u00e9bordement \u2192 header parfaitement stable). *\/\r\n@media (max-width: 921px) {\r\n  html.sc-anim .sc-fade-l,\r\n  html.sc-anim .sc-fade-r { transform: translateY(28px); }\r\n  html.sc-anim .sc-fade-l.sc-in,\r\n  html.sc-anim .sc-fade-r.sc-in { transform: translate(0, 0); }\r\n}\r\n\r\n\/* 8. ACCESSIBILIT\u00c9 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  html.sc-anim .sc-fade,\r\n  html.sc-anim .sc-fade-l,\r\n  html.sc-anim .sc-fade-r {\r\n    opacity: 1 !important; transform: none !important; transition: none !important;\r\n  }\r\n  html.sc-anim .sc-section-line { transform: scaleX(1) !important; transition: none !important; }\r\n  #scpb { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"scpb\" aria-hidden=\"true\"><\/div>\r\n<div id=\"sc-cursor-dot\" aria-hidden=\"true\"><\/div>\r\n<div id=\"sc-cursor-ring\" aria-hidden=\"true\"><\/div>\r\n\r\n<script>\r\n(function (w, d) {\r\n  'use strict';\r\n\r\n  const qsa = (s, c = d) => Array.from(c.querySelectorAll(s));\r\n  const rAF = fn => requestAnimationFrame(fn);\r\n  const html = d.documentElement;\r\n\r\n  const IS_DESKTOP = w.matchMedia('(hover: hover) and (pointer: fine)').matches;\r\n  const REDUCED    = w.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  html.classList.add('sc-anim');\r\n\r\n  \/* 0. Sortir les \u00e9l\u00e9ments globaux du flux du widget : on les rattache \u00e0 <body>\r\n        (sinon, plac\u00e9s dans une colonne Elementor, ils peuvent influer la mise en page). *\/\r\n  function relocateGlobals() {\r\n    ['scpb', 'sc-cursor-dot', 'sc-cursor-ring'].forEach(function (id) {\r\n      const el = d.getElementById(id);\r\n      if (el && el.parentNode !== d.body) d.body.appendChild(el);\r\n    });\r\n  }\r\n\r\n  \/* 1. PROGRESSION (le bouton retour en haut reste celui du th\u00e8me) *\/\r\n  function setupScroll() {\r\n    const bar = d.getElementById('scpb');\r\n    if (!bar) return;\r\n    let raf = null;\r\n    function tick() {\r\n      const sy = w.scrollY;\r\n      const total = d.documentElement.scrollHeight - w.innerHeight;\r\n      bar.style.transform = `scaleX(${total > 0 ? (sy \/ total).toFixed(4) : 0})`;\r\n      raf = null;\r\n    }\r\n    w.addEventListener('scroll', () => { raf ??= rAF(tick); }, { passive: true });\r\n    tick();\r\n  }\r\n\r\n  \/* 2. SMOOTH SCROLL ANCRES *\/\r\n  function setupSmoothScroll() {\r\n    d.addEventListener('click', e => {\r\n      const a = e.target.closest('a[href^=\"#\"]');\r\n      if (!a || a.closest('[data-elementor-type]')) return;\r\n      const id = a.getAttribute('href').slice(1);\r\n      if (!id) return;\r\n      const t = d.getElementById(id);\r\n      if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n    });\r\n  }\r\n\r\n  \/* 3. CURSEUR DOR\u00c9 *\/\r\n  function setupCursor() {\r\n    if (!IS_DESKTOP) return;\r\n    const dot  = d.getElementById('sc-cursor-dot');\r\n    const ring = d.getElementById('sc-cursor-ring');\r\n    if (!dot || !ring) return;\r\n\r\n    let mx = 0, my = 0, rx = 0, ry = 0, cRaf = null, active = false;\r\n\r\n    d.addEventListener('mousemove', ({ clientX, clientY }) => {\r\n      mx = clientX; my = clientY;\r\n      dot.style.transform = `translate3d(${mx - 4}px, ${my - 4}px, 0)`;\r\n      cRaf ??= rAF(lerpRing);\r\n    }, { passive: true });\r\n\r\n    function lerpRing() {\r\n      rx += (mx - rx) * 0.13; ry += (my - ry) * 0.13;\r\n      ring.style.transform = `translate3d(${(rx - 16).toFixed(1)}px, ${(ry - 16).toFixed(1)}px, 0)`;\r\n      cRaf = (Math.abs(mx - rx) > 0.3 || Math.abs(my - ry) > 0.3) ? rAF(lerpRing) : null;\r\n    }\r\n\r\n    const zones = [\r\n      '.sc-hero-wrap', '.xap-wrap', '.sc-gran-wrap', '.sc-qual-wrap',\r\n      '.sc-ana-wrap', '.sc-loc-wrap', '.sc-av-wrap', '.sc-cho-wrap', '.pres-wrap'\r\n    ];\r\n    let bound = false;\r\n    zones.forEach(sel => qsa(sel).forEach(el => {\r\n      el.addEventListener('mouseenter', () => {\r\n        active = true; dot.classList.add('sc-cur-on'); ring.classList.add('sc-cur-on');\r\n      }, { passive: true });\r\n      el.addEventListener('mouseleave', () => {\r\n        active = false;\r\n        dot.classList.remove('sc-cur-on', 'sc-cur-big');\r\n        ring.classList.remove('sc-cur-on', 'sc-cur-big');\r\n      }, { passive: true });\r\n      bound = true;\r\n    }));\r\n    if (!bound) {\r\n      d.addEventListener('mouseenter', () => {\r\n        dot.classList.add('sc-cur-on'); ring.classList.add('sc-cur-on');\r\n      }, { passive: true });\r\n    }\r\n\r\n    const CLICK_SEL = 'a, button, [role=\"button\"], .sc-btn-gold, .sc-btn-ghost, .sc-cho-btn, .xap-card-outer, .sc-gran-card-box, .sc-eng-card, .sc-ana-card, .sc-av-item, .sc-loc-item';\r\n    d.addEventListener('mouseover', e => {\r\n      if (active && e.target.closest(CLICK_SEL)) {\r\n        dot.classList.add('sc-cur-big'); ring.classList.add('sc-cur-big');\r\n      }\r\n    }, { passive: true });\r\n    d.addEventListener('mouseout', e => {\r\n      if (active && e.target.closest(CLICK_SEL)) {\r\n        dot.classList.remove('sc-cur-big'); ring.classList.remove('sc-cur-big');\r\n      }\r\n    }, { passive: true });\r\n  }\r\n\r\n  \/* 4. PARALLAXE *\/\r\n  function setupParallax() {\r\n    if (!IS_DESKTOP || REDUCED) return;\r\n    const LAYERS = [\r\n      ['.sc-hero-grid',       0.05],\r\n      ['.sc-hero-glow',       0.08],\r\n      ['.xap-grid-lines',     0.04],\r\n      ['.xap-overlay-radial', 0.06],\r\n    ];\r\n    const active = LAYERS.flatMap(([sel, f]) => qsa(sel).map(el => ({ el, f })));\r\n    if (!active.length) return;\r\n    active.forEach(({ el }) => { el.style.willChange = 'transform'; });\r\n    let pRaf = null;\r\n    function tick() {\r\n      const sy = w.scrollY;\r\n      active.forEach(({ el, f }) => { el.style.transform = `translate3d(0, ${(sy * f).toFixed(1)}px, 0)`; });\r\n      pRaf = null;\r\n    }\r\n    w.addEventListener('scroll', () => { pRaf ??= rAF(tick); }, { passive: true });\r\n    tick();\r\n  }\r\n\r\n  \/* 5. TILT 3D *\/\r\n  function setupTilt() {\r\n    if (!IS_DESKTOP || REDUCED) return;\r\n    qsa('.sc-av-quote').forEach(card => {\r\n      card.style.transformStyle = 'preserve-3d';\r\n      card.style.transition = 'transform .2s ease';\r\n      card.addEventListener('mousemove', e => {\r\n        const r = card.getBoundingClientRect();\r\n        const dx = (e.clientX - r.left - r.width \/ 2) \/ (r.width \/ 2);\r\n        const dy = (e.clientY - r.top - r.height \/ 2) \/ (r.height \/ 2);\r\n        card.style.transform =\r\n          `perspective(800px) rotateY(${(dx * 4).toFixed(2)}deg) rotateX(${(-dy * 3).toFixed(2)}deg) translateY(-4px)`;\r\n      }, { passive: true });\r\n      card.addEventListener('mouseleave', () => { card.style.transform = ''; });\r\n    });\r\n  }\r\n\r\n  \/* 6. SCROLL REVEAL BIDIRECTIONNEL\r\n        Les reveals g\u00e9n\u00e9riques EXCLUENT .sc-qual-wrap (g\u00e9r\u00e9e par setupBars). *\/\r\n  function tagReveals() {\r\n    const left = '.sc-av-list, .sc-loc-map-box, .sc-cho-images-container, .pres-visual';\r\n    const right = '.sc-av-quote, .sc-loc-right, .sc-cho-right, .pres-content, .sc-hero-right';\r\n    const up = [\r\n      '.sc-gran-header', '.sc-gran-grid',\r\n      '.sc-ana-header', '.sc-ana-grid',\r\n      '.xap-header',\r\n      '.sc-av-eyebrow', '.sc-av-title',\r\n      '.sc-cho-eyebrow'\r\n    ].join(',');\r\n\r\n    qsa(left).forEach(el  => { if (!hasFade(el) && !inQual(el)) el.classList.add('sc-fade-l'); });\r\n    qsa(right).forEach(el => { if (!hasFade(el) && !inQual(el)) el.classList.add('sc-fade-r'); });\r\n    qsa(up).forEach(el    => { if (!hasFade(el) && !inQual(el)) el.classList.add('sc-fade'); });\r\n\r\n    qsa('.xap-divider').forEach(el => el.classList.add('sc-section-line'));\r\n  }\r\n  function hasFade(el) {\r\n    return el.classList.contains('sc-fade') ||\r\n           el.classList.contains('sc-fade-l') ||\r\n           el.classList.contains('sc-fade-r');\r\n  }\r\n  function inQual(el) {\r\n    return !!el.closest('.sc-qual-wrap');\r\n  }\r\n\r\n  function startRevealObserver() {\r\n    if (!('IntersectionObserver' in w)) {\r\n      qsa('.sc-fade, .sc-fade-l, .sc-fade-r, .sc-section-line').forEach(el => el.classList.add('sc-in'));\r\n      return;\r\n    }\r\n    const obs = new IntersectionObserver(entries => {\r\n      entries.forEach(({ target: el, isIntersecting }) => {\r\n        if (isIntersecting) {\r\n          el.classList.remove('sc-exit');\r\n          rAF(() => el.classList.add('sc-in'));\r\n        } else {\r\n          el.classList.add('sc-exit');\r\n          el.classList.remove('sc-in');\r\n          rAF(() => el.classList.remove('sc-exit'));\r\n        }\r\n      });\r\n    }, { threshold: 0.08, rootMargin: '0px 0px -24px 0px' });\r\n    qsa('.sc-fade, .sc-fade-l, .sc-fade-r, .sc-section-line').forEach(el => obs.observe(el));\r\n  }\r\n\r\n  \/* 7. COMPTEURS *\/\r\n  function easeOutExpo(t) { return t >= 1 ? 1 : 1 - Math.pow(2, -10 * t); }\r\n  function animCount(el, end, suffix, dur, decimals) {\r\n    if (el._scRaf) cancelAnimationFrame(el._scRaf);\r\n    let start = null;\r\n    el.classList.remove('sc-glow');\r\n    function step(ts) {\r\n      start ??= ts;\r\n      const p = Math.min((ts - start) \/ dur, 1);\r\n      const val = easeOutExpo(p) * end;\r\n      el.textContent = (decimals ? val.toFixed(decimals) : Math.round(val)).toString().replace('.', ',') + suffix;\r\n      if (p < 1) { el._scRaf = rAF(step); }\r\n      else {\r\n        el.textContent = (decimals ? end.toFixed(decimals) : end).toString().replace('.', ',') + suffix;\r\n        el._scRaf = null;\r\n        setTimeout(() => el.classList.add('sc-glow'), 80);\r\n      }\r\n    }\r\n    el._scRaf = rAF(step);\r\n  }\r\n  function setupCounters() {\r\n    if (REDUCED) return;\r\n    qsa('.sc-stat-val').forEach(el => {\r\n      const txt = el.textContent.trim();\r\n      const m = txt.match(\/[\\d.,]+\/);\r\n      if (!m) return;\r\n      const n = parseFloat(m[0].replace(',', '.'));\r\n      if (isNaN(n)) return;\r\n      el.dataset.scN = n;\r\n      el.dataset.scS = txt.includes('%') ? '%' : '';\r\n      el.dataset.scD = (m[0].includes(',') || m[0].includes('.')) ? 1 : 0;\r\n    });\r\n    if (!('IntersectionObserver' in w)) return;\r\n    const obs = new IntersectionObserver(entries => {\r\n      entries.forEach(({ target: el, isIntersecting }) => {\r\n        if (!el.dataset.scN) return;\r\n        const end = parseFloat(el.dataset.scN);\r\n        const suffix = el.dataset.scS ?? '';\r\n        const dec = parseInt(el.dataset.scD, 10);\r\n        if (isIntersecting) {\r\n          animCount(el, end, suffix, 1400, dec);\r\n        } else {\r\n          if (el._scRaf) cancelAnimationFrame(el._scRaf);\r\n          el._scRaf = null; el.classList.remove('sc-glow');\r\n          el.textContent = (dec ? end.toFixed(dec) : end).toString().replace('.', ',') + suffix;\r\n        }\r\n      });\r\n    }, { threshold: 0.6 });\r\n    qsa('.sc-stat-val').forEach(el => { if (el.dataset.scN) obs.observe(el); });\r\n  }\r\n\r\n  \/* 8. JAUGES (section qualit\u00e9) \u2014 REVEAL BIDIRECTIONNEL\r\n        Remplit les barres au scroll vers le bas, les r\u00e9initialise\r\n        quand la section quitte l'\u00e9cran, et les r\u00e9-anime en remontant. *\/\r\n  function setupBars() {\r\n    \/\/ Conteneurs porteurs de la classe d'\u00e9tat (.is-visible) qui pilote les .sc-bar-fill\r\n    const targets = qsa('.sc-bento, .sc-qual-grid, .sc-qual-wrap');\r\n    if (!targets.length) return;\r\n\r\n    \/\/ Sans IO ou en reduced-motion : barres pleines d'embl\u00e9e\r\n    if (REDUCED || !('IntersectionObserver' in w)) {\r\n      targets.forEach(t => t.classList.add('is-visible'));\r\n      return;\r\n    }\r\n\r\n    const obs = new IntersectionObserver(entries => {\r\n      entries.forEach(({ target, isIntersecting }) => {\r\n        if (isIntersecting) {\r\n          target.classList.add('is-visible');\r\n        } else {\r\n          \/\/ r\u00e9initialise pour permettre la r\u00e9-animation au retour\r\n          target.classList.remove('is-visible');\r\n        }\r\n      });\r\n    }, { threshold: 0.2, rootMargin: '0px 0px -10% 0px' });\r\n\r\n    targets.forEach(t => obs.observe(t));\r\n  }\r\n\r\n  function init() {\r\n    relocateGlobals();\r\n    setupScroll();\r\n    setupSmoothScroll();\r\n    setupCursor();\r\n    setupParallax();\r\n    tagReveals();\r\n    startRevealObserver();\r\n    setupCounters();\r\n    setupTilt();\r\n    setupBars();\r\n  }\r\n\r\n  function boot() {\r\n    if (w.elementorFrontend && w.elementorFrontend.isEditMode && w.elementorFrontend.isEditMode()) return;\r\n    setTimeout(init, 120);\r\n  }\r\n\r\n  if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', boot);\r\n  else boot();\r\n\r\n  w.addEventListener('load', () => setTimeout(() => {\r\n    tagReveals(); startRevealObserver(); setupBars();\r\n  }, 200));\r\n\r\n}(window, document));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Silice Extraction \u2014 Tlemcen, Alg\u00e9rie Sable siliceux haute puret\u00e9 \u2013 Prix d\u2019Alg\u00e9rie Silice Santa Cruz extrait et commercialise un sable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-406","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sable siliceux haute puret\u00e9 pour vos usages industriels<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez le sable siliceux en Alg\u00e9rie : propri\u00e9t\u00e9s, puret\u00e9 (&gt;95% SiO\u2082) et gisements. Un guide complet sur ses usages en verrerie, filtration\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/silicesantacruz.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sable siliceux haute puret\u00e9 pour vos usages industriels\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez le sable siliceux en Alg\u00e9rie : propri\u00e9t\u00e9s, puret\u00e9 (&gt;95% SiO\u2082) et gisements. Un guide complet sur ses usages en verrerie, filtration\" \/>\n<meta property=\"og:url\" content=\"https:\/\/silicesantacruz.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"Silice Santa Cruz\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-09T11:31:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/verrerie-et-vitrage-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 \u062f\u0642\u064a\u0642\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/\",\"url\":\"https:\\\/\\\/silicesantacruz.com\\\/\",\"name\":\"Sable siliceux haute puret\u00e9 pour vos usages industriels\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/silicesantacruz.com\\\/wp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/verrerie-et-vitrage-1.webp\",\"datePublished\":\"2026-06-05T13:49:51+00:00\",\"dateModified\":\"2026-08-09T11:31:53+00:00\",\"description\":\"D\u00e9couvrez le sable siliceux en Alg\u00e9rie : propri\u00e9t\u00e9s, puret\u00e9 (>95% SiO\u2082) et gisements. Un guide complet sur ses usages en verrerie, filtration\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/silicesantacruz.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/silicesantacruz.com\\\/wp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/verrerie-et-vitrage-1.webp\",\"contentUrl\":\"https:\\\/\\\/silicesantacruz.com\\\/wp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/verrerie-et-vitrage-1.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/silicesantacruz.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sable siliceux d&rsquo;Alg\u00e9rie haute puret\u00e9 : usages, prix et fournisseur\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#website\",\"url\":\"https:\\\/\\\/silicesantacruz.com\\\/\",\"name\":\"Sable siliceux Santa Cruz\",\"description\":\"La Silice Santa Cruz au service du granul\u00e9 indispensable \u00e0 votre projet\",\"publisher\":{\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/silicesantacruz.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#organization\",\"name\":\"Sable siliceux Santa Cruz\",\"url\":\"https:\\\/\\\/silicesantacruz.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/silicesantacruz.com\\\/wp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-cropped-fave-icone-silice-santa-cruz.png\",\"contentUrl\":\"https:\\\/\\\/silicesantacruz.com\\\/wp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-cropped-fave-icone-silice-santa-cruz.png\",\"width\":512,\"height\":512,\"caption\":\"Sable siliceux Santa Cruz\"},\"image\":{\"@id\":\"https:\\\/\\\/silicesantacruz.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0631\u0645\u0644 \u0633\u064a\u0644\u064a\u0633\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u0646\u0642\u0627\u0621 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629","description":"\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0631\u0645\u0644 \u0627\u0644\u0633\u064a\u0644\u064a\u0633\u064a \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631: \u062e\u0635\u0627\u0626\u0635\u0647\u060c \u0648\u0646\u0642\u0627\u0648\u062a\u0647 (&gt;95% SiO\u2082)\u060c \u0648\u0645\u0646\u0627\u062c\u0645\u0647. \u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u062d\u0648\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a\u0647 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u062a\u0631\u0634\u064a\u062d","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/silicesantacruz.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"Sable siliceux haute puret\u00e9 pour vos usages industriels","og_description":"D\u00e9couvrez le sable siliceux en Alg\u00e9rie : propri\u00e9t\u00e9s, puret\u00e9 (>95% SiO\u2082) et gisements. Un guide complet sur ses usages en verrerie, filtration","og_url":"https:\/\/silicesantacruz.com\/ar\/","og_site_name":"Silice Santa Cruz","article_modified_time":"2026-08-09T11:31:53+00:00","og_image":[{"url":"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/verrerie-et-vitrage-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"11 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/silicesantacruz.com\/","url":"https:\/\/silicesantacruz.com\/","name":"\u0631\u0645\u0644 \u0633\u064a\u0644\u064a\u0633\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u0646\u0642\u0627\u0621 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629","isPartOf":{"@id":"https:\/\/silicesantacruz.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/silicesantacruz.com\/#primaryimage"},"image":{"@id":"https:\/\/silicesantacruz.com\/#primaryimage"},"thumbnailUrl":"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/verrerie-et-vitrage-1.webp","datePublished":"2026-06-05T13:49:51+00:00","dateModified":"2026-08-09T11:31:53+00:00","description":"\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0631\u0645\u0644 \u0627\u0644\u0633\u064a\u0644\u064a\u0633\u064a \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631: \u062e\u0635\u0627\u0626\u0635\u0647\u060c \u0648\u0646\u0642\u0627\u0648\u062a\u0647 (&gt;95% SiO\u2082)\u060c \u0648\u0645\u0646\u0627\u062c\u0645\u0647. \u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u062d\u0648\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a\u0647 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u062a\u0631\u0634\u064a\u062d","breadcrumb":{"@id":"https:\/\/silicesantacruz.com\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/silicesantacruz.com\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/silicesantacruz.com\/#primaryimage","url":"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/verrerie-et-vitrage-1.webp","contentUrl":"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/verrerie-et-vitrage-1.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/silicesantacruz.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/silicesantacruz.com\/"},{"@type":"ListItem","position":2,"name":"Sable siliceux d&rsquo;Alg\u00e9rie haute puret\u00e9 : usages, prix et fournisseur"}]},{"@type":"WebSite","@id":"https:\/\/silicesantacruz.com\/#website","url":"https:\/\/silicesantacruz.com\/","name":"\u0631\u0645\u0644 \u0633\u064a\u0644\u064a\u0633\u064a \u0645\u0646 \u0633\u0627\u0646\u062a\u0627 \u0643\u0631\u0648\u0632","description":"\u0634\u0631\u0643\u0629 \u00ab\u0633\u064a\u0644\u064a\u0633 \u0633\u0627\u0646\u062a\u0627 \u0643\u0631\u0648\u0632\u00bb \u062a\u0648\u0641\u0631 \u0627\u0644\u062d\u0628\u064a\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u0644\u0627 \u063a\u0646\u0649 \u0639\u0646\u0647\u0627 \u0644\u0645\u0634\u0631\u0648\u0639\u0643","publisher":{"@id":"https:\/\/silicesantacruz.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/silicesantacruz.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/silicesantacruz.com\/#organization","name":"\u0631\u0645\u0644 \u0633\u064a\u0644\u064a\u0633\u064a \u0645\u0646 \u0633\u0627\u0646\u062a\u0627 \u0643\u0631\u0648\u0632","url":"https:\/\/silicesantacruz.com\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/silicesantacruz.com\/#\/schema\/logo\/image\/","url":"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/cropped-cropped-fave-icone-silice-santa-cruz.png","contentUrl":"https:\/\/silicesantacruz.com\/wp\/wp-content\/uploads\/2026\/07\/cropped-cropped-fave-icone-silice-santa-cruz.png","width":512,"height":512,"caption":"Sable siliceux Santa Cruz"},"image":{"@id":"https:\/\/silicesantacruz.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/pages\/406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":506,"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":1631,"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/pages\/406\/revisions\/1631"}],"wp:attachment":[{"href":"https:\/\/silicesantacruz.com\/ar\/wp-json\/wp\/v2\/media?parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}