{"id":2,"date":"2026-05-21T08:01:42","date_gmt":"2026-05-21T08:01:42","guid":{"rendered":"http:\/\/reyonisenergie.fr\/?page_id=2"},"modified":"2026-05-30T11:46:18","modified_gmt":"2026-05-30T07:46:18","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/reyonisenergie.fr\/","title":{"rendered":"R\u00e9yonis \u00c9nergie"},"content":{"rendered":"

[et_pb_section fb_built=\u00a0\u00bb1″ _builder_version=\u00a0\u00bb4.27.4″ background_color=\u00a0\u00bb#000000″ custom_padding=\u00a0\u00bb0px||0px||true|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||true|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb max_width=\u00a0\u00bb2560px\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.16″ custom_padding=\u00a0\u00bb|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||true|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″]R\u00e9yonis \u00c9nergie \u2014 Nou l\u00e9 an konstriksyon !<\/title><!-- [et_pb_line_break_holder] --><meta name=\"description\" content=\"R\u00e9yonis \u00c9nergie pr\u00e9pare l'exp\u00e9rience photovolta\u00efque nouvelle g\u00e9n\u00e9ration \u00e0 La R\u00e9union. Restez inform\u00e9s du lancement.\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Typographies premium --><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> R\u00c9YONIS \u00c9NERGIE \u2014 Page \"Under Construction\"<!-- [et_pb_line_break_holder] --> Palette : noir profond + or m\u00e9tallique<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] --> --noir-1: #0a0a0a;<!-- [et_pb_line_break_holder] --> --noir-2: #141414;<!-- [et_pb_line_break_holder] --> --noir-3: #1a1a1a;<!-- [et_pb_line_break_holder] --> --noir-card: rgba(20, 20, 20, 0.65);<!-- [et_pb_line_break_holder] --> --or-1: #FFD700; \/* or vif *\/<!-- [et_pb_line_break_holder] --> --or-2: #D4AF37; \/* or classique *\/<!-- [et_pb_line_break_holder] --> --or-3: #B8860B; \/* or sombre *\/<!-- [et_pb_line_break_holder] --> --or-4: #FFF3B0; \/* or p\u00e2le \/ reflet *\/<!-- [et_pb_line_break_holder] --> --blanc: #ffffff;<!-- [et_pb_line_break_holder] --> --gris-doux: rgba(255, 255, 255, 0.72);<!-- [et_pb_line_break_holder] --> --gris-faible: rgba(255, 255, 255, 0.45);<!-- [et_pb_line_break_holder] --> --bordure-or: rgba(212, 175, 55, 0.35);<!-- [et_pb_line_break_holder] --> --ombre-or: 0 0 32px rgba(212, 175, 55, 0.35);<!-- [et_pb_line_break_holder] --> --gradient-or: linear-gradient(135deg, #B8860B 0%, #D4AF37 25%, #FFD700 50%, #FFF3B0 65%, #D4AF37 85%, #B8860B 100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->* { box-sizing: border-box; margin: 0; padding: 0; }<!-- [et_pb_line_break_holder] -->html, body { width: 100%; overflow-x: hidden; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] --> font-family: 'Inter', system-ui, sans-serif;<!-- [et_pb_line_break_holder] --> background: radial-gradient(ellipse at top, #1a1a1a 0%, #0a0a0a 60%, #050505 100%);<!-- [et_pb_line_break_holder] --> color: var(--blanc);<!-- [et_pb_line_break_holder] --> min-height: 100vh;<!-- [et_pb_line_break_holder] --> line-height: 1.5;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ----- Texture grain subtile sur tout le fond ----- *\/<!-- [et_pb_line_break_holder] -->body::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> inset: 0;<!-- [et_pb_line_break_holder] --> background-image:<!-- [et_pb_line_break_holder] --> radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.08) 0%, transparent 40%),<!-- [et_pb_line_break_holder] --> radial-gradient(circle at 80% 70%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ----- Canvas pour particules dor\u00e9es ----- *\/<!-- [et_pb_line_break_holder] -->#particles {<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> inset: 0;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ----- Conteneur principal ----- *\/<!-- [et_pb_line_break_holder] -->.wrap {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> max-width: 1280px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 32px 28px 80px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> HEADER + LOGO<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->header {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding-top: 24px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.logo-wrap {<!-- [et_pb_line_break_holder] --> display: inline-flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 14px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 0.1s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.logo-img {<!-- [et_pb_line_break_holder] --> width: 110px;<!-- [et_pb_line_break_holder] --> height: 110px;<!-- [et_pb_line_break_holder] --> object-fit: contain;<!-- [et_pb_line_break_holder] --> filter: drop-shadow(0 0 24px rgba(255, 215, 0, 0.5));<!-- [et_pb_line_break_holder] --> animation: pulseLogo 3s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes pulseLogo {<!-- [et_pb_line_break_holder] --> 0%, 100% { filter: drop-shadow(0 0 18px rgba(255, 215, 0, 0.45)); transform: scale(1); }<!-- [et_pb_line_break_holder] --> 50% { filter: drop-shadow(0 0 36px rgba(255, 215, 0, 0.85)); transform: scale(1.04); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.brand {<!-- [et_pb_line_break_holder] --> font-family: 'Cinzel', serif;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> font-size: 22px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.32em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> background: var(--gradient-or);<!-- [et_pb_line_break_holder] --> -webkit-background-clip: text;<!-- [et_pb_line_break_holder] --> background-clip: text;<!-- [et_pb_line_break_holder] --> color: transparent;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.brand-sub {<!-- [et_pb_line_break_holder] --> font-size: 11px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.5em;<!-- [et_pb_line_break_holder] --> color: var(--gris-doux);<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> margin-top: -4px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> SC\u00c8NE CENTRALE \u2014 Le chantier anim\u00e9<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.scene {<!-- [et_pb_line_break_holder] --> margin: 56px auto 32px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 760px;<!-- [et_pb_line_break_holder] --> height: 360px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 0.4s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Soleil de fond *\/<!-- [et_pb_line_break_holder] -->.sun-bg {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 10px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> width: 280px;<!-- [et_pb_line_break_holder] --> height: 280px;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.sun-core {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> inset: 80px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> background: radial-gradient(circle, #FFE56B 0%, #FFD700 35%, #D4AF37 65%, transparent 80%);<!-- [et_pb_line_break_holder] --> box-shadow:<!-- [et_pb_line_break_holder] --> 0 0 60px rgba(255, 215, 0, 0.6),<!-- [et_pb_line_break_holder] --> 0 0 120px rgba(255, 215, 0, 0.35),<!-- [et_pb_line_break_holder] --> inset 0 0 30px rgba(255, 243, 176, 0.6);<!-- [et_pb_line_break_holder] --> animation: sunPulse 4s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes sunPulse {<!-- [et_pb_line_break_holder] --> 0%, 100% { transform: scale(1); opacity: 0.95; }<!-- [et_pb_line_break_holder] --> 50% { transform: scale(1.08); opacity: 1; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.sun-rays {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> inset: 0;<!-- [et_pb_line_break_holder] --> animation: rotateSlow 30s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.sun-rays svg { width: 100%; height: 100%; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes rotateSlow {<!-- [et_pb_line_break_holder] --> to { transform: rotate(360deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Sol \/ plate-forme *\/<!-- [et_pb_line_break_holder] -->.ground {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 30px;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> height: 4px;<!-- [et_pb_line_break_holder] --> background: linear-gradient(90deg, transparent, var(--or-2), var(--or-1), var(--or-2), transparent);<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 16px rgba(212, 175, 55, 0.6);<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* \u00c9chafaudage c\u00f4t\u00e9 gauche *\/<!-- [et_pb_line_break_holder] -->.scaffold {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 34px;<!-- [et_pb_line_break_holder] --> left: 8%;<!-- [et_pb_line_break_holder] --> width: 110px;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> z-index: 3;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Panneaux solaires en construction (droite) *\/<!-- [et_pb_line_break_holder] -->.panels {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 34px;<!-- [et_pb_line_break_holder] --> right: 6%;<!-- [et_pb_line_break_holder] --> width: 220px;<!-- [et_pb_line_break_holder] --> height: 180px;<!-- [et_pb_line_break_holder] --> z-index: 3;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.panel {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 100px;<!-- [et_pb_line_break_holder] --> height: 60px;<!-- [et_pb_line_break_holder] --> background: linear-gradient(135deg, #1a3a5a 0%, #2a5680 50%, #1a3a5a 100%);<!-- [et_pb_line_break_holder] --> border: 2px solid var(--or-2);<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 16px rgba(212, 175, 55, 0.4), inset 0 0 8px rgba(0,0,0,0.4);<!-- [et_pb_line_break_holder] --> border-radius: 3px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: panelAppear 1s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.panel::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> inset: 4px;<!-- [et_pb_line_break_holder] --> background-image:<!-- [et_pb_line_break_holder] --> linear-gradient(rgba(212, 175, 55, 0.35) 1px, transparent 1px),<!-- [et_pb_line_break_holder] --> linear-gradient(90deg, rgba(212, 175, 55, 0.35) 1px, transparent 1px);<!-- [et_pb_line_break_holder] --> background-size: 18px 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.panel::after {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0; left: -20%;<!-- [et_pb_line_break_holder] --> width: 30%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> background: linear-gradient(115deg, transparent 30%, rgba(255, 243, 176, 0.4) 50%, transparent 70%);<!-- [et_pb_line_break_holder] --> animation: panelShine 4s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes panelShine {<!-- [et_pb_line_break_holder] --> 0%, 100% { left: -30%; }<!-- [et_pb_line_break_holder] --> 50% { left: 110%; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.panel-1 { bottom: 110px; left: 0; animation-delay: 1.2s; transform: rotate(-8deg); }<!-- [et_pb_line_break_holder] -->.panel-2 { bottom: 50px; left: 30px; animation-delay: 1.6s; transform: rotate(-4deg); }<!-- [et_pb_line_break_holder] -->.panel-3 { bottom: 0; left: 60px; animation-delay: 2.0s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes panelAppear {<!-- [et_pb_line_break_holder] --> from { opacity: 0; transform: translateY(20px) rotate(var(--r, 0deg)); }<!-- [et_pb_line_break_holder] --> to { opacity: 1; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Bonhomme anim\u00e9 \u2014 centre *\/<!-- [et_pb_line_break_holder] -->.worker {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 34px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> width: 160px;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> z-index: 5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Casque qui rebondit l\u00e9g\u00e8rement avec le bras *\/<!-- [et_pb_line_break_holder] -->.worker .helmet,<!-- [et_pb_line_break_holder] -->.worker .head,<!-- [et_pb_line_break_holder] -->.worker .body,<!-- [et_pb_line_break_holder] -->.worker .leg-l,<!-- [et_pb_line_break_holder] -->.worker .leg-r {<!-- [et_pb_line_break_holder] --> transform-origin: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Le bras qui visse \/ tape *\/<!-- [et_pb_line_break_holder] -->.arm-hammer {<!-- [et_pb_line_break_holder] --> transform-origin: 80px 90px; \/* \u00e9paule *\/<!-- [et_pb_line_break_holder] --> animation: hammering 0.8s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes hammering {<!-- [et_pb_line_break_holder] --> 0%, 100% { transform: rotate(-15deg); }<!-- [et_pb_line_break_holder] --> 40% { transform: rotate(-65deg); }<!-- [et_pb_line_break_holder] --> 60% { transform: rotate(-65deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* L\u00e9ger bounce du corps *\/<!-- [et_pb_line_break_holder] -->.worker-body-group {<!-- [et_pb_line_break_holder] --> animation: workerBounce 0.8s ease-in-out infinite;<!-- [et_pb_line_break_holder] --> transform-origin: bottom center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes workerBounce {<!-- [et_pb_line_break_holder] --> 0%, 100% { transform: translateY(0); }<!-- [et_pb_line_break_holder] --> 40% { transform: translateY(-2px); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* \u00c9tincelles sur le point d'impact *\/<!-- [et_pb_line_break_holder] -->.spark {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 4px;<!-- [et_pb_line_break_holder] --> height: 4px;<!-- [et_pb_line_break_holder] --> background: var(--or-1);<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 8px var(--or-1);<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.spark-1 { top: 60px; left: 35%; animation: spark 0.8s ease-out infinite; }<!-- [et_pb_line_break_holder] -->.spark-2 { top: 55px; left: 38%; animation: spark 0.8s ease-out 0.1s infinite; }<!-- [et_pb_line_break_holder] -->.spark-3 { top: 65px; left: 32%; animation: spark 0.8s ease-out 0.2s infinite; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes spark {<!-- [et_pb_line_break_holder] --> 0% { opacity: 0; transform: translate(0,0) scale(0.5); }<!-- [et_pb_line_break_holder] --> 20% { opacity: 1; }<!-- [et_pb_line_break_holder] --> 100% { opacity: 0; transform: translate(var(--tx, 12px), var(--ty, -12px)) scale(1); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.spark-1 { --tx: -14px; --ty: -16px; }<!-- [et_pb_line_break_holder] -->.spark-2 { --tx: 0; --ty: -20px; }<!-- [et_pb_line_break_holder] -->.spark-3 { --tx: 14px; --ty: -14px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> TITRE PRINCIPAL<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.titre-wrap {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> margin: 16px auto 24px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 0.7s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->h1 {<!-- [et_pb_line_break_holder] --> font-family: 'Cinzel', serif;<!-- [et_pb_line_break_holder] --> font-weight: 800;<!-- [et_pb_line_break_holder] --> font-size: clamp(36px, 6.5vw, 76px);<!-- [et_pb_line_break_holder] --> letter-spacing: 0.02em;<!-- [et_pb_line_break_holder] --> line-height: 1.05;<!-- [et_pb_line_break_holder] --> background: var(--gradient-or);<!-- [et_pb_line_break_holder] --> background-size: 200% auto;<!-- [et_pb_line_break_holder] --> -webkit-background-clip: text;<!-- [et_pb_line_break_holder] --> background-clip: text;<!-- [et_pb_line_break_holder] --> color: transparent;<!-- [et_pb_line_break_holder] --> text-shadow: 0 0 1px rgba(212, 175, 55, 0.3);<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> animation: goldShimmer 4s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes goldShimmer {<!-- [et_pb_line_break_holder] --> to { background-position: 200% center; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.subtitle {<!-- [et_pb_line_break_holder] --> font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: clamp(16px, 2vw, 22px);<!-- [et_pb_line_break_holder] --> font-weight: 300;<!-- [et_pb_line_break_holder] --> color: var(--gris-doux);<!-- [et_pb_line_break_holder] --> margin-top: 14px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.02em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.subtitle .accent {<!-- [et_pb_line_break_holder] --> color: var(--or-1);<!-- [et_pb_line_break_holder] --> font-weight: 500;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> MESSAGE D'ACCROCHE<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.pitch {<!-- [et_pb_line_break_holder] --> max-width: 640px;<!-- [et_pb_line_break_holder] --> margin: 0 auto 40px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> font-size: 17px;<!-- [et_pb_line_break_holder] --> color: var(--gris-doux);<!-- [et_pb_line_break_holder] --> line-height: 1.7;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 0.9s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.pitch .creole {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-family: 'Cinzel', serif;<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> color: var(--or-2);<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.08em;<!-- [et_pb_line_break_holder] --> margin-top: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> BARRE DE PROGRESSION<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.progress-block {<!-- [et_pb_line_break_holder] --> max-width: 560px;<!-- [et_pb_line_break_holder] --> margin: 0 auto 48px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 1.1s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-label {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> align-items: baseline;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> font-size: 12px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.3em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> color: var(--or-2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-pct {<!-- [et_pb_line_break_holder] --> font-family: 'Cinzel', serif;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> color: var(--or-1);<!-- [et_pb_line_break_holder] --> letter-spacing: 0.05em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-track {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 14px;<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, 0.04);<!-- [et_pb_line_break_holder] --> border: 1px solid var(--bordure-or);<!-- [et_pb_line_break_holder] --> border-radius: 8px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-fill {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0; left: 0; bottom: 0;<!-- [et_pb_line_break_holder] --> width: 0%;<!-- [et_pb_line_break_holder] --> background: var(--gradient-or);<!-- [et_pb_line_break_holder] --> background-size: 200% auto;<!-- [et_pb_line_break_holder] --> border-radius: 8px;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 18px rgba(255, 215, 0, 0.6);<!-- [et_pb_line_break_holder] --> transition: width 0.6s ease-out;<!-- [et_pb_line_break_holder] --> animation: goldShimmer 3s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.progress-fill::after {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0; bottom: 0;<!-- [et_pb_line_break_holder] --> width: 80px;<!-- [et_pb_line_break_holder] --> background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);<!-- [et_pb_line_break_holder] --> animation: progressGloss 2.4s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes progressGloss {<!-- [et_pb_line_break_holder] --> 0% { left: -80px; }<!-- [et_pb_line_break_holder] --> 100% { left: 100%; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> COMPTE \u00c0 REBOURS<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.countdown {<!-- [et_pb_line_break_holder] --> display: grid;<!-- [et_pb_line_break_holder] --> grid-template-columns: repeat(4, 1fr);<!-- [et_pb_line_break_holder] --> gap: 16px;<!-- [et_pb_line_break_holder] --> max-width: 640px;<!-- [et_pb_line_break_holder] --> margin: 0 auto 56px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 1.3s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-cell {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> background: linear-gradient(180deg, rgba(212, 175, 55, 0.08), rgba(0,0,0,0.4));<!-- [et_pb_line_break_holder] --> border: 1px solid var(--bordure-or);<!-- [et_pb_line_break_holder] --> border-radius: 12px;<!-- [et_pb_line_break_holder] --> padding: 18px 8px 14px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-cell::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> inset: 0;<!-- [et_pb_line_break_holder] --> background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), transparent 50%);<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-cell:hover {<!-- [et_pb_line_break_holder] --> border-color: var(--or-1);<!-- [et_pb_line_break_holder] --> box-shadow: var(--ombre-or);<!-- [et_pb_line_break_holder] --> transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-num {<!-- [et_pb_line_break_holder] --> font-family: 'Cinzel', serif;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> font-size: clamp(28px, 5vw, 44px);<!-- [et_pb_line_break_holder] --> background: var(--gradient-or);<!-- [et_pb_line_break_holder] --> background-size: 200% auto;<!-- [et_pb_line_break_holder] --> -webkit-background-clip: text;<!-- [et_pb_line_break_holder] --> background-clip: text;<!-- [et_pb_line_break_holder] --> color: transparent;<!-- [et_pb_line_break_holder] --> text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);<!-- [et_pb_line_break_holder] --> animation: goldShimmer 5s linear infinite;<!-- [et_pb_line_break_holder] --> line-height: 1;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-label {<!-- [et_pb_line_break_holder] --> margin-top: 6px;<!-- [et_pb_line_break_holder] --> font-size: 10px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.3em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> color: var(--gris-doux);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> FORMULAIRE PR\u00c9VIENS-MOI<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.form-block {<!-- [et_pb_line_break_holder] --> max-width: 560px;<!-- [et_pb_line_break_holder] --> margin: 0 auto 64px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 1.5s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-title {<!-- [et_pb_line_break_holder] --> font-family: 'Cinzel', serif;<!-- [et_pb_line_break_holder] --> font-size: 22px;<!-- [et_pb_line_break_holder] --> color: var(--or-1);<!-- [et_pb_line_break_holder] --> margin-bottom: 6px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.05em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-sub {<!-- [et_pb_line_break_holder] --> font-size: 13px;<!-- [et_pb_line_break_holder] --> color: var(--gris-doux);<!-- [et_pb_line_break_holder] --> margin-bottom: 18px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.05em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-row {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] --> align-items: stretch;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-row input[type=\"email\"] {<!-- [et_pb_line_break_holder] --> flex: 1;<!-- [et_pb_line_break_holder] --> background: rgba(0, 0, 0, 0.5);<!-- [et_pb_line_break_holder] --> border: 1px solid var(--bordure-or);<!-- [et_pb_line_break_holder] --> border-radius: 10px;<!-- [et_pb_line_break_holder] --> padding: 14px 18px;<!-- [et_pb_line_break_holder] --> color: var(--blanc);<!-- [et_pb_line_break_holder] --> font-family: inherit;<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> outline: none;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-row input[type=\"email\"]::placeholder {<!-- [et_pb_line_break_holder] --> color: var(--gris-faible);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-row input[type=\"email\"]:focus {<!-- [et_pb_line_break_holder] --> border-color: var(--or-1);<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15), inset 0 0 8px rgba(255, 215, 0, 0.08);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.btn-gold {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> background: var(--gradient-or);<!-- [et_pb_line_break_holder] --> background-size: 200% auto;<!-- [et_pb_line_break_holder] --> color: var(--noir-1);<!-- [et_pb_line_break_holder] --> font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.15em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> border-radius: 10px;<!-- [et_pb_line_break_holder] --> padding: 14px 26px;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.btn-gold::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0; left: -100%;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);<!-- [et_pb_line_break_holder] --> transition: left 0.6s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.btn-gold:hover {<!-- [et_pb_line_break_holder] --> background-position: right center;<!-- [et_pb_line_break_holder] --> box-shadow: 0 6px 28px rgba(255, 215, 0, 0.7);<!-- [et_pb_line_break_holder] --> transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.btn-gold:hover::before {<!-- [et_pb_line_break_holder] --> left: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.btn-gold:active { transform: translateY(0); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-msg {<!-- [et_pb_line_break_holder] --> margin-top: 14px;<!-- [et_pb_line_break_holder] --> min-height: 22px;<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> color: var(--or-1);<!-- [et_pb_line_break_holder] --> letter-spacing: 0.02em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> CONTACT<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.contact {<!-- [et_pb_line_break_holder] --> display: grid;<!-- [et_pb_line_break_holder] --> grid-template-columns: repeat(3, 1fr);<!-- [et_pb_line_break_holder] --> gap: 16px;<!-- [et_pb_line_break_holder] --> max-width: 760px;<!-- [et_pb_line_break_holder] --> margin: 0 auto 40px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 1.7s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contact-item {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 14px;<!-- [et_pb_line_break_holder] --> padding: 18px 18px;<!-- [et_pb_line_break_holder] --> background: var(--noir-card);<!-- [et_pb_line_break_holder] --> border: 1px solid var(--bordure-or);<!-- [et_pb_line_break_holder] --> border-radius: 12px;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] --> backdrop-filter: blur(6px);<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> color: inherit;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contact-item:hover {<!-- [et_pb_line_break_holder] --> border-color: var(--or-1);<!-- [et_pb_line_break_holder] --> box-shadow: var(--ombre-or);<!-- [et_pb_line_break_holder] --> transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contact-icon {<!-- [et_pb_line_break_holder] --> flex-shrink: 0;<!-- [et_pb_line_break_holder] --> width: 38px;<!-- [et_pb_line_break_holder] --> height: 38px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> background: rgba(255, 215, 0, 0.08);<!-- [et_pb_line_break_holder] --> border: 1px solid var(--bordure-or);<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> color: var(--or-1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contact-item:hover .contact-icon {<!-- [et_pb_line_break_holder] --> background: rgba(255, 215, 0, 0.18);<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 16px rgba(255, 215, 0, 0.5);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contact-text { display: flex; flex-direction: column; min-width: 0; }<!-- [et_pb_line_break_holder] -->.contact-label {<!-- [et_pb_line_break_holder] --> font-size: 10px;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.25em;<!-- [et_pb_line_break_holder] --> color: var(--gris-faible);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contact-value {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> font-weight: 500;<!-- [et_pb_line_break_holder] --> color: var(--blanc);<!-- [et_pb_line_break_holder] --> margin-top: 2px;<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> text-overflow: ellipsis;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> R\u00c9SEAUX SOCIAUX<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->.socials {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> gap: 18px;<!-- [et_pb_line_break_holder] --> margin: 0 0 48px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 1.9s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.social-btn {<!-- [et_pb_line_break_holder] --> width: 48px;<!-- [et_pb_line_break_holder] --> height: 48px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> background: rgba(20, 20, 20, 0.6);<!-- [et_pb_line_break_holder] --> border: 1px solid var(--bordure-or);<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> color: var(--or-1);<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.social-btn:hover {<!-- [et_pb_line_break_holder] --> transform: translateY(-4px) scale(1.1);<!-- [et_pb_line_break_holder] --> background: rgba(255, 215, 0, 0.12);<!-- [et_pb_line_break_holder] --> border-color: var(--or-1);<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 24px rgba(255, 215, 0, 0.7);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.social-btn svg { width: 20px; height: 20px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> FOOTER<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->footer {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding: 24px 0 0;<!-- [et_pb_line_break_holder] --> border-top: 1px solid rgba(212, 175, 55, 0.15);<!-- [et_pb_line_break_holder] --> font-size: 12px;<!-- [et_pb_line_break_holder] --> color: var(--gris-faible);<!-- [et_pb_line_break_holder] --> letter-spacing: 0.1em;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> animation: fadeUp 1.2s 2.1s forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->footer .stars { color: var(--or-1); letter-spacing: 0.1em; }<!-- [et_pb_line_break_holder] -->footer .island { color: var(--or-2); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> ANIMATIONS GLOBALES<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->@keyframes fadeUp {<!-- [et_pb_line_break_holder] --> from { opacity: 0; transform: translateY(20px); }<!-- [et_pb_line_break_holder] --> to { opacity: 1; transform: translateY(0); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* =========================================================<!-- [et_pb_line_break_holder] --> RESPONSIVE<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .wrap { padding: 24px 18px 60px; }<!-- [et_pb_line_break_holder] --> .scene { height: 320px; max-width: 100%; }<!-- [et_pb_line_break_holder] --> .sun-bg { width: 220px; height: 220px; }<!-- [et_pb_line_break_holder] --> .scaffold { left: 2%; width: 80px; height: 160px; }<!-- [et_pb_line_break_holder] --> .panels { right: 2%; width: 160px; height: 140px; }<!-- [et_pb_line_break_holder] --> .panels .panel { width: 78px; height: 46px; }<!-- [et_pb_line_break_holder] --> .worker { width: 130px; height: 170px; }<!-- [et_pb_line_break_holder] --> .contact { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] --> .form-row { flex-direction: column; }<!-- [et_pb_line_break_holder] --> .btn-gold { padding: 14px 20px; }<!-- [et_pb_line_break_holder] --> .countdown { gap: 10px; }<!-- [et_pb_line_break_holder] --> .cd-cell { padding: 14px 4px 12px; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 480px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .scene {<!-- [et_pb_line_break_holder] --> height: 280px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .sun-bg {<!-- [et_pb_line_break_holder] --> width: 180px;<!-- [et_pb_line_break_holder] --> height: 180px;<!-- [et_pb_line_break_holder] --> top: 6px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .scaffold {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .panels {<!-- [et_pb_line_break_holder] --> right: 4%;<!-- [et_pb_line_break_holder] --> width: 130px;<!-- [et_pb_line_break_holder] --> height: 110px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .panels .panel {<!-- [et_pb_line_break_holder] --> width: 64px;<!-- [et_pb_line_break_holder] --> height: 38px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* BONHOMME CENTR\u00c9 SUR MOBILE *\/<!-- [et_pb_line_break_holder] --> .worker {<!-- [et_pb_line_break_holder] --> width: 110px;<!-- [et_pb_line_break_holder] --> height: 150px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 50% !important;<!-- [et_pb_line_break_holder] --> bottom: 34px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> transform: translateX(-50%) !important;<!-- [et_pb_line_break_holder] --> margin-left: 0 !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> h1 {<!-- [et_pb_line_break_holder] --> letter-spacing: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* R\u00e9duction de motion pour accessibilit\u00e9 *\/<!-- [et_pb_line_break_holder] -->@media (prefers-reduced-motion: reduce) {<!-- [et_pb_line_break_holder] --> *, *::before, *::after {<!-- [et_pb_line_break_holder] --> animation-duration: 0.01ms !important;<!-- [et_pb_line_break_holder] --> animation-iteration-count: 1 !important;<!-- [et_pb_line_break_holder] --> transition-duration: 0.01ms !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Canvas particules dor\u00e9es flottantes --><!-- [et_pb_line_break_holder] --><canvas id=\"particles\"><\/canvas><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"wrap\" id=\"parallaxRoot\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== HEADER + LOGO ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<header><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"logo-wrap\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <img <!-- [et_pb_line_break_holder] --> src=\u00a0\u00bbhttp:\/\/reyonisenergie.fr\/wp-content\/uploads\/2026\/05\/IMG_1485.png\u00a0\u00bb<!-- [et_pb_line_break_holder] --> alt=\u00a0\u00bbLogo R\u00e9yonis \u00c9nergie\u00a0\u00bb<!-- [et_pb_line_break_holder] --> class=\u00a0\u00bblogo-img\u00a0\u00bb<!-- [et_pb_line_break_holder] --> \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"brand\">R\u00e9yonis \u00c9nergie<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"brand-sub\">Photovolta\u00efque \u2022 La R\u00e9union<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/header>\n<p><!-- [et_pb_line_break_holder] --> <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== SC\u00c8NE ANIM\u00c9E \u2014 LE CHANTIER ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"scene\" data-parallax=\"0.3\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Soleil en arri\u00e8re-plan --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sun-bg\" data-parallax=\"0.15\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sun-rays\"><!-- [et_pb_line_break_holder] --> <!-- Rayons du soleil --><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 280 280\"><!-- [et_pb_line_break_holder] --> <g stroke=\"#FFD700\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.7\"><!-- [et_pb_line_break_holder] --> <!-- 16 rayons --><!-- [et_pb_line_break_holder] --> <line x1=\"140\" y1=\"20\" x2=\"140\" y2=\"50\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"140\" y1=\"230\" x2=\"140\" y2=\"260\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"20\" y1=\"140\" x2=\"50\" y2=\"140\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"230\" y1=\"140\" x2=\"260\" y2=\"140\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"55\" y1=\"55\" x2=\"76\" y2=\"76\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"204\" y1=\"204\" x2=\"225\" y2=\"225\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"55\" y1=\"225\" x2=\"76\" y2=\"204\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"204\" y1=\"76\" x2=\"225\" y2=\"55\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"100\" y1=\"25\" x2=\"105\" y2=\"52\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"180\" y1=\"25\" x2=\"175\" y2=\"52\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"100\" y1=\"255\" x2=\"105\" y2=\"228\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"180\" y1=\"255\" x2=\"175\" y2=\"228\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"25\" y1=\"100\" x2=\"52\" y2=\"105\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"25\" y1=\"180\" x2=\"52\" y2=\"175\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"255\" y1=\"100\" x2=\"228\" y2=\"105\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"255\" y1=\"180\" x2=\"228\" y2=\"175\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --> <\/svg><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sun-core\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- \u00c9chafaudage dor\u00e9 (gauche) --><!-- [et_pb_line_break_holder] --> <svg class=\"scaffold\" viewBox=\"0 0 110 200\" data-parallax=\"0.4\"><!-- [et_pb_line_break_holder] --> <g stroke=\"#D4AF37\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.85\"><!-- [et_pb_line_break_holder] --> <!-- Montants verticaux --><!-- [et_pb_line_break_holder] --> <line x1=\"15\" y1=\"0\" x2=\"15\" y2=\"200\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"95\" y1=\"0\" x2=\"95\" y2=\"200\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"55\" y1=\"0\" x2=\"55\" y2=\"200\" opacity=\"0.5\"\/><!-- [et_pb_line_break_holder] --> <!-- Traverses --><!-- [et_pb_line_break_holder] --> <line x1=\"15\" y1=\"40\" x2=\"95\" y2=\"40\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"15\" y1=\"90\" x2=\"95\" y2=\"90\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"15\" y1=\"140\" x2=\"95\" y2=\"140\"\/><!-- [et_pb_line_break_holder] --> <!-- Diagonales --><!-- [et_pb_line_break_holder] --> <line x1=\"15\" y1=\"40\" x2=\"95\" y2=\"90\" opacity=\"0.5\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"95\" y1=\"40\" x2=\"15\" y2=\"90\" opacity=\"0.5\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"15\" y1=\"90\" x2=\"95\" y2=\"140\" opacity=\"0.5\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"95\" y1=\"90\" x2=\"15\" y2=\"140\" opacity=\"0.5\"\/><!-- [et_pb_line_break_holder] --> <!-- Plate-forme tout en haut --><!-- [et_pb_line_break_holder] --> <line x1=\"0\" y1=\"20\" x2=\"110\" y2=\"20\" stroke-width=\"4\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --> <!-- Petit drapeau au sommet --><!-- [et_pb_line_break_holder] --> <g transform=\"translate(55 0)\"><!-- [et_pb_line_break_holder] --> <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-18\" stroke=\"#D4AF37\" stroke-width=\"1.5\"\/><!-- [et_pb_line_break_holder] --> <polygon points=\"0,-18 12,-14 0,-10\" fill=\"#FFD700\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --> <\/svg><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Panneaux solaires (droite) --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"panels\" data-parallax=\"0.4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"panel panel-1\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"panel panel-2\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"panel panel-3\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Bonhomme anim\u00e9 (centre) --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"worker\" data-parallax=\"0.5\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 160 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] --> <defs><!-- [et_pb_line_break_holder] --> <linearGradient id=\"helmGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><!-- [et_pb_line_break_holder] --> <stop offset=\"0%\" stop-color=\"#FFF3B0\"\/><!-- [et_pb_line_break_holder] --> <stop offset=\"50%\" stop-color=\"#FFD700\"\/><!-- [et_pb_line_break_holder] --> <stop offset=\"100%\" stop-color=\"#B8860B\"\/><!-- [et_pb_line_break_holder] --> <\/linearGradient><!-- [et_pb_line_break_holder] --> <linearGradient id=\"vestGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><!-- [et_pb_line_break_holder] --> <stop offset=\"0%\" stop-color=\"#1a1a1a\"\/><!-- [et_pb_line_break_holder] --> <stop offset=\"100%\" stop-color=\"#0a0a0a\"\/><!-- [et_pb_line_break_holder] --> <\/linearGradient><!-- [et_pb_line_break_holder] --> <\/defs><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <g class=\"worker-body-group\"><!-- [et_pb_line_break_holder] --> <!-- Jambes --><!-- [et_pb_line_break_holder] --> <rect class=\"leg-l\" x=\"60\" y=\"160\" width=\"14\" height=\"35\" fill=\"#1a1a1a\" rx=\"2\"\/><!-- [et_pb_line_break_holder] --> <rect class=\"leg-r\" x=\"86\" y=\"160\" width=\"14\" height=\"35\" fill=\"#1a1a1a\" rx=\"2\"\/><!-- [et_pb_line_break_holder] --> <!-- Chaussures dor\u00e9es --><!-- [et_pb_line_break_holder] --> <ellipse cx=\"67\" cy=\"196\" rx=\"11\" ry=\"4\" fill=\"#D4AF37\"\/><!-- [et_pb_line_break_holder] --> <ellipse cx=\"93\" cy=\"196\" rx=\"11\" ry=\"4\" fill=\"#D4AF37\"\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Corps \/ gilet --><!-- [et_pb_line_break_holder] --> <path d=\"M 50 100 L 50 165 Q 50 168 53 168 L 107 168 Q 110 168 110 165 L 110 100 Q 110 96 105 95 L 55 95 Q 50 96 50 100 Z\"<!-- [et_pb_line_break_holder] --> fill=\u00a0\u00bburl(#vestGrad)\u00a0\u00bb stroke=\u00a0\u00bb#D4AF37″ stroke-width=\u00a0\u00bb1.5″\/><!-- [et_pb_line_break_holder] --> <!-- Bandes r\u00e9fl\u00e9chissantes dor\u00e9es --><!-- [et_pb_line_break_holder] --> <line x1=\"50\" y1=\"120\" x2=\"110\" y2=\"120\" stroke=\"#FFD700\" stroke-width=\"2.5\" opacity=\"0.9\"\/><!-- [et_pb_line_break_holder] --> <line x1=\"50\" y1=\"145\" x2=\"110\" y2=\"145\" stroke=\"#FFD700\" stroke-width=\"2.5\" opacity=\"0.9\"\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Bras gauche (statique, tient le panneau) --><!-- [et_pb_line_break_holder] --> <g><!-- [et_pb_line_break_holder] --> <rect x=\"38\" y=\"100\" width=\"14\" height=\"50\" fill=\"#1a1a1a\" rx=\"6\" transform=\"rotate(15 45 125)\"\/><!-- [et_pb_line_break_holder] --> <circle cx=\"35\" cy=\"148\" r=\"6\" fill=\"#FFE5B4\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Bras droit (anim\u00e9 \u2014 frappe au marteau) --><!-- [et_pb_line_break_holder] --> <g class=\"arm-hammer\"><!-- [et_pb_line_break_holder] --> <rect x=\"106\" y=\"92\" width=\"14\" height=\"50\" fill=\"#1a1a1a\" rx=\"6\"\/><!-- [et_pb_line_break_holder] --> <circle cx=\"113\" cy=\"146\" r=\"6\" fill=\"#FFE5B4\"\/><!-- [et_pb_line_break_holder] --> <!-- Marteau --><!-- [et_pb_line_break_holder] --> <g transform=\"translate(113 152)\"><!-- [et_pb_line_break_holder] --> <rect x=\"-2\" y=\"0\" width=\"4\" height=\"22\" fill=\"#8B5A2B\"\/><!-- [et_pb_line_break_holder] --> <rect x=\"-10\" y=\"20\" width=\"20\" height=\"9\" fill=\"url(#helmGrad)\" stroke=\"#B8860B\" stroke-width=\"1\" rx=\"1\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- T\u00eate --><!-- [et_pb_line_break_holder] --> <g><!-- [et_pb_line_break_holder] --> <circle cx=\"80\" cy=\"78\" r=\"18\" fill=\"#FFE5B4\"\/><!-- [et_pb_line_break_holder] --> <!-- Yeux --><!-- [et_pb_line_break_holder] --> <circle cx=\"74\" cy=\"78\" r=\"1.8\" fill=\"#1a1a1a\"\/><!-- [et_pb_line_break_holder] --> <circle cx=\"86\" cy=\"78\" r=\"1.8\" fill=\"#1a1a1a\"\/><!-- [et_pb_line_break_holder] --> <!-- Sourire --><!-- [et_pb_line_break_holder] --> <path d=\"M 74 86 Q 80 90 86 86\" stroke=\"#1a1a1a\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Casque dor\u00e9 --><!-- [et_pb_line_break_holder] --> <g class=\"helmet\"><!-- [et_pb_line_break_holder] --> <path d=\"M 58 70 Q 58 52 80 50 Q 102 52 102 70 L 105 72 L 55 72 Z\"<!-- [et_pb_line_break_holder] --> fill=\u00a0\u00bburl(#helmGrad)\u00a0\u00bb stroke=\u00a0\u00bb#B8860B\u00a0\u00bb stroke-width=\u00a0\u00bb1.5″\/><!-- [et_pb_line_break_holder] --> <!-- Cr\u00eate centrale --><!-- [et_pb_line_break_holder] --> <path d=\"M 80 50 L 80 70\" stroke=\"#B8860B\" stroke-width=\"1.5\" fill=\"none\"\/><!-- [et_pb_line_break_holder] --> <!-- Petit reflet --><!-- [et_pb_line_break_holder] --> <ellipse cx=\"72\" cy=\"60\" rx=\"6\" ry=\"2\" fill=\"#FFF3B0\" opacity=\"0.7\"\/><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --> <\/g><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- \u00c9tincelles pr\u00e8s du marteau --><!-- [et_pb_line_break_holder] --> <circle class=\"spark spark-1\" cx=\"0\" cy=\"0\" r=\"2.5\" fill=\"#FFD700\"\/><!-- [et_pb_line_break_holder] --> <\/svg><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- \u00c9tincelles HTML positionn\u00e9es (visuel additionnel) --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"spark spark-1\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"spark spark-2\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"spark spark-3\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Sol dor\u00e9 --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ground\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== TITRE PRINCIPAL ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"titre-wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h1>NOU L\u00c9 AN<!\u2013- [et_pb_br_holder] -\u2013>KONSTRIKSYON !<\/h1>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"subtitle\">Notre site se construit <span class=\"accent\">avec passion<\/span> \u2600\ufe0f<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== PITCH ============== --><!-- [et_pb_line_break_holder] --> <pee class=\"pitch\"><!-- [et_pb_line_break_holder] --> R\u00e9yonis \u00c9nergie pr\u00e9pare quelque chose de grand pour vous.<!-- [et_pb_line_break_holder] --> Bient\u00f4t, d\u00e9couvrez l’exp\u00e9rience photovolta\u00efque nouvelle g\u00e9n\u00e9ration \u00e0 La R\u00e9union.<!-- [et_pb_line_break_holder] --> <span class=\"creole\">\u00ab Rod aou la kaz sol\u00e8y ! Bientot la ! \u00bb<\/span><!-- [et_pb_line_break_holder] --> <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== BARRE DE PROGRESSION ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"progress-block\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"progress-label\"><!-- [et_pb_line_break_holder] --> <span>\u2699 Construction en cours<\/span><!-- [et_pb_line_break_holder] --> <span class=\"progress-pct\" id=\"pct\">0%<\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"progress-track\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"progress-fill\" id=\"bar\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== CONTACT ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"contact\"><!-- [et_pb_line_break_holder] --> <a class=\"contact-item\" href=\"tel:0693435589\"><!-- [et_pb_line_break_holder] --> <span class=\"contact-icon\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/><\/svg><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <span class=\"contact-text\"><!-- [et_pb_line_break_holder] --> <span class=\"contact-label\">T\u00e9l\u00e9phone<\/span><!-- [et_pb_line_break_holder] --> <span class=\"contact-value\">0693 43 55 89<\/span><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <a class=\"contact-item\" href=\"mailto:contact@reyonisenergie.fr\"><!-- [et_pb_line_break_holder] --> <span class=\"contact-icon\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 4v10h16V8l-8 5-8-5Zm0-2 8 5 8-5H4Z\"\/><\/svg><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <span class=\"contact-text\"><!-- [et_pb_line_break_holder] --> <span class=\"contact-label\">Email<\/span><!-- [et_pb_line_break_holder] --> <span class=\"contact-value\">contact@reyonisenergie.fr<\/span><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"contact-item\" style=\"cursor:default\"><!-- [et_pb_line_break_holder] --> <span class=\"contact-icon\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z\"\/><\/svg><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <span class=\"contact-text\"><!-- [et_pb_line_break_holder] --> <span class=\"contact-label\">Zone<\/span><!-- [et_pb_line_break_holder] --> <span class=\"contact-value\">Toute l’\u00eele de La R\u00e9union<\/span><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== R\u00c9SEAUX SOCIAUX ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"socials\"><!-- [et_pb_line_break_holder] --> <a class=\"social-btn\" href=\"#\" aria-label=\"Facebook\" title=\"Facebook\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 22v-8h3l1-4h-4V7.5c0-1.1.4-2 2-2h2V2.2C16.4 2.1 15.3 2 14 2c-3 0-5 1.8-5 5v3H6v4h3v8h4Z\"\/><\/svg><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <a class=\"social-btn\" href=\"#\" aria-label=\"Instagram\" title=\"Instagram\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <a class=\"social-btn\" href=\"#\" aria-label=\"TikTok\" title=\"TikTok\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 3v3.2a5 5 0 0 0 4 4v3a8 8 0 0 1-4-1.1V16a6 6 0 1 1-6-6v3a3 3 0 1 0 3 3V3h3Z\"\/><\/svg><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- ============== FOOTER ============== --><!-- [et_pb_line_break_holder] --> <\/p>\n<footer><!-- [et_pb_line_break_holder] --> \u00a9 2026 <span class=\"island\">R\u00e9yonis \u00c9nergie<\/span> \u2014 Expertise locale \u00e0 La R\u00e9union<!-- [et_pb_line_break_holder] --> <span class=\"stars\">\u2605 \u2605 \u2605 \u2605 \u2605<\/span><!-- [et_pb_line_break_holder] --> <\/footer>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/* ============================================================<!-- [et_pb_line_break_holder] --> R\u00c9YONIS \u00c9NERGIE \u2014 Scripts d'animation<!-- [et_pb_line_break_holder] --> ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* -- 1. Particules dor\u00e9es flottantes (canvas) -- *\/<!-- [et_pb_line_break_holder] -->(function particlesGold() {<!-- [et_pb_line_break_holder] --> const canvas = document.getElementById('particles');<!-- [et_pb_line_break_holder] --> const ctx = canvas.getContext('2d');<!-- [et_pb_line_break_holder] --> let particles = [];<!-- [et_pb_line_break_holder] --> let w, h;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function resize() {<!-- [et_pb_line_break_holder] --> w = canvas.width = window.innerWidth * window.devicePixelRatio;<!-- [et_pb_line_break_holder] --> h = canvas.height = window.innerHeight * window.devicePixelRatio;<!-- [et_pb_line_break_holder] --> canvas.style.width = window.innerWidth + 'px';<!-- [et_pb_line_break_holder] --> canvas.style.height = window.innerHeight + 'px';<!-- [et_pb_line_break_holder] --> ctx.scale(1, 1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function spawn() {<!-- [et_pb_line_break_holder] --> \/\/ Densit\u00e9 adaptative selon la taille d'\u00e9cran<!-- [et_pb_line_break_holder] --> const count = Math.min(70, Math.floor((window.innerWidth * window.innerHeight) \/ 28000));<!-- [et_pb_line_break_holder] --> particles = [];<!-- [et_pb_line_break_holder] --> for (let i = 0; i < count; i++) {<!-- [et_pb_line_break_holder] --> particles.push({<!-- [et_pb_line_break_holder] --> x: Math.random() * w,<!-- [et_pb_line_break_holder] --> y: Math.random() * h,<!-- [et_pb_line_break_holder] --> r: (Math.random() * 1.6 + 0.4) * window.devicePixelRatio,<!-- [et_pb_line_break_holder] --> vx: (Math.random() - 0.5) * 0.3 * window.devicePixelRatio,<!-- [et_pb_line_break_holder] --> vy: (-Math.random() * 0.4 - 0.1) * window.devicePixelRatio,<!-- [et_pb_line_break_holder] --> a: Math.random() * 0.6 + 0.2,<!-- [et_pb_line_break_holder] --> twinkle: Math.random() * Math.PI * 2,<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function draw() {<!-- [et_pb_line_break_holder] --> ctx.clearRect(0, 0, w, h);<!-- [et_pb_line_break_holder] --> for (const p of particles) {<!-- [et_pb_line_break_holder] --> p.x += p.vx;<!-- [et_pb_line_break_holder] --> p.y += p.vy;<!-- [et_pb_line_break_holder] --> p.twinkle += 0.04;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Reset si sortie d'\u00e9cran<!-- [et_pb_line_break_holder] --> if (p.y < -10) { p.y = h + 10; p.x = Math.random() * w; }<!-- [et_pb_line_break_holder] --> if (p.x < -10) p.x = w + 10;<!-- [et_pb_line_break_holder] --> if (p.x > w + 10) p.x = -10;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const alpha = p.a * (0.65 + 0.35 * Math.sin(p.twinkle));<!-- [et_pb_line_break_holder] --> \/\/ Halo<!-- [et_pb_line_break_holder] --> const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 6);<!-- [et_pb_line_break_holder] --> grad.addColorStop(0, `rgba(255, 215, 0, ${alpha})`);<!-- [et_pb_line_break_holder] --> grad.addColorStop(0.4, `rgba(212, 175, 55, ${alpha * 0.3})`);<!-- [et_pb_line_break_holder] --> grad.addColorStop(1, 'rgba(212, 175, 55, 0)');<!-- [et_pb_line_break_holder] --> ctx.fillStyle = grad;<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.arc(p.x, p.y, p.r * 6, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] --> ctx.fill();<!-- [et_pb_line_break_holder] --> \/\/ Coeur brillant<!-- [et_pb_line_break_holder] --> ctx.fillStyle = `rgba(255, 243, 176, ${alpha})`;<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] --> ctx.fill();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> requestAnimationFrame(draw);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> window.addEventListener('resize', () => { resize(); spawn(); });<!-- [et_pb_line_break_holder] --> resize(); spawn(); draw();<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* -- 2. Barre de progression : remplissage en boucle -- *\/<!-- [et_pb_line_break_holder] -->(function progressLoop() {<!-- [et_pb_line_break_holder] --> const bar = document.getElementById('bar');<!-- [et_pb_line_break_holder] --> const pctEl = document.getElementById('pct');<!-- [et_pb_line_break_holder] --> let pct = 0;<!-- [et_pb_line_break_holder] --> let target = 73; \/\/ valeur \"marketing\" affich\u00e9e le plus souvent<!-- [et_pb_line_break_holder] --> let direction = 1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function tick() {<!-- [et_pb_line_break_holder] --> \/\/ On oscille doucement autour de la cible pour ne jamais finir<!-- [et_pb_line_break_holder] --> if (pct < target - 2) pct += 0.6;<!-- [et_pb_line_break_holder] --> else if (pct > target + 4) pct -= 0.3;<!-- [et_pb_line_break_holder] --> else pct += (Math.random() - 0.5) * 0.6;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> pct = Math.max(0, Math.min(96, pct));<!-- [et_pb_line_break_holder] --> bar.style.width = pct.toFixed(1) + '%';<!-- [et_pb_line_break_holder] --> pctEl.textContent = Math.round(pct) + '%';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ D\u00e9marre depuis 0 et monte<!-- [et_pb_line_break_holder] --> let startAnim = setInterval(() => {<!-- [et_pb_line_break_holder] --> pct += 1.2;<!-- [et_pb_line_break_holder] --> bar.style.width = pct + '%';<!-- [et_pb_line_break_holder] --> pctEl.textContent = Math.round(pct) + '%';<!-- [et_pb_line_break_holder] --> if (pct >= target) {<!-- [et_pb_line_break_holder] --> clearInterval(startAnim);<!-- [et_pb_line_break_holder] --> setInterval(tick, 160);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }, 60);<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* -- 3. Parallaxe l\u00e9ger au mouvement de la souris -- *\/<!-- [et_pb_line_break_holder] -->(function parallax() {<!-- [et_pb_line_break_holder] --> const root = document.getElementById('parallaxRoot');<!-- [et_pb_line_break_holder] --> const targets = root.querySelectorAll('[data-parallax]');<!-- [et_pb_line_break_holder] --> let mx = 0, my = 0, tx = 0, ty = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] --> mx = (e.clientX \/ window.innerWidth - 0.5) * 2;<!-- [et_pb_line_break_holder] --> my = (e.clientY \/ window.innerHeight - 0.5) * 2;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function loop() {<!-- [et_pb_line_break_holder] --> tx += (mx - tx) * 0.08;<!-- [et_pb_line_break_holder] --> ty += (my - ty) * 0.08;<!-- [et_pb_line_break_holder] --> targets.forEach(el => {<!-- [et_pb_line_break_holder] --> const k = parseFloat(el.dataset.parallax) || 0.2;<!-- [et_pb_line_break_holder] --> el.style.transform = `translate3d(${tx * k * -12}px, ${ty * k * -12}px, 0)`;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> requestAnimationFrame(loop);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> \/\/ D\u00e9sactive si l'utilisateur pr\u00e9f\u00e8re r\u00e9duire les animations<!-- [et_pb_line_break_holder] --> if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) loop();<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:code -->\n<pre class=\"wp-block-code\"><code><!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>R\u00e9yonis \u00c9nergie \u2014 Nou l\u00e9 an konstriksyon !<\/title>\n<meta name=\"description\" content=\"R\u00e9yonis \u00c9nergie pr\u00e9pare l'exp\u00e9rience photovolta\u00efque nouvelle g\u00e9n\u00e9ration \u00e0 La R\u00e9union. Restez inform\u00e9s du lancement.\" \/>\n\n<!-- Typographies premium -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n\/* =========================================================\n R\u00c9YONIS \u00c9NERGIE \u2014 Page \"Under Construction\"\n Palette : noir profond + or m\u00e9tallique\n ========================================================= *\/\n\n:root {\n --noir-1: #0a0a0a;\n --noir-2: #141414;\n --noir-3: #1a1a1a;\n --noir-card: rgba(20, 20, 20, 0.65);\n --or-1: #FFD700; \/* or vif *\/\n --or-2: #D4AF37; \/* or classique *\/\n --or-3: #B8860B; \/* or sombre *\/\n --or-4: #FFF3B0; \/* or p\u00e2le \/ reflet *\/\n --blanc: #ffffff;\n --gris-doux: rgba(255, 255, 255, 0.72);\n --gris-faible: rgba(255, 255, 255, 0.45);\n --bordure-or: rgba(212, 175, 55, 0.35);\n --ombre-or: 0 0 32px rgba(212, 175, 55, 0.35);\n --gradient-or: linear-gradient(135deg, #B8860B 0%, #D4AF37 25%, #FFD700 50%, #FFF3B0 65%, #D4AF37 85%, #B8860B 100%);\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml, body { width: 100%; overflow-x: hidden; }\n\nbody {\n font-family: 'Inter', system-ui, sans-serif;\n background: radial-gradient(ellipse at top, #1a1a1a 0%, #0a0a0a 60%, #050505 100%);\n color: var(--blanc);\n min-height: 100vh;\n line-height: 1.5;\n position: relative;\n}\n\n\/* ----- Texture grain subtile sur tout le fond ----- *\/\nbody::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.08) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);\n pointer-events: none;\n z-index: 0;\n}\n\n\/* ----- Canvas pour particules dor\u00e9es ----- *\/\n#particles {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n}\n\n\/* ----- Conteneur principal ----- *\/\n.wrap {\n position: relative;\n z-index: 2;\n max-width: 1280px;\n margin: 0 auto;\n padding: 32px 28px 80px;\n}\n\n\/* =========================================================\n HEADER + LOGO\n ========================================================= *\/\nheader {\n text-align: center;\n padding-top: 24px;\n}\n\n.logo-wrap {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n opacity: 0;\n animation: fadeUp 1.2s 0.1s forwards;\n}\n\n.logo-img {\n width: 110px;\n height: 110px;\n object-fit: contain;\n filter: drop-shadow(0 0 24px rgba(255, 215, 0, 0.5));\n animation: pulseLogo 3s ease-in-out infinite;\n}\n\n@keyframes pulseLogo {\n 0%, 100% { filter: drop-shadow(0 0 18px rgba(255, 215, 0, 0.45)); transform: scale(1); }\n 50% { filter: drop-shadow(0 0 36px rgba(255, 215, 0, 0.85)); transform: scale(1.04); }\n}\n\n.brand {\n font-family: 'Cinzel', serif;\n font-weight: 600;\n font-size: 22px;\n letter-spacing: 0.32em;\n text-transform: uppercase;\n background: var(--gradient-or);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}\n\n.brand-sub {\n font-size: 11px;\n letter-spacing: 0.5em;\n color: var(--gris-doux);\n text-transform: uppercase;\n margin-top: -4px;\n}\n\n\/* =========================================================\n SC\u00c8NE CENTRALE \u2014 Le chantier anim\u00e9\n ========================================================= *\/\n.scene {\n margin: 56px auto 32px;\n position: relative;\n width: 100%;\n max-width: 760px;\n height: 360px;\n opacity: 0;\n animation: fadeUp 1.2s 0.4s forwards;\n}\n\n\/* Soleil de fond *\/\n.sun-bg {\n position: absolute;\n top: 10px;\n left: 50%;\n transform: translateX(-50%);\n width: 280px;\n height: 280px;\n z-index: 1;\n}\n\n.sun-core {\n position: absolute;\n inset: 80px;\n border-radius: 50%;\n background: radial-gradient(circle, #FFE56B 0%, #FFD700 35%, #D4AF37 65%, transparent 80%);\n box-shadow:\n 0 0 60px rgba(255, 215, 0, 0.6),\n 0 0 120px rgba(255, 215, 0, 0.35),\n inset 0 0 30px rgba(255, 243, 176, 0.6);\n animation: sunPulse 4s ease-in-out infinite;\n}\n\n@keyframes sunPulse {\n 0%, 100% { transform: scale(1); opacity: 0.95; }\n 50% { transform: scale(1.08); opacity: 1; }\n}\n\n.sun-rays {\n position: absolute;\n inset: 0;\n animation: rotateSlow 30s linear infinite;\n}\n\n.sun-rays svg { width: 100%; height: 100%; }\n\n@keyframes rotateSlow {\n to { transform: rotate(360deg); }\n}\n\n\/* Sol \/ plate-forme *\/\n.ground {\n position: absolute;\n bottom: 30px;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--or-2), var(--or-1), var(--or-2), transparent);\n box-shadow: 0 0 16px rgba(212, 175, 55, 0.6);\n z-index: 2;\n}\n\n\/* \u00c9chafaudage c\u00f4t\u00e9 gauche *\/\n.scaffold {\n position: absolute;\n bottom: 34px;\n left: 8%;\n width: 110px;\n height: 200px;\n z-index: 3;\n}\n\n\/* Panneaux solaires en construction (droite) *\/\n.panels {\n position: absolute;\n bottom: 34px;\n right: 6%;\n width: 220px;\n height: 180px;\n z-index: 3;\n}\n\n.panel {\n position: absolute;\n width: 100px;\n height: 60px;\n background: linear-gradient(135deg, #1a3a5a 0%, #2a5680 50%, #1a3a5a 100%);\n border: 2px solid var(--or-2);\n box-shadow: 0 0 16px rgba(212, 175, 55, 0.4), inset 0 0 8px rgba(0,0,0,0.4);\n border-radius: 3px;\n opacity: 0;\n animation: panelAppear 1s forwards;\n}\n\n.panel::before {\n content: '';\n position: absolute;\n inset: 4px;\n background-image:\n linear-gradient(rgba(212, 175, 55, 0.35) 1px, transparent 1px),\n linear-gradient(90deg, rgba(212, 175, 55, 0.35) 1px, transparent 1px);\n background-size: 18px 12px;\n}\n\n.panel::after {\n content: '';\n position: absolute;\n top: 0; left: -20%;\n width: 30%;\n height: 100%;\n background: linear-gradient(115deg, transparent 30%, rgba(255, 243, 176, 0.4) 50%, transparent 70%);\n animation: panelShine 4s ease-in-out infinite;\n}\n\n@keyframes panelShine {\n 0%, 100% { left: -30%; }\n 50% { left: 110%; }\n}\n\n.panel-1 { bottom: 110px; left: 0; animation-delay: 1.2s; transform: rotate(-8deg); }\n.panel-2 { bottom: 50px; left: 30px; animation-delay: 1.6s; transform: rotate(-4deg); }\n.panel-3 { bottom: 0; left: 60px; animation-delay: 2.0s; }\n\n@keyframes panelAppear {\n from { opacity: 0; transform: translateY(20px) rotate(var(--r, 0deg)); }\n to { opacity: 1; }\n}\n\n\/* Bonhomme anim\u00e9 \u2014 centre *\/\n.worker {\n position: absolute;\n bottom: 34px;\n left: 50%;\n transform: translateX(-50%);\n width: 160px;\n height: 200px;\n z-index: 5;\n}\n\n\/* Casque qui rebondit l\u00e9g\u00e8rement avec le bras *\/\n.worker .helmet,\n.worker .head,\n.worker .body,\n.worker .leg-l,\n.worker .leg-r {\n transform-origin: center;\n}\n\n\/* Le bras qui visse \/ tape *\/\n.arm-hammer {\n transform-origin: 80px 90px; \/* \u00e9paule *\/\n animation: hammering 0.8s ease-in-out infinite;\n}\n\n@keyframes hammering {\n 0%, 100% { transform: rotate(-15deg); }\n 40% { transform: rotate(-65deg); }\n 60% { transform: rotate(-65deg); }\n}\n\n\/* L\u00e9ger bounce du corps *\/\n.worker-body-group {\n animation: workerBounce 0.8s ease-in-out infinite;\n transform-origin: bottom center;\n}\n\n@keyframes workerBounce {\n 0%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-2px); }\n}\n\n\/* \u00c9tincelles sur le point d'impact *\/\n.spark {\n position: absolute;\n width: 4px;\n height: 4px;\n background: var(--or-1);\n border-radius: 50%;\n box-shadow: 0 0 8px var(--or-1);\n opacity: 0;\n}\n\n.spark-1 { top: 60px; left: 35%; animation: spark 0.8s ease-out infinite; }\n.spark-2 { top: 55px; left: 38%; animation: spark 0.8s ease-out 0.1s infinite; }\n.spark-3 { top: 65px; left: 32%; animation: spark 0.8s ease-out 0.2s infinite; }\n\n@keyframes spark {\n 0% { opacity: 0; transform: translate(0,0) scale(0.5); }\n 20% { opacity: 1; }\n 100% { opacity: 0; transform: translate(var(--tx, 12px), var(--ty, -12px)) scale(1); }\n}\n\n.spark-1 { --tx: -14px; --ty: -16px; }\n.spark-2 { --tx: 0; --ty: -20px; }\n.spark-3 { --tx: 14px; --ty: -14px; }\n\n\/* =========================================================\n TITRE PRINCIPAL\n ========================================================= *\/\n.titre-wrap {\n text-align: center;\n margin: 16px auto 24px;\n opacity: 0;\n animation: fadeUp 1.2s 0.7s forwards;\n}\n\nh1 {\n font-family: 'Cinzel', serif;\n font-weight: 800;\n font-size: clamp(36px, 6.5vw, 76px);\n letter-spacing: 0.02em;\n line-height: 1.05;\n background: var(--gradient-or);\n background-size: 200% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-shadow: 0 0 1px rgba(212, 175, 55, 0.3);\n position: relative;\n animation: goldShimmer 4s linear infinite;\n}\n\n@keyframes goldShimmer {\n to { background-position: 200% center; }\n}\n\n.subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(16px, 2vw, 22px);\n font-weight: 300;\n color: var(--gris-doux);\n margin-top: 14px;\n letter-spacing: 0.02em;\n}\n\n.subtitle .accent {\n color: var(--or-1);\n font-weight: 500;\n}\n\n\/* =========================================================\n MESSAGE D'ACCROCHE\n ========================================================= *\/\n.pitch {\n max-width: 640px;\n margin: 0 auto 40px;\n text-align: center;\n font-size: 17px;\n color: var(--gris-doux);\n line-height: 1.7;\n opacity: 0;\n animation: fadeUp 1.2s 0.9s forwards;\n}\n\n.pitch .creole {\n display: block;\n font-family: 'Cinzel', serif;\n font-style: italic;\n color: var(--or-2);\n font-size: 15px;\n letter-spacing: 0.08em;\n margin-top: 10px;\n}\n\n\/* =========================================================\n BARRE DE PROGRESSION\n ========================================================= *\/\n.progress-block {\n max-width: 560px;\n margin: 0 auto 48px;\n opacity: 0;\n animation: fadeUp 1.2s 1.1s forwards;\n}\n\n.progress-label {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n margin-bottom: 10px;\n font-size: 12px;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--or-2);\n}\n\n.progress-pct {\n font-family: 'Cinzel', serif;\n font-size: 18px;\n color: var(--or-1);\n letter-spacing: 0.05em;\n}\n\n.progress-track {\n position: relative;\n height: 14px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--bordure-or);\n border-radius: 8px;\n overflow: hidden;\n box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6);\n}\n\n.progress-fill {\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 0%;\n background: var(--gradient-or);\n background-size: 200% auto;\n border-radius: 8px;\n box-shadow: 0 0 18px rgba(255, 215, 0, 0.6);\n transition: width 0.6s ease-out;\n animation: goldShimmer 3s linear infinite;\n}\n\n.progress-fill::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 80px;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);\n animation: progressGloss 2.4s linear infinite;\n}\n\n@keyframes progressGloss {\n 0% { left: -80px; }\n 100% { left: 100%; }\n}\n\n\/* =========================================================\n COMPTE \u00c0 REBOURS\n ========================================================= *\/\n.countdown {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n max-width: 640px;\n margin: 0 auto 56px;\n opacity: 0;\n animation: fadeUp 1.2s 1.3s forwards;\n}\n\n.cd-cell {\n position: relative;\n background: linear-gradient(180deg, rgba(212, 175, 55, 0.08), rgba(0,0,0,0.4));\n border: 1px solid var(--bordure-or);\n border-radius: 12px;\n padding: 18px 8px 14px;\n text-align: center;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.cd-cell::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), transparent 50%);\n pointer-events: none;\n}\n\n.cd-cell:hover {\n border-color: var(--or-1);\n box-shadow: var(--ombre-or);\n transform: translateY(-2px);\n}\n\n.cd-num {\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(28px, 5vw, 44px);\n background: var(--gradient-or);\n background-size: 200% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n animation: goldShimmer 5s linear infinite;\n line-height: 1;\n display: block;\n}\n\n.cd-label {\n margin-top: 6px;\n font-size: 10px;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gris-doux);\n}\n\n\/* =========================================================\n FORMULAIRE PR\u00c9VIENS-MOI\n ========================================================= *\/\n.form-block {\n max-width: 560px;\n margin: 0 auto 64px;\n text-align: center;\n opacity: 0;\n animation: fadeUp 1.2s 1.5s forwards;\n}\n\n.form-title {\n font-family: 'Cinzel', serif;\n font-size: 22px;\n color: var(--or-1);\n margin-bottom: 6px;\n letter-spacing: 0.05em;\n}\n\n.form-sub {\n font-size: 13px;\n color: var(--gris-doux);\n margin-bottom: 18px;\n letter-spacing: 0.05em;\n}\n\n.form-row {\n display: flex;\n gap: 10px;\n align-items: stretch;\n}\n\n.form-row input[type=\"email\"] {\n flex: 1;\n background: rgba(0, 0, 0, 0.5);\n border: 1px solid var(--bordure-or);\n border-radius: 10px;\n padding: 14px 18px;\n color: var(--blanc);\n font-family: inherit;\n font-size: 15px;\n outline: none;\n transition: all 0.3s ease;\n}\n\n.form-row input[type=\"email\"]::placeholder {\n color: var(--gris-faible);\n}\n\n.form-row input[type=\"email\"]:focus {\n border-color: var(--or-1);\n box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15), inset 0 0 8px rgba(255, 215, 0, 0.08);\n}\n\n.btn-gold {\n position: relative;\n background: var(--gradient-or);\n background-size: 200% auto;\n color: var(--noir-1);\n font-family: 'Inter', sans-serif;\n font-weight: 700;\n font-size: 14px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n border: none;\n border-radius: 10px;\n padding: 14px 26px;\n cursor: pointer;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35);\n}\n\n.btn-gold::before {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\n transition: left 0.6s ease;\n}\n\n.btn-gold:hover {\n background-position: right center;\n box-shadow: 0 6px 28px rgba(255, 215, 0, 0.7);\n transform: translateY(-2px);\n}\n\n.btn-gold:hover::before {\n left: 100%;\n}\n\n.btn-gold:active { transform: translateY(0); }\n\n.form-msg {\n margin-top: 14px;\n min-height: 22px;\n font-size: 14px;\n color: var(--or-1);\n letter-spacing: 0.02em;\n}\n\n\/* =========================================================\n CONTACT\n ========================================================= *\/\n.contact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n max-width: 760px;\n margin: 0 auto 40px;\n opacity: 0;\n animation: fadeUp 1.2s 1.7s forwards;\n}\n\n.contact-item {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 18px 18px;\n background: var(--noir-card);\n border: 1px solid var(--bordure-or);\n border-radius: 12px;\n transition: all 0.3s ease;\n backdrop-filter: blur(6px);\n text-decoration: none;\n color: inherit;\n}\n\n.contact-item:hover {\n border-color: var(--or-1);\n box-shadow: var(--ombre-or);\n transform: translateY(-2px);\n}\n\n.contact-icon {\n flex-shrink: 0;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n background: rgba(255, 215, 0, 0.08);\n border: 1px solid var(--bordure-or);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--or-1);\n}\n\n.contact-item:hover .contact-icon {\n background: rgba(255, 215, 0, 0.18);\n box-shadow: 0 0 16px rgba(255, 215, 0, 0.5);\n}\n\n.contact-text { display: flex; flex-direction: column; min-width: 0; }\n.contact-label {\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: var(--gris-faible);\n}\n.contact-value {\n font-size: 15px;\n font-weight: 500;\n color: var(--blanc);\n margin-top: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n\/* =========================================================\n R\u00c9SEAUX SOCIAUX\n ========================================================= *\/\n.socials {\n display: flex;\n justify-content: center;\n gap: 18px;\n margin: 0 0 48px;\n opacity: 0;\n animation: fadeUp 1.2s 1.9s forwards;\n}\n\n.social-btn {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: rgba(20, 20, 20, 0.6);\n border: 1px solid var(--bordure-or);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--or-1);\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.social-btn:hover {\n transform: translateY(-4px) scale(1.1);\n background: rgba(255, 215, 0, 0.12);\n border-color: var(--or-1);\n box-shadow: 0 0 24px rgba(255, 215, 0, 0.7);\n}\n\n.social-btn svg { width: 20px; height: 20px; }\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\nfooter {\n text-align: center;\n padding: 24px 0 0;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n font-size: 12px;\n color: var(--gris-faible);\n letter-spacing: 0.1em;\n opacity: 0;\n animation: fadeUp 1.2s 2.1s forwards;\n}\n\nfooter .stars { color: var(--or-1); letter-spacing: 0.1em; }\nfooter .island { color: var(--or-2); }\n\n\/* =========================================================\n ANIMATIONS GLOBALES\n ========================================================= *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n@media (max-width: 768px) {\n .wrap { padding: 24px 18px 60px; }\n .scene { height: 320px; max-width: 100%; }\n .sun-bg { width: 220px; height: 220px; }\n .scaffold { left: 2%; width: 80px; height: 160px; }\n .panels { right: 2%; width: 160px; height: 140px; }\n .panels .panel { width: 78px; height: 46px; }\n .worker { width: 130px; height: 170px; }\n .contact { grid-template-columns: 1fr; }\n .form-row { flex-direction: column; }\n .btn-gold { padding: 14px 20px; }\n .countdown { gap: 10px; }\n .cd-cell { padding: 14px 4px 12px; }\n}\n\n@media (max-width: 480px) {\n\n .scene {\n height: 280px;\n position: relative;\n }\n\n .sun-bg {\n width: 180px;\n height: 180px;\n top: 6px;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .scaffold {\n display: none;\n }\n\n .panels {\n right: 4%;\n width: 130px;\n height: 110px;\n }\n\n .panels .panel {\n width: 64px;\n height: 38px;\n }\n\n \/* BONHOMME CENTR\u00c9 SUR MOBILE *\/\n .worker {\n width: 110px;\n height: 150px;\n\n position: absolute;\n left: 50% !important;\n bottom: 34px;\n\n transform: translateX(-50%) !important;\n margin-left: 0 !important;\n }\n\n h1 {\n letter-spacing: 0;\n }\n}\n\n\/* R\u00e9duction de motion pour accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Canvas particules dor\u00e9es flottantes -->\n<canvas id=\"particles\"><\/canvas>\n\n<div class=\"wrap\" id=\"parallaxRoot\">\n\n <!-- ============== HEADER + LOGO ============== -->\n <header>\n <div class=\"logo-wrap\">\n\n <img \n src=\"uploads\/logo.png\"\n alt=\"Logo R\u00e9yonis \u00c9nergie\"\n class=\"logo-img\"\n \/>\n\n <div class=\"brand\">R\u00e9yonis \u00c9nergie<\/div>\n <div class=\"brand-sub\">Photovolta\u00efque \u2022 La R\u00e9union<\/div>\n\n <\/div>\n<\/header>\n <\/header>\n\n <!-- ============== SC\u00c8NE ANIM\u00c9E \u2014 LE CHANTIER ============== -->\n <div class=\"scene\" data-parallax=\"0.3\">\n\n <!-- Soleil en arri\u00e8re-plan -->\n <div class=\"sun-bg\" data-parallax=\"0.15\">\n <div class=\"sun-rays\">\n <!-- Rayons du soleil -->\n <svg viewBox=\"0 0 280 280\">\n <g stroke=\"#FFD700\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.7\">\n <!-- 16 rayons -->\n <line x1=\"140\" y1=\"20\" x2=\"140\" y2=\"50\"\/>\n <line x1=\"140\" y1=\"230\" x2=\"140\" y2=\"260\"\/>\n <line x1=\"20\" y1=\"140\" x2=\"50\" y2=\"140\"\/>\n <line x1=\"230\" y1=\"140\" x2=\"260\" y2=\"140\"\/>\n <line x1=\"55\" y1=\"55\" x2=\"76\" y2=\"76\"\/>\n <line x1=\"204\" y1=\"204\" x2=\"225\" y2=\"225\"\/>\n <line x1=\"55\" y1=\"225\" x2=\"76\" y2=\"204\"\/>\n <line x1=\"204\" y1=\"76\" x2=\"225\" y2=\"55\"\/>\n <line x1=\"100\" y1=\"25\" x2=\"105\" y2=\"52\"\/>\n <line x1=\"180\" y1=\"25\" x2=\"175\" y2=\"52\"\/>\n <line x1=\"100\" y1=\"255\" x2=\"105\" y2=\"228\"\/>\n <line x1=\"180\" y1=\"255\" x2=\"175\" y2=\"228\"\/>\n <line x1=\"25\" y1=\"100\" x2=\"52\" y2=\"105\"\/>\n <line x1=\"25\" y1=\"180\" x2=\"52\" y2=\"175\"\/>\n <line x1=\"255\" y1=\"100\" x2=\"228\" y2=\"105\"\/>\n <line x1=\"255\" y1=\"180\" x2=\"228\" y2=\"175\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"sun-core\"><\/div>\n <\/div>\n\n <!-- \u00c9chafaudage dor\u00e9 (gauche) -->\n <svg class=\"scaffold\" viewBox=\"0 0 110 200\" data-parallax=\"0.4\">\n <g stroke=\"#D4AF37\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" opacity=\"0.85\">\n <!-- Montants verticaux -->\n <line x1=\"15\" y1=\"0\" x2=\"15\" y2=\"200\"\/>\n <line x1=\"95\" y1=\"0\" x2=\"95\" y2=\"200\"\/>\n <line x1=\"55\" y1=\"0\" x2=\"55\" y2=\"200\" opacity=\"0.5\"\/>\n <!-- Traverses -->\n <line x1=\"15\" y1=\"40\" x2=\"95\" y2=\"40\"\/>\n <line x1=\"15\" y1=\"90\" x2=\"95\" y2=\"90\"\/>\n <line x1=\"15\" y1=\"140\" x2=\"95\" y2=\"140\"\/>\n <!-- Diagonales -->\n <line x1=\"15\" y1=\"40\" x2=\"95\" y2=\"90\" opacity=\"0.5\"\/>\n <line x1=\"95\" y1=\"40\" x2=\"15\" y2=\"90\" opacity=\"0.5\"\/>\n <line x1=\"15\" y1=\"90\" x2=\"95\" y2=\"140\" opacity=\"0.5\"\/>\n <line x1=\"95\" y1=\"90\" x2=\"15\" y2=\"140\" opacity=\"0.5\"\/>\n <!-- Plate-forme tout en haut -->\n <line x1=\"0\" y1=\"20\" x2=\"110\" y2=\"20\" stroke-width=\"4\"\/>\n <\/g>\n <!-- Petit drapeau au sommet -->\n <g transform=\"translate(55 0)\">\n <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-18\" stroke=\"#D4AF37\" stroke-width=\"1.5\"\/>\n <polygon points=\"0,-18 12,-14 0,-10\" fill=\"#FFD700\"\/>\n <\/g>\n <\/svg>\n\n <!-- Panneaux solaires (droite) -->\n <div class=\"panels\" data-parallax=\"0.4\">\n <div class=\"panel panel-1\"><\/div>\n <div class=\"panel panel-2\"><\/div>\n <div class=\"panel panel-3\"><\/div>\n <\/div>\n\n <!-- Bonhomme anim\u00e9 (centre) -->\n <div class=\"worker\" data-parallax=\"0.5\">\n <svg viewBox=\"0 0 160 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"helmGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#FFF3B0\"\/>\n <stop offset=\"50%\" stop-color=\"#FFD700\"\/>\n <stop offset=\"100%\" stop-color=\"#B8860B\"\/>\n <\/linearGradient>\n <linearGradient id=\"vestGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#1a1a1a\"\/>\n <stop offset=\"100%\" stop-color=\"#0a0a0a\"\/>\n <\/linearGradient>\n <\/defs>\n\n <g class=\"worker-body-group\">\n <!-- Jambes -->\n <rect class=\"leg-l\" x=\"60\" y=\"160\" width=\"14\" height=\"35\" fill=\"#1a1a1a\" rx=\"2\"\/>\n <rect class=\"leg-r\" x=\"86\" y=\"160\" width=\"14\" height=\"35\" fill=\"#1a1a1a\" rx=\"2\"\/>\n <!-- Chaussures dor\u00e9es -->\n <ellipse cx=\"67\" cy=\"196\" rx=\"11\" ry=\"4\" fill=\"#D4AF37\"\/>\n <ellipse cx=\"93\" cy=\"196\" rx=\"11\" ry=\"4\" fill=\"#D4AF37\"\/>\n\n <!-- Corps \/ gilet -->\n <path d=\"M 50 100 L 50 165 Q 50 168 53 168 L 107 168 Q 110 168 110 165 L 110 100 Q 110 96 105 95 L 55 95 Q 50 96 50 100 Z\"\n fill=\"url(#vestGrad)\" stroke=\"#D4AF37\" stroke-width=\"1.5\"\/>\n <!-- Bandes r\u00e9fl\u00e9chissantes dor\u00e9es -->\n <line x1=\"50\" y1=\"120\" x2=\"110\" y2=\"120\" stroke=\"#FFD700\" stroke-width=\"2.5\" opacity=\"0.9\"\/>\n <line x1=\"50\" y1=\"145\" x2=\"110\" y2=\"145\" stroke=\"#FFD700\" stroke-width=\"2.5\" opacity=\"0.9\"\/>\n\n <!-- Bras gauche (statique, tient le panneau) -->\n <g>\n <rect x=\"38\" y=\"100\" width=\"14\" height=\"50\" fill=\"#1a1a1a\" rx=\"6\" transform=\"rotate(15 45 125)\"\/>\n <circle cx=\"35\" cy=\"148\" r=\"6\" fill=\"#FFE5B4\"\/>\n <\/g>\n\n <!-- Bras droit (anim\u00e9 \u2014 frappe au marteau) -->\n <g class=\"arm-hammer\">\n <rect x=\"106\" y=\"92\" width=\"14\" height=\"50\" fill=\"#1a1a1a\" rx=\"6\"\/>\n <circle cx=\"113\" cy=\"146\" r=\"6\" fill=\"#FFE5B4\"\/>\n <!-- Marteau -->\n <g transform=\"translate(113 152)\">\n <rect x=\"-2\" y=\"0\" width=\"4\" height=\"22\" fill=\"#8B5A2B\"\/>\n <rect x=\"-10\" y=\"20\" width=\"20\" height=\"9\" fill=\"url(#helmGrad)\" stroke=\"#B8860B\" stroke-width=\"1\" rx=\"1\"\/>\n <\/g>\n <\/g>\n\n <!-- T\u00eate -->\n <g>\n <circle cx=\"80\" cy=\"78\" r=\"18\" fill=\"#FFE5B4\"\/>\n <!-- Yeux -->\n <circle cx=\"74\" cy=\"78\" r=\"1.8\" fill=\"#1a1a1a\"\/>\n <circle cx=\"86\" cy=\"78\" r=\"1.8\" fill=\"#1a1a1a\"\/>\n <!-- Sourire -->\n <path d=\"M 74 86 Q 80 90 86 86\" stroke=\"#1a1a1a\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\"\/>\n <\/g>\n\n <!-- Casque dor\u00e9 -->\n <g class=\"helmet\">\n <path d=\"M 58 70 Q 58 52 80 50 Q 102 52 102 70 L 105 72 L 55 72 Z\"\n fill=\"url(#helmGrad)\" stroke=\"#B8860B\" stroke-width=\"1.5\"\/>\n <!-- Cr\u00eate centrale -->\n <path d=\"M 80 50 L 80 70\" stroke=\"#B8860B\" stroke-width=\"1.5\" fill=\"none\"\/>\n <!-- Petit reflet -->\n <ellipse cx=\"72\" cy=\"60\" rx=\"6\" ry=\"2\" fill=\"#FFF3B0\" opacity=\"0.7\"\/>\n <\/g>\n <\/g>\n\n <!-- \u00c9tincelles pr\u00e8s du marteau -->\n <circle class=\"spark spark-1\" cx=\"0\" cy=\"0\" r=\"2.5\" fill=\"#FFD700\"\/>\n <\/svg>\n\n <!-- \u00c9tincelles HTML positionn\u00e9es (visuel additionnel) -->\n <div class=\"spark spark-1\"><\/div>\n <div class=\"spark spark-2\"><\/div>\n <div class=\"spark spark-3\"><\/div>\n <\/div>\n\n <!-- Sol dor\u00e9 -->\n <div class=\"ground\"><\/div>\n <\/div>\n\n <!-- ============== TITRE PRINCIPAL ============== -->\n <div class=\"titre-wrap\">\n <h1>NOU L\u00c9 AN<br\/>KONSTRIKSYON !<\/h1>\n <p class=\"subtitle\">Notre site se construit <span class=\"accent\">avec passion<\/span> \u2600\ufe0f<\/p>\n <\/div>\n\n <!-- ============== PITCH ============== -->\n <p class=\"pitch\">\n R\u00e9yonis \u00c9nergie pr\u00e9pare quelque chose de grand pour vous.\n Bient\u00f4t, d\u00e9couvrez l'exp\u00e9rience photovolta\u00efque nouvelle g\u00e9n\u00e9ration \u00e0 La R\u00e9union.\n <span class=\"creole\">\u00ab Rod aou la kaz sol\u00e8y ! Bientot la ! \u00bb<\/span>\n <\/p>\n\n <!-- ============== BARRE DE PROGRESSION ============== -->\n <div class=\"progress-block\">\n <div class=\"progress-label\">\n <span>\u2699 Construction en cours<\/span>\n <span class=\"progress-pct\" id=\"pct\">0%<\/span>\n <\/div>\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"bar\"><\/div>\n <\/div>\n <\/div>\n\n <!-- ============== CONTACT ============== -->\n <div class=\"contact\">\n <a class=\"contact-item\" href=\"tel:0693435589\">\n <span class=\"contact-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/><\/svg>\n <\/span>\n <span class=\"contact-text\">\n <span class=\"contact-label\">T\u00e9l\u00e9phone<\/span>\n <span class=\"contact-value\">0693 43 55 89<\/span>\n <\/span>\n <\/a>\n\n <a class=\"contact-item\" href=\"mailto:contact@reyonisenergie.fr\">\n <span class=\"contact-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 4v10h16V8l-8 5-8-5Zm0-2 8 5 8-5H4Z\"\/><\/svg>\n <\/span>\n <span class=\"contact-text\">\n <span class=\"contact-label\">Email<\/span>\n <span class=\"contact-value\">contact@reyonisenergie.fr<\/span>\n <\/span>\n <\/a>\n\n <div class=\"contact-item\" style=\"cursor:default\">\n <span class=\"contact-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z\"\/><\/svg>\n <\/span>\n <span class=\"contact-text\">\n <span class=\"contact-label\">Zone<\/span>\n <span class=\"contact-value\">Toute l'\u00eele de La R\u00e9union<\/span>\n <\/span>\n <\/div>\n <\/div>\n\n <!-- ============== R\u00c9SEAUX SOCIAUX ============== -->\n <div class=\"socials\">\n <a class=\"social-btn\" href=\"#\" aria-label=\"Facebook\" title=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 22v-8h3l1-4h-4V7.5c0-1.1.4-2 2-2h2V2.2C16.4 2.1 15.3 2 14 2c-3 0-5 1.8-5 5v3H6v4h3v8h4Z\"\/><\/svg>\n <\/a>\n <a class=\"social-btn\" href=\"#\" aria-label=\"Instagram\" title=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg>\n <\/a>\n <a class=\"social-btn\" href=\"#\" aria-label=\"TikTok\" title=\"TikTok\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 3v3.2a5 5 0 0 0 4 4v3a8 8 0 0 1-4-1.1V16a6 6 0 1 1-6-6v3a3 3 0 1 0 3 3V3h3Z\"\/><\/svg>\n <\/a>\n <\/div>\n\n <!-- ============== FOOTER ============== -->\n <footer>\n \u00a9 2026 <span class=\"island\">R\u00e9yonis \u00c9nergie<\/span> \u2014 Expertise locale \u00e0 La R\u00e9union\n <span class=\"stars\">\u2605 \u2605 \u2605 \u2605 \u2605<\/span>\n <\/footer>\n<\/div>\n\n<script>\n\/* ============================================================\n R\u00c9YONIS \u00c9NERGIE \u2014 Scripts d'animation\n ============================================================ *\/\n\n\/* -- 1. Particules dor\u00e9es flottantes (canvas) -- *\/\n(function particlesGold() {\n const canvas = document.getElementById('particles');\n const ctx = canvas.getContext('2d');\n let particles = [];\n let w, h;\n\n function resize() {\n w = canvas.width = window.innerWidth * window.devicePixelRatio;\n h = canvas.height = window.innerHeight * window.devicePixelRatio;\n canvas.style.width = window.innerWidth + 'px';\n canvas.style.height = window.innerHeight + 'px';\n ctx.scale(1, 1);\n }\n\n function spawn() {\n \/\/ Densit\u00e9 adaptative selon la taille d'\u00e9cran\n const count = Math.min(70, Math.floor((window.innerWidth * window.innerHeight) \/ 28000));\n particles = [];\n for (let i = 0; i < count; i++) {\n particles.push({\n x: Math.random() * w,\n y: Math.random() * h,\n r: (Math.random() * 1.6 + 0.4) * window.devicePixelRatio,\n vx: (Math.random() - 0.5) * 0.3 * window.devicePixelRatio,\n vy: (-Math.random() * 0.4 - 0.1) * window.devicePixelRatio,\n a: Math.random() * 0.6 + 0.2,\n twinkle: Math.random() * Math.PI * 2,\n });\n }\n }\n\n function draw() {\n ctx.clearRect(0, 0, w, h);\n for (const p of particles) {\n p.x += p.vx;\n p.y += p.vy;\n p.twinkle += 0.04;\n\n \/\/ Reset si sortie d'\u00e9cran\n if (p.y < -10) { p.y = h + 10; p.x = Math.random() * w; }\n if (p.x < -10) p.x = w + 10;\n if (p.x > w + 10) p.x = -10;\n\n const alpha = p.a * (0.65 + 0.35 * Math.sin(p.twinkle));\n \/\/ Halo\n const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 6);\n grad.addColorStop(0, `rgba(255, 215, 0, ${alpha})`);\n grad.addColorStop(0.4, `rgba(212, 175, 55, ${alpha * 0.3})`);\n grad.addColorStop(1, 'rgba(212, 175, 55, 0)');\n ctx.fillStyle = grad;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r * 6, 0, Math.PI * 2);\n ctx.fill();\n \/\/ Coeur brillant\n ctx.fillStyle = `rgba(255, 243, 176, ${alpha})`;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n }\n requestAnimationFrame(draw);\n }\n\n window.addEventListener('resize', () => { resize(); spawn(); });\n resize(); spawn(); draw();\n})();\n\n\/* -- 2. Barre de progression : remplissage en boucle -- *\/\n(function progressLoop() {\n const bar = document.getElementById('bar');\n const pctEl = document.getElementById('pct');\n let pct = 0;\n let target = 73; \/\/ valeur \"marketing\" affich\u00e9e le plus souvent\n let direction = 1;\n\n function tick() {\n \/\/ On oscille doucement autour de la cible pour ne jamais finir\n if (pct < target - 2) pct += 0.6;\n else if (pct > target + 4) pct -= 0.3;\n else pct += (Math.random() - 0.5) * 0.6;\n\n pct = Math.max(0, Math.min(96, pct));\n bar.style.width = pct.toFixed(1) + '%';\n pctEl.textContent = Math.round(pct) + '%';\n }\n\n \/\/ D\u00e9marre depuis 0 et monte\n let startAnim = setInterval(() => {\n pct += 1.2;\n bar.style.width = pct + '%';\n pctEl.textContent = Math.round(pct) + '%';\n if (pct >= target) {\n clearInterval(startAnim);\n setInterval(tick, 160);\n }\n }, 60);\n})();\n\n\/* -- 3. Parallaxe l\u00e9ger au mouvement de la souris -- *\/\n(function parallax() {\n const root = document.getElementById('parallaxRoot');\n const targets = root.querySelectorAll('[data-parallax]');\n let mx = 0, my = 0, tx = 0, ty = 0;\n\n document.addEventListener('mousemove', (e) => {\n mx = (e.clientX \/ window.innerWidth - 0.5) * 2;\n my = (e.clientY \/ window.innerHeight - 0.5) * 2;\n });\n\n function loop() {\n tx += (mx - tx) * 0.08;\n ty += (my - ty) * 0.08;\n targets.forEach(el => {\n const k = parseFloat(el.dataset.parallax) || 0.2;\n el.style.transform = `translate3d(${tx * k * -12}px, ${ty * k * -12}px, 0)`;\n });\n requestAnimationFrame(loop);\n }\n \/\/ D\u00e9sactive si l'utilisateur pr\u00e9f\u00e8re r\u00e9duire les animations\n if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) loop();\n})();\n\n<\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n<!-- \/wp:code -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/reyonisenergie.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}