{"id":6688,"date":"2026-05-11T12:46:11","date_gmt":"2026-05-11T12:46:11","guid":{"rendered":"https:\/\/www.evolis-energies.fr\/?page_id=6688"},"modified":"2026-07-21T08:55:06","modified_gmt":"2026-07-21T08:55:06","slug":"accueil-presentation-nouvelle-version-couleur-dynamique","status":"publish","type":"page","link":"https:\/\/www.evolis-energies.fr\/","title":{"rendered":"Page d&rsquo;accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6688\" class=\"elementor elementor-6688\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43ed672 e-flex e-con-boxed e-con e-parent\" data-id=\"43ed672\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9dc4c8 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"d9dc4c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SLIDER VID\u00c9OS PLEINE LARGEUR -->\r\n<style>\r\n  .vs-wrap {\r\n    font-family: 'Roboto', sans-serif;\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    height: 600px;\r\n    z-index: 0;\r\n  }\r\n  .vs-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    transition: opacity 1.2s ease;\r\n    z-index: 0;\r\n  }\r\n  .vs-slide.active {\r\n    opacity: 1;\r\n    z-index: 1;\r\n    position: absolute;\r\n  }\r\n  .vs-slide video {\r\n    width: 100%;\r\n    height: 600px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n.vs-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: \r\n      linear-gradient(135deg, rgba(43,82,112,0.75) 0%, rgba(80,140,175,0.40) 50%, rgba(100,170,195,0.30) 100%),\r\n      linear-gradient(to top, rgba(20,40,60,0.60) 0%, transparent 50%);\r\n  }\r\n  .vs-center-logo {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 20;\r\n    text-align: center;\r\n    pointer-events: none;\r\n  }\r\n  .vs-center-logo img {\r\n    width: 380px;\r\n    max-width: 75vw;\r\n    filter: drop-shadow(0 2px 24px rgba(0,0,0,0.35));\r\n  }\r\n  .vs-tagline {\r\n    color: #ffffff;\r\n    font-size: 25px;\r\n    font-weight: 300;\r\n    letter-spacing: 2px;\r\n    margin-top: 16px;\r\n    text-shadow: 0 2px 20px rgba(0,0,0,0.5);\r\n    white-space: nowrap;\r\n  }\r\n  .vs-progress {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 3px;\r\n    background: rgba(255,255,255,0.8);\r\n    z-index: 10;\r\n    width: 0%;\r\n    transition: width linear;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .vs-wrap { height: 350px; }\r\n    .vs-slide video { height: 350px; }\r\n    .vs-center-logo img { width: 220px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vs-wrap\" id=\"vs-wrap\">\r\n\r\n  <div class=\"vs-center-logo\">\r\n    <img decoding=\"async\" src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/Logo-Evolis_White.svg\" alt=\"Evolis Energies\">\r\n    <div class=\"vs-tagline\">Le partenaire des acteurs de l'Energie<\/div>\r\n  <\/div>\r\n\r\n  <!-- ============================================ -->\r\n  <!-- VID\u00c9O 1 \u2014 Remplace l'URL src ci-dessous     -->\r\n  <!-- ============================================ -->\r\n  <div class=\"vs-slide active\" id=\"slide-0\">\r\n    <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/05\/19049853-uhd_2560_1440_60fps.mp4\" autoplay muted loop playsinline><\/video>\r\n    <div class=\"vs-overlay\"><\/div>\r\n  <\/div>\r\n  <!-- ============================================ -->\r\n  <!-- VID\u00c9O 2 \u2014 Remplace l'URL src ci-dessous     -->\r\n  <!-- ============================================ -->\r\n  <div class=\"vs-slide\" id=\"slide-1\">\r\n    <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/05\/11795041-uhd_2560_1440_50fps.mp4\" muted loop playsinline><\/video>\r\n    <div class=\"vs-overlay\"><\/div>\r\n  <\/div>\r\n  <!-- ============================================ -->\r\n  <!-- VID\u00c9O 3 \u2014 Remplace l'URL src ci-dessous     -->\r\n  <!-- ============================================ -->\r\n  <div class=\"vs-slide\" id=\"slide-2\">\r\n    <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/05\/2887464-hd_1920_1080_25fps.mp4\" muted loop playsinline><\/video>\r\n    <div class=\"vs-overlay\"><\/div>\r\n  <\/div>\r\n  <div class=\"vs-progress\" id=\"vs-progress\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  let vsCurrent = 0;\r\n  const vsTotal = 3;\r\n  const vsDuration = 5000;\r\n  let vsTimer = null;\r\n\r\n  document.querySelectorAll('.vs-slide video').forEach(vid => vid.play());\r\n\r\n  function vsGoTo(index) {\r\n    const slides = document.querySelectorAll('.vs-slide');\r\n    slides[vsCurrent].classList.remove('active');\r\n    vsCurrent = (index + vsTotal) % vsTotal;\r\n    slides[vsCurrent].classList.add('active');\r\n    vsResetProgress();\r\n    vsStartProgress();\r\n  }\r\n\r\n  function vsResetProgress() {\r\n    const bar = document.getElementById('vs-progress');\r\n    bar.style.transition = 'none';\r\n    bar.style.width = '0%';\r\n  }\r\n\r\n  function vsStartProgress() {\r\n    setTimeout(() => {\r\n      const bar = document.getElementById('vs-progress');\r\n      bar.style.transition = `width ${vsDuration}ms linear`;\r\n      bar.style.width = '100%';\r\n    }, 50);\r\n  }\r\n\r\n  function vsAutoPlay() {\r\n    clearTimeout(vsTimer);\r\n    vsTimer = setTimeout(() => {\r\n      vsGoTo(vsCurrent + 1);\r\n      vsAutoPlay();\r\n    }, vsDuration);\r\n  }\r\n\r\n  vsStartProgress();\r\n  vsAutoPlay();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04be5f0 e-flex e-con-boxed e-con e-parent\" data-id=\"04be5f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d09619 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"1d09619\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .home-grid {\r\n    font-family: 'Roboto', sans-serif;\r\n    display: flex;\r\n    gap: 30px;\r\n    width: 100%;\r\n    align-items: stretch;\r\n  }\r\n  .home-card {\r\n    flex: 1;\r\n    border-radius: 14px;\r\n    padding: 11px 19px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    cursor: pointer;\r\n  }\r\n  .home-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 140px; height: 140px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.04);\r\n    pointer-events: none;\r\n  }\r\n  .home-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -50px; left: -50px;\r\n    width: 100px; height: 100px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.03);\r\n    pointer-events: none;\r\n  }\r\n  .home-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.22); }\r\n\r\n  .home-card:nth-child(1) { background: linear-gradient(145deg, #e07c2a, #c96a18); box-shadow: 0 8px 24px rgba(224,124,42,0.30); }\r\n  .home-card:nth-child(2) { background: linear-gradient(145deg, #64aac3, #508caf); box-shadow: 0 8px 24px rgba(100,170,195,0.35); }\r\n  .home-card:nth-child(3) { background: linear-gradient(145deg, #2eaa6b, #1e8050); box-shadow: 0 8px 24px rgba(46,170,107,0.30); }\r\n\r\n  .home-card-title {\r\n    font-size: 20px;\r\n    font-weight: 650;\r\n    color: #ffffff;\r\n    line-height: 1.4;\r\n    margin-bottom: 0;\r\n    position: relative; z-index: 1;\r\n    height: 60px;\r\n    display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  .home-card-icon {\r\n    width: 60px; height: 60px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.18);\r\n    border: 2px solid rgba(255,255,255,0.35);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n    margin: 20px 0;\r\n    transition: background 0.3s ease, transform 0.3s ease;\r\n    position: relative; z-index: 1;\r\n  }\r\n  .home-card:hover .home-card-icon { background: rgba(255,255,255,0.28); transform: scale(1.1); }\r\n  .home-card-icon svg { width: 30px; height: 30px; fill: #ffffff; }\r\n\r\n  .home-card-desc {\r\n    font-size: 17px;\r\n    font-weight: 300;\r\n    color: rgba(255,255,255,0.92);\r\n    line-height: 1.6;\r\n    margin-bottom: 0;\r\n    position: relative; z-index: 1;\r\n    flex: 1;\r\n    display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  .home-card-link {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    border-bottom: 1px solid rgba(255,255,255,0.5);\r\n    padding-bottom: 3px;\r\n    transition: border-color 0.2s ease;\r\n    position: relative; z-index: 1;\r\n    margin-top: 24px;\r\n  }\r\n  .home-card:hover .home-card-link { border-color: #ffffff; }\r\n\r\n  @media (max-width: 768px) {\r\n    .home-grid { flex-direction: column; }\r\n    .home-card-title { height: auto; min-height: 60px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-grid\">\r\n  <a class=\"home-card\" href=\"http:\/\/www.evolis-energies.fr\/?page_id=4488\">\r\n    <div class=\"home-card-title\">Fournisseur d'Electricit\u00e9 et de Gaz<\/div>\r\n    <div class=\"home-card-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"home-card-desc\">Solutions de facturation, gestion de contrats et conformit\u00e9 r\u00e9glementaire pour les Fournisseurs.<\/div>\r\n    <span class=\"home-card-link\">D\u00e9couvrir \u2192<\/span>\r\n  <\/a>\r\n  <a class=\"home-card\" href=\"http:\/\/www.evolis-energies.fr\/?page_id=4234\">\r\n    <div class=\"home-card-title\">Gestionnaire de R\u00e9seau Distribution<\/div>\r\n    <div class=\"home-card-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"home-card-desc\">Outils de gestion de r\u00e9seau, rel\u00e8ve, t\u00e9l\u00e9rel\u00e8ve et \u00e9changes GRD\/Fournisseurs conformes aux standards.<\/div>\r\n    <span class=\"home-card-link\">D\u00e9couvrir \u2192<\/span>\r\n  <\/a>\r\n  <a class=\"home-card\" href=\"http:\/\/www.evolis-energies.fr\/?page_id=4236\">\r\n    <div class=\"home-card-title\">Acheteur \/ Producteur d'Electricit\u00e9 produite par ENR<\/div>\r\n    <div class=\"home-card-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"home-card-desc\">Gestion des achats d'\u00e9nergie verte, suivi de production et int\u00e9gration des obligations r\u00e9glementaires ENR.<\/div>\r\n    <span class=\"home-card-link\">D\u00e9couvrir \u2192<\/span>\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbdb213 e-flex e-con-boxed e-con e-parent\" data-id=\"fbdb213\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c3ab0 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"27c3ab0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .home-intro {\r\n    font-family: 'Roboto', sans-serif;\r\n    display: flex;\r\n    gap: 0;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 20px rgba(80,140,175,0.10);\r\n    width: 100%;\r\n  }\r\n  .home-intro-accent {\r\n    width: 5px;\r\n    background: linear-gradient(to bottom, #e07c2a, #508caf, #2eaa6b);\r\n    flex-shrink: 0;\r\n  }\r\n  .home-intro-content {\r\n    flex: 1;\r\n    background: #f8fbfd;\r\n    border: 1px solid rgba(80,140,175,0.15);\r\n    border-left: none;\r\n    padding: 36px 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 30px;\r\n  }\r\n  .home-intro-icon {\r\n    width: 60px; height: 60px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #508caf, #64aac3);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 14px rgba(80,140,175,0.30);\r\n  }\r\n  .home-intro-icon svg { width: 28px; height: 28px; fill: #ffffff; }\r\n  .home-intro-text p {\r\n    font-size: 25px;\r\n    font-weight: 300;\r\n    line-height: 1.85;\r\n    color: #4a5568;\r\n    margin-bottom: 0;\r\n    text-align: justify;\r\n  }\r\n  .home-intro-text strong { font-weight: 700; color: #508caf; }\r\n  @media (max-width: 768px) {\r\n    .home-intro-content { flex-direction: column; padding: 24px; }\r\n  }\r\n<\/style>\r\n<div class=\"home-intro\">\r\n  <div class=\"home-intro-accent\"><\/div>\r\n  <div class=\"home-intro-content\">\r\n    <div class=\"home-intro-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"home-intro-text\">\r\n      <p>Depuis plus de <strong>35 ans<\/strong>, <strong>EVOLIS accompagne<\/strong> les Fournisseurs, Distributeurs et Producteurs d'ENR avec des <strong>solutions logicielles de r\u00e9f\u00e9rence<\/strong>, con\u00e7ues pour anticiper les <strong>\u00e9volutions r\u00e9glementaires<\/strong> et r\u00e9pondre aux <strong>enjeux m\u00e9tiers<\/strong> d'un march\u00e9 en constante <strong>transformation<\/strong>.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34af0c6 e-flex e-con-boxed e-con e-parent\" data-id=\"34af0c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2838408 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"2838408\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2315f0 e-flex e-con-boxed e-con e-parent\" data-id=\"a2315f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5169261 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"5169261\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- EVOLIS \u2013 Composition tablette + 2 fen\u00eatres en overlap -->\r\n<div id=\"ev3-wrap\" style=\"width:100%;max-width:1300px;margin:0 auto;font-family:'Inter',Arial,sans-serif;\">\r\n\r\n<style>\r\n  #ev3-wrap * { margin:0; padding:0; box-sizing:border-box; }\r\n\r\n  \/* \u2550\u2550 CONTENEUR PRINCIPAL \u2550\u2550 *\/\r\n  #ev3-wrap .scene {\r\n    position: relative;\r\n    width: 1060px;\r\n    height: 520px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2550\u2550 TABLETTE \u2550\u2550 *\/\r\n  #ev3-wrap .tablet { position: absolute; left: 0; top: 60px; z-index: 1; }\r\n  #ev3-wrap .tab-frame {\r\n    background: linear-gradient(160deg,#2a2e38,#1e2228);\r\n    border-radius: 12px;\r\n    border: 5px solid #3a3f4a;\r\n    box-shadow: 0 0 0 1px #14161a, 0 20px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07);\r\n    padding: 8px 8px 28px;\r\n    position: relative;\r\n    width: 580px;\r\n  }\r\n  #ev3-wrap .tab-frame::after {\r\n    content:''; position:absolute; bottom:8px; left:50%; transform:translateX(-50%);\r\n    width:55px; height:5px; border-radius:3px; background:#2a2e38; border:1.5px solid #3a3f4a;\r\n  }\r\n  #ev3-wrap .tab-frame::before {\r\n    content:''; position:absolute; top:50%; left:5px; transform:translateY(-50%);\r\n    width:5px; height:5px; border-radius:50%; background:#14161a; border:1px solid #2a2e38;\r\n  }\r\n  #ev3-wrap .tab-screen {\r\n    background:#f2f4f7; border-radius:5px; overflow:hidden; height:340px;\r\n    border:1.5px solid #0a0c10; position:relative; box-shadow:inset 0 1px 4px rgba(0,0,0,.4);\r\n  }\r\n  #ev3-wrap .tab-glow {\r\n    position:absolute; inset:-2px; border-radius:12px; pointer-events:none;\r\n    animation:ev3-sg 4s ease-in-out infinite;\r\n  }\r\n  @keyframes ev3-sg{0%,100%{box-shadow:0 0 30px rgba(80,140,175,.2);}50%{box-shadow:0 0 55px rgba(80,140,175,.4);}}\r\n\r\n  \/* UI tablette *\/\r\n  #ev3-wrap .tab-hdr{background:linear-gradient(180deg,#508caf,#3d6e8a);height:22px;display:flex;align-items:center;padding:0 8px;gap:5px;border-bottom:2px solid #2b5270;}\r\n  #ev3-wrap .tab-logo{background:white;color:#508caf;font-weight:700;font-size:8px;padding:1px 5px;border-radius:2px;}\r\n  #ev3-wrap .tab-search{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.3);border-radius:2px;height:12px;width:120px;}\r\n  #ev3-wrap .tab-btn{background:#e07c2a;height:12px;width:38px;border-radius:2px;}\r\n  #ev3-wrap .tab-badges{margin-left:auto;display:flex;gap:2px;}\r\n  #ev3-wrap .tab-badge{height:11px;border-radius:2px;}\r\n  #ev3-wrap .tab-badge.w{background:rgba(255,255,255,.18);width:55px;}\r\n  #ev3-wrap .tab-badge.o{background:#e07c2a;width:36px;}\r\n  #ev3-wrap .tab-badge.g{background:#2eaa6b;width:30px;}\r\n  #ev3-wrap .tab-nav{background:#e4eaf2;border-bottom:2px solid #b8c4d4;height:16px;display:flex;align-items:flex-end;padding:0 3px;gap:1px;overflow:hidden;}\r\n  #ev3-wrap .tni{height:14px;border-radius:2px 2px 0 0;border:1px solid transparent;border-bottom:none;display:flex;align-items:center;padding:0 5px;}\r\n  #ev3-wrap .tni-bar{background:#b0bece;border-radius:1px;height:5px;}\r\n  #ev3-wrap .tni.hl{background:#e07c2a;border-color:#c96a18;}\r\n  #ev3-wrap .tni.hl .tni-bar{background:white;}\r\n  #ev3-wrap .tab-subnav{background:#f5f7fa;border-bottom:1px solid #ccd4e0;height:13px;display:flex;align-items:center;padding:0 4px;gap:2px;}\r\n  #ev3-wrap .tsni{height:10px;border-radius:2px;}\r\n  #ev3-wrap .tsni-bar{background:#c4ccd8;border-radius:1px;height:4px;margin:3px 4px;}\r\n  #ev3-wrap .tsni.active{background:rgba(80,140,175,0.12);}\r\n  #ev3-wrap .tsni.active .tsni-bar{background:#508caf;}\r\n  #ev3-wrap .tab-ptitle{background:#eef2f8;border-bottom:1px solid #ccd4e0;height:13px;display:flex;align-items:center;padding:0 7px;gap:5px;}\r\n  #ev3-wrap .tab-pticon{width:8px;height:8px;background:#e07c2a;border-radius:50%;}\r\n  #ev3-wrap .tab-ptbar{background:#508caf;border-radius:1px;height:5px;width:20px;}\r\n  #ev3-wrap .tab-body{background:#f2f4f7;height:calc(340px - 22px - 16px - 13px - 13px);overflow:hidden;position:relative;}\r\n  #ev3-wrap .tab-chart{background:white;border:1px solid #ccd4e0;margin:4px;border-radius:3px;padding:4px 6px;}\r\n  #ev3-wrap .tab-ctbar{background:rgba(80,140,175,0.20);border-radius:1px;height:5px;width:140px;margin:0 auto 4px;}\r\n  #ev3-wrap .tab-chart-area{height:56px;display:flex;align-items:flex-end;gap:2px;padding:0 10px 7px;border-left:1px solid #ccd4e0;border-bottom:1px solid #ccd4e0;position:relative;}\r\n  #ev3-wrap .tab-yline{position:absolute;left:10px;right:0;height:1px;background:#eef0f4;}\r\n  #ev3-wrap .tab-yline.t{top:2px;} #ev3-wrap .tab-yline.m{top:40%;}\r\n  #ev3-wrap .tcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;height:100%;justify-content:flex-end;}\r\n  #ev3-wrap .tbar{width:80%;border-radius:1px 1px 0 0;background:linear-gradient(180deg,#508caf,#3d6e8a);transition:height 1.1s cubic-bezier(.25,.8,.25,1);}\r\n  #ev3-wrap .tbar.hi{background:linear-gradient(180deg,#e07c2a,#c96a18);}\r\n  #ev3-wrap .ttick{height:3px;width:10px;background:#d0dae8;border-radius:1px;}\r\n  #ev3-wrap .tab-bottom{display:flex;gap:3px;margin:3px 4px;height:148px;}\r\n  #ev3-wrap .tab-lpanel{flex:3;background:white;border:1px solid #ccd4e0;border-radius:3px;overflow:hidden;}\r\n  #ev3-wrap .tph{background:linear-gradient(90deg,#eaf3f8,#e4eef6);border-bottom:1px solid #c0d0e0;height:12px;display:flex;align-items:center;padding:0 5px;}\r\n  #ev3-wrap .tph-pill{background:#508caf;border-radius:2px;height:6px;width:24px;}\r\n  #ev3-wrap .tgh{display:grid;gap:2px;padding:2px 3px;grid-template-columns:11px 30px 1fr 55px 45px 35px 18px;}\r\n  #ev3-wrap .tgh.head{background:#ddeaf4;border-bottom:1px solid #c0d0e0;}\r\n  #ev3-wrap .tgh.r1{background:#eaf3f8;border-bottom:1px solid #eef2f8;}\r\n  #ev3-wrap .tgh.r2{border-bottom:1px solid #eef2f8;}\r\n  #ev3-wrap .tgh.r3{background:#fdf0e3;border-bottom:1px solid #eef2f8;}\r\n  #ev3-wrap .tgc{height:5px;background:#b8c8d8;border-radius:1px;}\r\n  #ev3-wrap .tdot{width:7px;height:7px;border-radius:50%;}\r\n  #ev3-wrap .tdot.g{background:#2eaa6b;} #ev3-wrap .tdot.r{background:#e07c2a;} #ev3-wrap .tdot.b{background:#508caf;}\r\n  #ev3-wrap .tbar2{height:5px;border-radius:1px;}\r\n  #ev3-wrap .tbar2.blue{background:#508caf;} #ev3-wrap .tbar2.gray{background:#c4ccd8;}\r\n  #ev3-wrap .tdet{padding:3px 4px;border-top:1px solid #ccd4e0;background:#fafbfd;display:grid;grid-template-columns:1fr 1fr;gap:2px 5px;}\r\n  #ev3-wrap .tdet-row{display:flex;gap:2px;align-items:center;}\r\n  #ev3-wrap .tdet-l{height:4px;border-radius:1px;background:#c4cce0;flex:0 0 22px;}\r\n  #ev3-wrap .tdet-v{height:4px;border-radius:1px;background:#8898b8;flex:0 0 34px;}\r\n  #ev3-wrap .tab-rpanel{flex:2;display:flex;flex-direction:column;gap:3px;}\r\n  #ev3-wrap .tsmall{background:white;border:1px solid #ccd4e0;border-radius:3px;overflow:hidden;}\r\n  #ev3-wrap .tsmall-ph{background:linear-gradient(90deg,#eaf3f8,#e4eef6);border-bottom:1px solid #c0d0e0;height:12px;display:flex;align-items:center;padding:0 4px;}\r\n  #ev3-wrap .tsmall-pill{background:#508caf;border-radius:2px;height:6px;width:20px;}\r\n  #ev3-wrap .tsmall-bar{background:#e4eef6;border-radius:1px;height:4px;width:50px;margin:4px auto;}\r\n\r\n  \/* curseur tablette *\/\r\n  #ev3-wrap .tab-cursor{position:absolute;pointer-events:none;z-index:200;width:12px;height:12px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4));}\r\n  #ev3-wrap .tab-cursor svg{width:12px;height:12px;}\r\n  #ev3-wrap .tab-hring{position:absolute;border:2px solid rgba(224,124,42,.65);border-radius:3px;pointer-events:none;z-index:150;opacity:0;transition:opacity .25s;box-shadow:0 0 7px rgba(224,124,42,.25);}\r\n  #ev3-wrap .tab-hring.show{opacity:1;}\r\n  #ev3-wrap .tab-ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:160;background:rgba(224,124,42,.3);width:14px;height:14px;transform:translate(-50%,-50%) scale(0);animation:ev3-rpl .5s ease-out forwards;}\r\n  @keyframes ev3-rpl{to{transform:translate(-50%,-50%) scale(3);opacity:0;}}\r\n\r\n  \/* \u2550\u2550 FEN\u00caTRE SUIVI CONSO \u2550\u2550 *\/\r\n  #ev3-wrap .win-conso {\r\n    position: absolute; top: 0; left: 490px; width: 340px; z-index: 3;\r\n    background: white; border-radius: 14px;\r\n    box-shadow: 0 8px 32px rgba(80,140,175,.18), 0 2px 6px rgba(0,0,0,.06);\r\n    border: 1px solid rgba(80,140,175,0.18); overflow: hidden;\r\n  }\r\n\r\n  \/* \u2550\u2550 FEN\u00caTRE COURBE DE CHARGE \u2550\u2550 *\/\r\n  #ev3-wrap .win-charge {\r\n    position: absolute; bottom: 0; left: 440px; width: 460px; z-index: 2;\r\n    background: white; border-radius: 14px;\r\n    box-shadow: 0 8px 32px rgba(46,170,107,.12), 0 2px 6px rgba(0,0,0,.05);\r\n    border: 1px solid rgba(46,170,107,0.15); overflow: hidden;\r\n  }\r\n\r\n  \/* \u2550\u2550 COMMUN FEN\u00caTRES \u2550\u2550 *\/\r\n  #ev3-wrap .win-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid #eef2f6;}\r\n  #ev3-wrap .win-bar.blue{background:linear-gradient(90deg,#eaf3f8,#f5f8fc);}\r\n  #ev3-wrap .win-bar.green{background:linear-gradient(90deg,#e8f7f0,#f5faf7);}\r\n  #ev3-wrap .wdot{width:7px;height:7px;border-radius:50%;}\r\n  #ev3-wrap .wdot.d1{background:#ff5f57;} #ev3-wrap .wdot.d2{background:#febc2e;} #ev3-wrap .wdot.d3{background:#28c840;}\r\n  #ev3-wrap .win-ttl{height:6px;border-radius:2px;flex:1;max-width:100px;}\r\n  #ev3-wrap .win-bar.blue .win-ttl{background:#508caf;opacity:.45;}\r\n  #ev3-wrap .win-bar.green .win-ttl{background:#2eaa6b;opacity:.45;}\r\n  #ev3-wrap .win-lbl{margin-left:auto;font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.04em;}\r\n  #ev3-wrap .win-lbl.blue{background:rgba(80,140,175,.10);color:#508caf;}\r\n  #ev3-wrap .win-lbl.green{background:rgba(46,170,107,.10);color:#2eaa6b;}\r\n  #ev3-wrap .win-body{padding:10px 12px;}\r\n\r\n  \/* KPI *\/\r\n  #ev3-wrap .w-kpi-row{display:flex;gap:6px;margin-bottom:10px;}\r\n  #ev3-wrap .w-kpi{flex:1;border-radius:7px;padding:7px;display:flex;align-items:center;gap:6px;}\r\n  #ev3-wrap .w-kpi.k1{background:rgba(80,140,175,.07);border:1px solid rgba(80,140,175,.15);}\r\n  #ev3-wrap .w-kpi.k2{background:rgba(46,170,107,.07);border:1px solid rgba(46,170,107,.15);}\r\n  #ev3-wrap .w-kpi.k3{background:rgba(224,124,42,.07);border:1px solid rgba(224,124,42,.15);}\r\n  #ev3-wrap .w-kpi-ico{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n  #ev3-wrap .w-kpi.k1 .w-kpi-ico{background:#508caf;} #ev3-wrap .w-kpi.k2 .w-kpi-ico{background:#2eaa6b;} #ev3-wrap .w-kpi.k3 .w-kpi-ico{background:#e07c2a;}\r\n  #ev3-wrap .w-kpi-ico svg{width:11px;height:11px;fill:white;}\r\n  #ev3-wrap .w-kpi-v{height:7px;border-radius:2px;margin-bottom:3px;width:26px;}\r\n  #ev3-wrap .w-kpi.k1 .w-kpi-v{background:#508caf;} #ev3-wrap .w-kpi.k2 .w-kpi-v{background:#2eaa6b;} #ev3-wrap .w-kpi.k3 .w-kpi-v{background:#e07c2a;}\r\n  #ev3-wrap .w-kpi-l{height:4px;border-radius:1px;background:#c4ccd8;width:36px;}\r\n\r\n  \/* Charts *\/\r\n  #ev3-wrap .ichart-wrap{border:1px solid rgba(80,140,175,0.12);border-radius:8px;overflow:hidden;}\r\n  #ev3-wrap .ichart-head{background:#f8fafc;border-bottom:1px solid rgba(80,140,175,0.10);padding:5px 8px;display:flex;align-items:center;gap:6px;}\r\n  #ev3-wrap .icht{height:5px;border-radius:2px;background:#c4ccd8;width:80px;}\r\n  #ev3-wrap .ileg{display:flex;gap:5px;align-items:center;margin-left:auto;}\r\n  #ev3-wrap .ileg-dot{width:6px;height:6px;border-radius:50%;}\r\n  #ev3-wrap .ileg-line{height:2px;width:14px;border-radius:1px;}\r\n  #ev3-wrap .ichart-body{padding:8px;position:relative;cursor:crosshair;}\r\n  #ev3-wrap .ichart-body svg{display:block;width:100%;overflow:visible;}\r\n\r\n  \/* Tooltip *\/\r\n  #ev3-wrap .ev-tooltip{\r\n    position:absolute;pointer-events:none;z-index:300;\r\n    background:#1e2a3a;color:white;font-size:10px;font-weight:600;\r\n    padding:5px 9px;border-radius:6px;white-space:nowrap;\r\n    box-shadow:0 4px 14px rgba(0,0,0,.25);\r\n    opacity:0;transition:opacity .15s;transform:translateX(-50%);\r\n  }\r\n  #ev3-wrap .ev-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1e2a3a;}\r\n  #ev3-wrap .ev-tooltip.show{opacity:1;}\r\n  #ev3-wrap .hover-line{stroke:#c0ccd8;stroke-width:1;stroke-dasharray:3 3;opacity:0;transition:opacity .15s;}\r\n  #ev3-wrap .hover-line.show{opacity:1;}\r\n  #ev3-wrap .hdot{stroke-width:2;stroke:white;opacity:0;transition:opacity .15s;}\r\n  #ev3-wrap .hdot.show{opacity:1;}\r\n\r\n  \/* Badges win2 *\/\r\n  #ev3-wrap .w2-badges{display:flex;gap:6px;margin-bottom:8px;}\r\n  #ev3-wrap .w2-bdg{padding:3px 8px;border-radius:10px;font-size:9px;font-weight:700;}\r\n  #ev3-wrap .w2-bdg.ok{background:rgba(46,170,107,.10);color:#2eaa6b;}\r\n  #ev3-wrap .w2-bdg.warn{background:rgba(224,124,42,.10);color:#e07c2a;}\r\n<\/style>\r\n\r\n<div class=\"scene\">\r\n\r\n  <!-- \u2550\u2550 TABLETTE \u2550\u2550 -->\r\n  <div class=\"tablet\">\r\n    <div class=\"tab-frame\">\r\n      <div class=\"tab-glow\"><\/div>\r\n      <div class=\"tab-screen\">\r\n        <div class=\"tab-hdr\">\r\n          <div class=\"tab-logo\">PRACDIS<\/div>\r\n          <div class=\"tab-search\"><\/div>\r\n          <div class=\"tab-btn\"><\/div>\r\n          <div class=\"tab-badges\">\r\n            <div class=\"tab-badge w\"><\/div><div class=\"tab-badge o\"><\/div><div class=\"tab-badge g\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tab-nav\">\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:16px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:32px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:32px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:16px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:22px\"><\/div><\/div>\r\n          <div class=\"tni hl\"><div class=\"tni-bar\" style=\"width:14px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:32px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:22px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:22px\"><\/div><\/div>\r\n          <div class=\"tni\"><div class=\"tni-bar\" style=\"width:12px\"><\/div><\/div>\r\n        <\/div>\r\n        <div class=\"tab-subnav\">\r\n          <div class=\"tsni active\"><div class=\"tsni-bar\" style=\"width:28px\"><\/div><\/div>\r\n          <div class=\"tsni\"><div class=\"tsni-bar\" style=\"width:36px\"><\/div><\/div>\r\n          <div class=\"tsni\"><div class=\"tsni-bar\" style=\"width:46px\"><\/div><\/div>\r\n          <div class=\"tsni\"><div class=\"tsni-bar\" style=\"width:28px\"><\/div><\/div>\r\n          <div class=\"tsni\"><div class=\"tsni-bar\" style=\"width:50px\"><\/div><\/div>\r\n        <\/div>\r\n        <div class=\"tab-ptitle\"><div class=\"tab-pticon\"><\/div><div class=\"tab-ptbar\"><\/div><\/div>\r\n        <div class=\"tab-body\" id=\"tab-body\">\r\n          <div class=\"tab-chart\">\r\n            <div class=\"tab-ctbar\"><\/div>\r\n            <div class=\"tab-chart-area\" id=\"tab-chartArea\">\r\n              <div class=\"tab-yline t\"><\/div><div class=\"tab-yline m\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tab-bottom\">\r\n            <div class=\"tab-lpanel\">\r\n              <div class=\"tph\"><div class=\"tph-pill\"><\/div><\/div>\r\n              <div class=\"tgh head\"><div><\/div><div class=\"tgc\" style=\"width:24px\"><\/div><div class=\"tgc\" style=\"width:55px\"><\/div><div class=\"tgc\" style=\"width:38px\"><\/div><div class=\"tgc\" style=\"width:32px\"><\/div><div class=\"tgc\" style=\"width:26px\"><\/div><div class=\"tgc\" style=\"width:14px\"><\/div><\/div>\r\n              <div class=\"tgh r1\">\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tdot g\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 blue\" style=\"width:26px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:60px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:38px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:30px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:22px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:10px\"><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"tgh r2\">\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tdot b\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 blue\" style=\"width:22px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:78px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:38px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:28px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:20px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:8px\"><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"tgh r3\">\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tdot r\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 blue\" style=\"width:20px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:65px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:38px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:26px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:18px\"><\/div><\/div>\r\n                <div style=\"display:flex;align-items:center\"><div class=\"tbar2\" style=\"width:10px;background:#e07c2a;opacity:.7\"><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"tdet\">\r\n                <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\"><\/div><\/div>\r\n                <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\"><\/div><\/div>\r\n                <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\" style=\"background:#2eaa6b;opacity:.7\"><\/div><\/div>\r\n                <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\"><\/div><\/div>\r\n                <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\" style=\"background:#508caf;opacity:.7\"><\/div><\/div>\r\n                <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\"><\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"tab-rpanel\">\r\n              <div class=\"tsmall\"><div class=\"tsmall-ph\"><div class=\"tsmall-pill\" style=\"width:36px\"><\/div><\/div><div class=\"tsmall-bar\"><\/div><div class=\"tsmall-bar\" style=\"width:38px;margin-top:2px\"><\/div><\/div>\r\n              <div class=\"tsmall\" style=\"flex:1\">\r\n                <div class=\"tsmall-ph\"><div class=\"tsmall-pill\" style=\"width:44px\"><\/div><\/div>\r\n                <div class=\"tgh r1\" style=\"margin:3px\"><div><\/div><div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:16px\"><\/div><\/div><div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:44px\"><\/div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><\/div>\r\n                <div class=\"tgh r2\" style=\"margin:0 3px\"><div><\/div><div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:14px\"><\/div><\/div><div style=\"display:flex;align-items:center\"><div class=\"tbar2 gray\" style=\"width:38px\"><\/div><\/div><div><\/div><div><\/div><div><\/div><div><\/div><\/div>\r\n                <div style=\"padding:3px 4px;display:grid;grid-template-columns:1fr 1fr;gap:2px 4px;border-top:1px solid #eef2f6;background:#fafbfd;margin-top:2px;\">\r\n                  <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\" style=\"background:#508caf;opacity:.7\"><\/div><\/div>\r\n                  <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\"><\/div><\/div>\r\n                  <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\" style=\"background:#e07c2a;opacity:.7\"><\/div><\/div>\r\n                  <div class=\"tdet-row\"><div class=\"tdet-l\"><\/div><div class=\"tdet-v\"><\/div><\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tab-cursor\" id=\"tab-cursor\" style=\"left:150px;top:38px\">\r\n            <svg viewBox=\"0 0 20 20\"><path d=\"M3 1L17 9L10.5 11L8.5 17L3 1Z\" fill=\"white\" stroke=\"#555\" stroke-width=\"1.2\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"tab-hring\" id=\"tab-hring\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 FEN\u00caTRE SUIVI CONSO \u2550\u2550 -->\r\n  <div class=\"win-conso\">\r\n    <div class=\"win-bar blue\">\r\n      <div class=\"wdot d1\"><\/div><div class=\"wdot d2\"><\/div><div class=\"wdot d3\"><\/div>\r\n      <div class=\"win-ttl\" style=\"margin-left:6px\"><\/div>\r\n      <div class=\"win-lbl blue\">Suivi consommation<\/div>\r\n    <\/div>\r\n    <div class=\"win-body\">\r\n      <div class=\"w-kpi-row\">\r\n        <div class=\"w-kpi k1\"><div class=\"w-kpi-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"\/><\/svg><\/div><div><div class=\"w-kpi-v\"><\/div><div class=\"w-kpi-l\"><\/div><\/div><\/div>\r\n        <div class=\"w-kpi k2\"><div class=\"w-kpi-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z\"\/><\/svg><\/div><div><div class=\"w-kpi-v\"><\/div><div class=\"w-kpi-l\"><\/div><\/div><\/div>\r\n        <div class=\"w-kpi k3\"><div class=\"w-kpi-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg><\/div><div><div class=\"w-kpi-v\"><\/div><div class=\"w-kpi-l\"><\/div><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ichart-wrap\">\r\n        <div class=\"ichart-head\"><div class=\"icht\"><\/div><div class=\"ileg\"><div class=\"ileg-dot\" style=\"background:#508caf\"><\/div><div class=\"ileg-line\" style=\"background:#508caf\"><\/div><div class=\"ileg-dot\" style=\"background:#2eaa6b\"><\/div><div class=\"ileg-line\" style=\"background:#2eaa6b\"><\/div><\/div><\/div>\r\n        <div class=\"ichart-body\" id=\"chart1-body\" style=\"height:100px;\">\r\n          <svg id=\"chart1-svg\" viewBox=\"0 0 310 88\" preserveAspectRatio=\"none\" style=\"width:100%;height:100%;\">\r\n            <line x1=\"0\" y1=\"22\" x2=\"310\" y2=\"22\" stroke=\"#eef0f4\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"44\" x2=\"310\" y2=\"44\" stroke=\"#eef0f4\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"66\" x2=\"310\" y2=\"66\" stroke=\"#eef0f4\" stroke-width=\"1\"\/>\r\n            <line id=\"vline1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"88\" class=\"hover-line\"\/>\r\n            <g id=\"c1-bars\"><\/g>\r\n            <path id=\"c1-area\" fill=\"rgba(46,170,107,.10)\" d=\"\"\/>\r\n            <polyline id=\"c1-curve\" points=\"\" fill=\"none\" stroke=\"#2eaa6b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <circle id=\"c1-hdot\" class=\"hdot\" r=\"4\" fill=\"#2eaa6b\"\/>\r\n          <\/svg>\r\n          <div class=\"ev-tooltip\" id=\"tt1\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 FEN\u00caTRE COURBE DE CHARGE \u2550\u2550 -->\r\n  <div class=\"win-charge\">\r\n    <div class=\"win-bar green\">\r\n      <div class=\"wdot d1\"><\/div><div class=\"wdot d2\"><\/div><div class=\"wdot d3\"><\/div>\r\n      <div class=\"win-ttl\" style=\"margin-left:6px\"><\/div>\r\n      <div class=\"win-lbl green\">Courbe de charge<\/div>\r\n    <\/div>\r\n    <div class=\"win-body\">\r\n      <div class=\"w2-badges\">\r\n        <div class=\"w2-bdg ok\">\u25cf Nominal<\/div>\r\n        <div class=\"w2-bdg warn\">\u26a0 Pic J-1<\/div>\r\n      <\/div>\r\n      <div class=\"ichart-wrap\">\r\n        <div class=\"ichart-head\"><div class=\"icht\"><\/div><div class=\"ileg\"><div class=\"ileg-dot\" style=\"background:#e07c2a\"><\/div><div class=\"ileg-line\" style=\"background:#e07c2a\"><\/div><div class=\"ileg-dot\" style=\"background:#508caf\"><\/div><div class=\"ileg-line\" style=\"background:#508caf\"><\/div><\/div><\/div>\r\n        <div class=\"ichart-body\" id=\"chart2-body\" style=\"height:110px;\">\r\n          <svg id=\"chart2-svg\" viewBox=\"0 0 430 98\" preserveAspectRatio=\"none\" style=\"width:100%;height:100%;\">\r\n            <line x1=\"0\" y1=\"24\" x2=\"430\" y2=\"24\" stroke=\"#eef0f4\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"49\" x2=\"430\" y2=\"49\" stroke=\"#eef0f4\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"74\" x2=\"430\" y2=\"74\" stroke=\"#eef0f4\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"32\" x2=\"430\" y2=\"32\" stroke=\"#e07c2a\" stroke-width=\"1\" stroke-dasharray=\"5 4\" opacity=\".35\"\/>\r\n            <line id=\"vline2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"98\" class=\"hover-line\"\/>\r\n            <path id=\"c2-area-o\" fill=\"rgba(224,124,42,.08)\" d=\"\"\/>\r\n            <path id=\"c2-area-b\" fill=\"rgba(80,140,175,.06)\" d=\"\"\/>\r\n            <polyline id=\"c2-curve-b\" points=\"\" fill=\"none\" stroke=\"#508caf\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"5 3\"\/>\r\n            <polyline id=\"c2-curve-o\" points=\"\" fill=\"none\" stroke=\"#e07c2a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <circle id=\"c2-hdot\" class=\"hdot\" r=\"4\" fill=\"#e07c2a\"\/>\r\n          <\/svg>\r\n          <div class=\"ev-tooltip\" id=\"tt2\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- \/scene -->\r\n<\/div><!-- \/ev3-wrap -->\r\n\r\n<script>\r\n(function(){\r\n  const months=['Jan','F\u00e9v','Mar','Avr','Mai','Jun','Jul','Ao\u00fb','Sep','Oct','Nov','D\u00e9c'];\r\n  const n=12;\r\n\r\n  const tH=[22,32,36,65,4,59,45,24,61,50,15,91];\r\n  const tHi=[3,11];\r\n  const tca=document.getElementById('tab-chartArea');\r\n  tH.forEach((h,i)=>{\r\n    const col=document.createElement('div');col.className='tcol';\r\n    col.innerHTML=`<div class=\"tbar${tHi.includes(i)?' hi':''}\" id=\"tcb${i}\" style=\"height:0px\"><\/div><div class=\"ttick\"><\/div>`;\r\n    tca.appendChild(col);\r\n  });\r\n  setTimeout(()=>{ tH.forEach((h,i)=>{ setTimeout(()=>{ document.getElementById('tcb'+i).style.height=Math.round(h*.48)+'px'; },i*80); }); },400);\r\n\r\n  const c1Bar=[38,55,42,68,50,72,45,62,58,48,76,40];\r\n  const c1Val=[4820,6200,3800,7800,5600,8200,5000,7000,6400,5400,8400,4600];\r\n  const W1=310,H1=88,pad=6;\r\n  const bStep1=(W1-pad*2)\/n, bw1=bStep1*0.48;\r\n  const c1bg=document.getElementById('c1-bars');\r\n  const c1cv=document.getElementById('c1-curve');\r\n  const c1ar=document.getElementById('c1-area');\r\n  c1Bar.forEach((v,i)=>{\r\n    const bh=v\/100*(H1-12);const x=pad+i*bStep1+bStep1*0.08;\r\n    const rect=document.createElementNS('http:\/\/www.w3.org\/2000\/svg','rect');\r\n    rect.setAttribute('x',x);rect.setAttribute('y',H1);rect.setAttribute('width',bw1);rect.setAttribute('height',0);rect.setAttribute('rx','1');rect.setAttribute('fill','#508caf');rect.setAttribute('opacity','0.6');\r\n    c1bg.appendChild(rect);\r\n    setTimeout(()=>{rect.style.transition=`height 0.9s ease ${i*50}ms,y 0.9s ease ${i*50}ms`;rect.setAttribute('height',bh);rect.setAttribute('y',H1-bh);},600);\r\n  });\r\n  const c1pts=[];let pts1='',area1=`M${pad},${H1}`;\r\n  const maxC1=Math.max(...c1Val);\r\n  c1Val.forEach((v,i)=>{\r\n    const cx=pad+i*bStep1+bStep1*0.5;const cy=H1-(v\/maxC1*(H1-12));\r\n    pts1+=`${cx},${cy} `;area1+=` L${cx},${cy}`;c1pts.push({cx,cy,val:v,month:months[i]});\r\n  });\r\n  area1+=` L${pad+(n-1)*bStep1+bStep1*0.5},${H1} Z`;\r\n  setTimeout(()=>{c1cv.setAttribute('points',pts1);c1ar.setAttribute('d',area1);},1200);\r\n\r\n  const c2O=[28,45,62,80,72,55,40,35,50,65,78,58];\r\n  const c2B=[35,52,48,68,60,44,38,42,56,70,64,50];\r\n  const c2ValO=[2800,4500,6200,8000,7200,5500,4000,3500,5000,6500,7800,5800];\r\n  const c2ValB=[3500,5200,4800,6800,6000,4400,3800,4200,5600,7000,6400,5000];\r\n  const W2=430,H2=98;\r\n  const bStep2=(W2-pad*2)\/n;\r\n  const c2cvO=document.getElementById('c2-curve-o');\r\n  const c2cvB=document.getElementById('c2-curve-b');\r\n  const c2arO=document.getElementById('c2-area-o');\r\n  const c2arB=document.getElementById('c2-area-b');\r\n  const c2pts=[];let pO='',pB='',aO=`M${pad},${H2}`,aB=`M${pad},${H2}`;\r\n  c2O.forEach((v,i)=>{\r\n    const cx=pad+i*bStep2+bStep2*0.5;\r\n    const cyO=H2-(v\/100*(H2-12));const cyB=H2-(c2B[i]\/100*(H2-12));\r\n    pO+=`${cx},${cyO} `;pB+=`${cx},${cyB} `;aO+=` L${cx},${cyO}`;aB+=` L${cx},${cyB}`;\r\n    c2pts.push({cx,cyO,cyB,valO:c2ValO[i],valB:c2ValB[i],month:months[i]});\r\n  });\r\n  aO+=` L${pad+(n-1)*bStep2+bStep2*0.5},${H2} Z`;aB+=` L${pad+(n-1)*bStep2+bStep2*0.5},${H2} Z`;\r\n  setTimeout(()=>{c2cvO.setAttribute('points',pO);c2cvB.setAttribute('points',pB);c2arO.setAttribute('d',aO);c2arB.setAttribute('d',aB);},1000);\r\n\r\n  function setupInteraction(bodyId,pts,svgId,vlineId,hdotId,ttId,color,isDouble){\r\n    const body=document.getElementById(bodyId);\r\n    const svgEl=document.getElementById(svgId);\r\n    const vl=document.getElementById(vlineId);\r\n    const hd=document.getElementById(hdotId);\r\n    const tt=document.getElementById(ttId);\r\n    let hd2=null;\r\n    if(isDouble){\r\n      hd2=document.createElementNS('http:\/\/www.w3.org\/2000\/svg','circle');\r\n      hd2.setAttribute('r','4');hd2.setAttribute('fill','#508caf');hd2.setAttribute('stroke','white');hd2.setAttribute('stroke-width','2');hd2.style.opacity='0';hd2.style.transition='opacity .15s';\r\n      svgEl.appendChild(hd2);\r\n    }\r\n    const nPts=pts.length;\r\n    body.addEventListener('mousemove',function(e){\r\n      const rect=body.getBoundingClientRect();\r\n      const px=(e.clientX-rect.left)\/rect.width;\r\n      const idx=Math.min(Math.max(Math.round(px*nPts-0.5),0),nPts-1);\r\n      const pt=pts[idx];if(!pt)return;\r\n      vl.setAttribute('x1',pt.cx);vl.setAttribute('x2',pt.cx);vl.classList.add('show');\r\n      const dotY=isDouble?pt.cyO:pt.cy;\r\n      hd.setAttribute('cx',pt.cx);hd.setAttribute('cy',dotY);hd.style.opacity='1';\r\n      if(isDouble&&hd2){hd2.setAttribute('cx',pt.cx);hd2.setAttribute('cy',pt.cyB);hd2.style.opacity='1';}\r\n      const relX=pt.cx\/(isDouble?W2:W1)*rect.width;\r\n      const relY=(isDouble?pt.cyO:pt.cy)\/(isDouble?H2:H1)*rect.height;\r\n      tt.textContent=isDouble?`${pt.month} \u00b7 R\u00e9el: ${pt.valO.toLocaleString('fr')} kWh \u00b7 Pr\u00e9vi: ${pt.valB.toLocaleString('fr')} kWh`:`${pt.month} \u00b7 ${pt.val.toLocaleString('fr')} kWh`;\r\n      tt.style.left=relX+'px';tt.style.top=(relY-36)+'px';tt.classList.add('show');\r\n    });\r\n    body.addEventListener('mouseleave',function(){\r\n      vl.classList.remove('show');hd.style.opacity='0';if(hd2)hd2.style.opacity='0';tt.classList.remove('show');\r\n    });\r\n  }\r\n  setTimeout(()=>{\r\n    setupInteraction('chart1-body',c1pts,'chart1-svg','vline1','c1-hdot','tt1','#2eaa6b',false);\r\n    setupInteraction('chart2-body',c2pts,'chart2-svg','vline2','c2-hdot','tt2','#e07c2a',true);\r\n  },1400);\r\n\r\n  function autoAnimate() {\r\n    const body1=document.getElementById('chart1-body');\r\n    const vl1=document.getElementById('vline1');\r\n    const hd1=document.getElementById('c1-hdot');\r\n    const tt1=document.getElementById('tt1');\r\n    const body2=document.getElementById('chart2-body');\r\n    const vl2=document.getElementById('vline2');\r\n    const hd2e=document.getElementById('c2-hdot');\r\n    const tt2=document.getElementById('tt2');\r\n    const svg2=document.getElementById('chart2-svg');\r\n    const dot2b=document.createElementNS('http:\/\/www.w3.org\/2000\/svg','circle');\r\n    dot2b.setAttribute('r','4');dot2b.setAttribute('fill','#508caf');\r\n    dot2b.setAttribute('stroke','white');dot2b.setAttribute('stroke-width','2');\r\n    dot2b.style.opacity='0';dot2b.style.transition='opacity .15s';\r\n    svg2.appendChild(dot2b);\r\n    let frame1=0,frame2=0,dir1=1,dir2=1;\r\n    const total=c1pts.length,total2=c2pts.length;\r\n    function showPoint1(idx){\r\n      const pt=c1pts[idx];if(!pt)return;\r\n      vl1.setAttribute('x1',pt.cx);vl1.setAttribute('x2',pt.cx);vl1.classList.add('show');\r\n      hd1.setAttribute('cx',pt.cx);hd1.setAttribute('cy',pt.cy);hd1.style.opacity='1';\r\n      const r1=body1.getBoundingClientRect();\r\n      tt1.textContent=`${pt.month} \u00b7 ${pt.val.toLocaleString('fr')} kWh`;\r\n      tt1.style.left=(pt.cx\/W1*r1.width)+'px';tt1.style.top=((pt.cy\/H1*r1.height)-36)+'px';tt1.classList.add('show');\r\n    }\r\n    function showPoint2(idx){\r\n      const pt=c2pts[idx];if(!pt)return;\r\n      vl2.setAttribute('x1',pt.cx);vl2.setAttribute('x2',pt.cx);vl2.classList.add('show');\r\n      hd2e.setAttribute('cx',pt.cx);hd2e.setAttribute('cy',pt.cyO);hd2e.style.opacity='1';\r\n      dot2b.setAttribute('cx',pt.cx);dot2b.setAttribute('cy',pt.cyB);dot2b.style.opacity='1';\r\n      const r2=body2.getBoundingClientRect();\r\n      tt2.textContent=`${pt.month} \u00b7 R\u00e9el: ${pt.valO.toLocaleString('fr')} kWh \u00b7 Pr\u00e9vi: ${pt.valB.toLocaleString('fr')} kWh`;\r\n      tt2.style.left=(pt.cx\/W2*r2.width)+'px';tt2.style.top=((pt.cyO\/H2*r2.height)-36)+'px';tt2.classList.add('show');\r\n    }\r\n    setInterval(()=>{\r\n      showPoint1(frame1);frame1+=dir1;\r\n      if(frame1>=total-1)dir1=-1;if(frame1<=0)dir1=1;\r\n    },600);\r\n    setTimeout(()=>{\r\n      setInterval(()=>{\r\n        showPoint2(frame2);frame2+=dir2;\r\n        if(frame2>=total2-1)dir2=-1;if(frame2<=0)dir2=1;\r\n      },500);\r\n    },600);\r\n    [body1,body2].forEach(b=>{\r\n      b.addEventListener('mouseenter',()=>{\r\n        vl1.classList.remove('show');hd1.style.opacity='0';tt1.classList.remove('show');\r\n        vl2.classList.remove('show');hd2e.style.opacity='0';dot2b.style.opacity='0';tt2.classList.remove('show');\r\n      });\r\n    });\r\n  }\r\n  setTimeout(autoAnimate,1800);\r\n\r\n  const cur=document.getElementById('tab-cursor');\r\n  const hr=document.getElementById('tab-hring');\r\n  const bd=document.getElementById('tab-body');\r\n  const wps=[\r\n    {x:190,y:10,pause:700,ring:{top:0,left:178,w:20,h:14}},\r\n    {x:280,y:38,pause:800,ring:{top:25,left:273,w:12,h:42}},\r\n    {x:280,y:48,pause:400,ring:null,click:true},\r\n    {x:95,y:115,pause:800,ring:{top:109,left:4,w:228,h:12}},\r\n    {x:95,y:127,pause:600,ring:{top:121,left:4,w:228,h:12}},\r\n    {x:95,y:139,pause:600,ring:{top:134,left:4,w:228,h:12}},\r\n    {x:95,y:115,pause:400,ring:{top:109,left:4,w:228,h:12},click:true},\r\n    {x:150,y:60,pause:500,ring:null},\r\n  ];\r\n  let wi=0,fx=150,fy=38,at=null;\r\n  function ease(t){return t<.5?2*t*t:-1+(4-2*t)*t;}\r\n  function clrH(){hr.classList.remove('show');}\r\n  function shH(wp){if(!wp.ring)return;Object.assign(hr.style,{top:wp.ring.top+'px',left:wp.ring.left+'px',width:wp.ring.w+'px',height:wp.ring.h+'px'});hr.classList.add('show');}\r\n  function rpl(x,y){const r=document.createElement('div');r.className='tab-ripple';r.style.left=x+'px';r.style.top=y+'px';bd.appendChild(r);setTimeout(()=>r.remove(),600);}\r\n  function step(ts){\r\n    if(!at)at=ts;\r\n    const wp=wps[wi],dur=650,p=Math.min((ts-at)\/dur,1),e=ease(p);\r\n    cur.style.left=(fx+(wp.x-fx)*e)+'px';cur.style.top=(fy+(wp.y-fy)*e)+'px';\r\n    if(p<1){requestAnimationFrame(step);return;}\r\n    shH(wp);if(wp.click)rpl(wp.x,wp.y);\r\n    setTimeout(()=>{clrH();fx=wp.x;fy=wp.y;wi=(wi+1)%wps.length;at=null;requestAnimationFrame(step);},wp.pause||600);\r\n  }\r\n  setTimeout(()=>requestAnimationFrame(step),800);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98b8396 e-flex e-con-boxed e-con e-parent\" data-id=\"98b8396\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4012148 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"4012148\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e467061 e-flex e-con-boxed e-con e-parent\" data-id=\"e467061\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404f7f1 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"404f7f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .ck-wrap {\r\n    font-family: 'Roboto', sans-serif;\r\n    background: linear-gradient(145deg, #64aac3, #508caf);\r\n    border-radius: 16px;\r\n    padding: 28px 28px;\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .ck-wrap::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -80px; right: -80px;\r\n    width: 300px; height: 300px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.04);\r\n    pointer-events: none;\r\n  }\r\n  .ck-wrap::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -60px; left: -60px;\r\n    width: 220px; height: 220px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.03);\r\n    pointer-events: none;\r\n  }\r\n  .ck-title {\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.55);\r\n    margin-bottom: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n  .ck-title::before, .ck-title::after {\r\n    content: '';\r\n    flex: 1;\r\n    height: 1px;\r\n    background: rgba(255,255,255,0.15);\r\n  }\r\n  .ck-grid {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: stretch;\r\n    gap: 16px;\r\n    flex-wrap: nowrap;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .ck-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    padding: 20px 12px;\r\n    background: rgba(255,255,255,0.10);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    border-radius: 14px;\r\n    backdrop-filter: blur(4px);\r\n    transition: transform 0.25s ease, background 0.25s ease;\r\n  }\r\n  .ck-item:hover {\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,0.16);\r\n  }\r\n  .ck-icon {\r\n    width: 52px; height: 52px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.15);\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n  .ck-icon svg {\r\n    width: 26px; height: 26px;\r\n    fill: rgba(255,255,255,0.90);\r\n    display: block;\r\n  }\r\n  .ck-number {\r\n    font-size: 30px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    letter-spacing: -1px;\r\n    line-height: 1;\r\n    margin-bottom: 10px;\r\n  }\r\n  .ck-divider {\r\n    width: 28px; height: 2px;\r\n    background: rgba(255,255,255,0.35);\r\n    border-radius: 2px;\r\n    margin: 0 auto 10px;\r\n  }\r\n  .ck-label {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    color: rgba(255,255,255,0.80);\r\n    line-height: 1.4;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .ck-grid { flex-wrap: wrap; }\r\n    .ck-item { min-width: calc(50% - 8px); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ck-wrap\">\r\n  <div class=\"ck-title\">Nos chiffres cl\u00e9s<\/div>\r\n  <div class=\"ck-grid\">\r\n\r\n    <div class=\"ck-item\">\r\n      <div class=\"ck-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"ck-number\"><span class=\"counter\" data-target=\"24\">0<\/span><\/div>\r\n      <div class=\"ck-divider\"><\/div>\r\n      <div class=\"ck-label\">Collaborateurs<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ck-item\">\r\n      <div class=\"ck-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15h8v2H8zm0-4h8v2H8z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"ck-number\">+<span class=\"counter\" data-target=\"1,2\">0<\/span> M<\/div>\r\n      <div class=\"ck-divider\"><\/div>\r\n      <div class=\"ck-label\">Factures \u00e9mises par an<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ck-item\">\r\n      <div class=\"ck-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"ck-number\">+<span class=\"counter\" data-target=\"810\">0<\/span> 000<\/div>\r\n      <div class=\"ck-divider\"><\/div>\r\n      <div class=\"ck-label\">PRM<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ck-item\">\r\n      <div class=\"ck-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"ck-number\">+<span class=\"counter\" data-target=\"130\">0<\/span> 000<\/div>\r\n      <div class=\"ck-divider\"><\/div>\r\n      <div class=\"ck-label\">Compteurs LINKY d\u00e9ploy\u00e9s<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ck-item\">\r\n      <div class=\"ck-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"ck-number\">+<span class=\"counter\" data-target=\"35\">0<\/span> ans<\/div>\r\n      <div class=\"ck-divider\"><\/div>\r\n      <div class=\"ck-label\">D'exp\u00e9rience<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  let ckAnimated = false;\r\n  function animateCounters() {\r\n    if (ckAnimated) return;\r\n    ckAnimated = true;\r\n    document.querySelectorAll('.counter').forEach(counter => {\r\n      const target = parseInt(counter.getAttribute('data-target'));\r\n      const duration = 1800;\r\n      const step = target \/ (duration \/ 16);\r\n      let current = 0;\r\n      const timer = setInterval(() => {\r\n        current += step;\r\n        if (current >= target) { current = target; clearInterval(timer); }\r\n        counter.textContent = Math.floor(current);\r\n      }, 16);\r\n    });\r\n  }\r\n  const ckObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => { if (entry.isIntersecting) animateCounters(); });\r\n  }, { threshold: 0.3 });\r\n  const ckEl = document.querySelector('.ck-wrap');\r\n  if (ckEl) ckObserver.observe(ckEl);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afd35ad e-flex e-con-boxed e-con e-parent\" data-id=\"afd35ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d09ae30 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"d09ae30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23cb154 e-flex e-con-boxed e-con e-parent\" data-id=\"23cb154\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9985bf ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"b9985bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .cv-wrap {\r\n    font-family: 'Roboto', sans-serif;\r\n    width: 100%;\r\n    background: white;\r\n  }\r\n\r\n  .cv-header { margin-bottom: 40px; }\r\n  .cv-header h3 {\r\n    font-size: 30px; font-weight: 500;\r\n    color: #1a2a3a; margin-bottom: 14px; line-height: 1.2;\r\n  }\r\n  .cv-header h3 span { color: #508caf; }\r\n  .cv-header p {\r\n    font-size: 23px; font-weight: 300;\r\n    color: #6a7a8a; line-height: 1.75;\r\n  }\r\n\r\n  .cv-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .cv-card {\r\n    background: white;\r\n    border-radius: 14px;\r\n    padding: 28px 24px;\r\n    display: flex; gap: 18px; align-items: flex-start;\r\n    border: 1px solid rgba(80,140,175,0.12);\r\n    box-shadow: 0 4px 20px rgba(80,140,175,0.08);\r\n    transition: transform .25s, box-shadow .25s;\r\n    cursor: default;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .cv-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    border-radius: 14px 14px 0 0;\r\n  }\r\n  .cv-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(80,140,175,0.16); }\r\n\r\n  .cv-card:nth-child(1)::before { background: linear-gradient(90deg, #64aac3, #508caf); }\r\n  .cv-card:nth-child(2)::before { background: linear-gradient(90deg, #508caf, #3d6e8a); }\r\n  .cv-card:nth-child(3)::before { background: linear-gradient(90deg, #2eaa6b, #27956e); }\r\n  .cv-card:nth-child(4)::before { background: linear-gradient(90deg, #e07c2a, #c96a18); }\r\n\r\n  .cv-card-icon {\r\n    width: 50px; height: 50px;\r\n    border-radius: 12px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  .cv-card-icon svg { width: 24px; height: 24px; fill: white; }\r\n  .cv-card:nth-child(1) .cv-card-icon { background: linear-gradient(135deg, #64aac3, #508caf); }\r\n  .cv-card:nth-child(2) .cv-card-icon { background: linear-gradient(135deg, #508caf, #3d6e8a); }\r\n  .cv-card:nth-child(3) .cv-card-icon { background: linear-gradient(135deg, #2eaa6b, #27956e); }\r\n  .cv-card:nth-child(4) .cv-card-icon { background: linear-gradient(135deg, #e07c2a, #c96a18); }\r\n\r\n  .cv-card-title {\r\n    font-size: 23px; font-weight: 700;\r\n    margin-bottom: 8px; line-height: 1.3;\r\n  }\r\n  .cv-card:nth-child(1) .cv-card-title { color: #508caf; }\r\n  .cv-card:nth-child(2) .cv-card-title { color: #3d6e8a; }\r\n  .cv-card:nth-child(3) .cv-card-title { color: #2eaa6b; }\r\n  .cv-card:nth-child(4) .cv-card-title { color: #e07c2a; }\r\n\r\n  .cv-card-text {\r\n    font-size: 20px; font-weight: 300;\r\n    color: #6a7a8a; line-height: 1.7;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .cv-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cv-wrap\">\r\n\r\n  <div class=\"cv-header\">\r\n    <h3>Une continuit\u00e9 assur\u00e9e gr\u00e2ce \u00e0 un <span>savoir-faire unique<\/span> et des \u00e9quipes exp\u00e9riment\u00e9es<\/h3>\r\n    <p>Depuis ses d\u00e9buts, EVOLIS s'est impos\u00e9e comme un acteur majeur sur le march\u00e9 de l'\u00e9nergie \u2014 en anticipant chaque \u00e9volution r\u00e9glementaire et en accompagnant chaque transformation du secteur.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"cv-grid\">\r\n\r\n    <div class=\"cv-card\">\r\n      <div class=\"cv-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"cv-card-title\">Un savoir-faire \u00e9prouv\u00e9<\/div>\r\n        <div class=\"cv-card-text\">Fort de plus de 35 ans d'expertise, EVOLIS ma\u00eetrise les technologies et processus cl\u00e9s pour r\u00e9pondre efficacement aux besoins sp\u00e9cifiques de ses clients.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cv-card\">\r\n      <div class=\"cv-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M13 2.05v2.02c3.95.49 7 3.85 7 7.93 0 3.21-1.81 6-4.72 7.28L13 17v5h5l-1.22-1.22C19.91 19.07 22 15.76 22 12c0-5.18-3.95-9.45-9-9.95zM11 2.05C5.95 2.55 2 6.82 2 12c0 3.76 2.09 7.07 5.22 8.78L6 22h5v-5l-2.28 2.28C7.81 18 6 15.21 6 12c0-4.08 3.05-7.44 7-7.93V2.05z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"cv-card-title\">Une capacit\u00e9 \u00e0 anticiper<\/div>\r\n        <div class=\"cv-card-text\">L'entreprise investit chaque ann\u00e9e pour rester en phase avec un march\u00e9 en constante \u00e9volution r\u00e9glementaire et technique.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cv-card\">\r\n      <div class=\"cv-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"cv-card-title\">Une \u00e9quipe exp\u00e9riment\u00e9e<\/div>\r\n        <div class=\"cv-card-text\">La qualit\u00e9 des services propos\u00e9s est le reflet du professionnalisme et de l'engagement de nos collaborateurs.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cv-card\">\r\n      <div class=\"cv-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 0-7 7c0 2.62 1.44 4.9 3.57 6.12V17a1 1 0 0 0 1 1h4.86a1 1 0 0 0 1-1v-1.88C17.56 13.9 19 11.62 19 9a7 7 0 0 0-7-7zm2.43 11.43l-.43.24V16h-4v-2.33l-.43-.24A5 5 0 0 1 7 9a5 5 0 0 1 10 0 5 5 0 0 1-2.57 4.43zM9 18h6v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-1z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"cv-card-title\">Une innovation continue<\/div>\r\n        <div class=\"cv-card-text\">Parce que l'\u00e9nergie ne s'arr\u00eate jamais, nos solutions non plus. Nous faisons \u00e9voluer en continu nos technologies pour chaque nouvelle r\u00e9alit\u00e9 du march\u00e9.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-131e053 e-flex e-con-boxed e-con e-parent\" data-id=\"131e053\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e70e9a3 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"e70e9a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-babbb26 e-flex e-con-boxed e-con e-parent\" data-id=\"babbb26\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf0547 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"1cf0547\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .val-wrap {\r\n    font-family: 'Roboto', sans-serif;\r\n    width: 100%;\r\n    padding: 40px 0;\r\n    text-align: center;\r\n    background: #f8fbfd;\r\n  }\r\n  .val-title {\r\n    font-size: 20px; font-weight: 700;\r\n    letter-spacing: 5px; text-transform: uppercase;\r\n    color: #8aa0b0; margin-bottom: 70px;\r\n    display: flex; align-items: center; gap: 15px;\r\n    justify-content: center;\r\n  }\r\n  .val-title::before, .val-title::after {\r\n    content: ''; flex: 0 0 60px; height: 1px;\r\n    background: rgba(80,140,175,0.2);\r\n  }\r\n  .val-bubbles {\r\n    display: flex;\r\n    gap: 200px;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  .val-bubble {\r\n    width: 200px; height: 200px;\r\n    border-radius: 20%;\r\n    display: flex; flex-direction: column;\r\n    align-items: center; justify-content: center;\r\n    gap: 14px;\r\n    cursor: default;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n  .val-bubble:nth-child(1) {\r\n    background: linear-gradient(145deg, #8fe0b6, #5ec98f);\r\n    box-shadow: 0 10px 40px rgba(94,201,143,0.35);\r\n  }\r\n  .val-bubble:nth-child(2) {\r\n    background: linear-gradient(145deg, #5ec98f, #3fb87d);\r\n    box-shadow: 0 10px 40px rgba(63,184,125,0.35);\r\n  }\r\n  .val-bubble:nth-child(3) {\r\n    background: linear-gradient(145deg, #3fb87d, #2eaa6b);\r\n    box-shadow: 0 10px 40px rgba(46,170,107,0.35);\r\n  }\r\n  .val-bubble svg {\r\n    width: 44px; height: 44px; fill: rgba(255,255,255,0.95);\r\n  }\r\n  .val-bubble-name {\r\n    font-size: 20px; font-weight: 700;\r\n    color: #ffffff; letter-spacing: 0.5px;\r\n    text-align: center; line-height: 1.3;\r\n    padding: 0 16px;\r\n  }\r\n<\/style>\r\n<div class=\"val-wrap\">\r\n  <div class=\"val-title\">Nos valeurs<\/div>\r\n  <div class=\"val-bubbles\">\r\n    <div class=\"val-bubble\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z\"\/><\/svg>\r\n      <div class=\"val-bubble-name\">Implication<\/div>\r\n    <\/div>\r\n    <div class=\"val-bubble\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M13 2.05v2.02c3.95.49 7 3.85 7 7.93 0 3.21-1.81 6-4.72 7.28L13 17v5h5l-1.22-1.22C19.91 19.07 22 15.76 22 12c0-5.18-3.95-9.45-9-9.95zM11 2.05C5.95 2.55 2 6.82 2 12c0 3.76 2.09 7.07 5.22 8.78L6 22h5v-5l-2.28 2.28C7.81 18 6 15.21 6 12c0-4.08 3.05-7.44 7-7.93V2.05z\"\/><\/svg>\r\n      <div class=\"val-bubble-name\">P\u00e9rennit\u00e9<\/div>\r\n    <\/div>\r\n    <div class=\"val-bubble\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n      <div class=\"val-bubble-name\">Satisfaction<br>client<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d266813 e-flex e-con-boxed e-con e-parent\" data-id=\"d266813\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f63c844 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"f63c844\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd4819e e-flex e-con-boxed e-con e-parent\" data-id=\"dd4819e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b66d79 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"7b66d79\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"display:flex; align-items:center; gap:14px; font-family:'Roboto',sans-serif; justify-content:center;\">\r\n  <div style=\"width:50px; height:1px; background:rgba(80,140,175,0.3);\"><\/div>\r\n  <span style=\"font-size:20px; font-weight:700; letter-spacing:5px; text-transform:uppercase; color:#8aa0b0; white-space:nowrap;\">Nos services<\/span>\r\n  <div style=\"width:50px; height:1px; background:rgba(80,140,175,0.3);\"><\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd93b2c e-flex e-con-boxed e-con e-parent\" data-id=\"fd93b2c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f116e8a ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"f116e8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .sv-fusion { font-family: 'Roboto', sans-serif; width: 100%; overflow: hidden; }\r\n\r\n  .sv-slider { width: 100%; position: relative; overflow: hidden; height: 400px; }\r\n\r\n  .sv-slide {\r\n    position: absolute; inset: 0;\r\n    opacity: 0; transition: opacity 1.2s ease; z-index: 0;\r\n  }\r\n  .sv-slide.sv-active { opacity: 1; z-index: 1; }\r\n  .sv-slide video { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n  .sv-prev, .sv-next {\r\n    position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;\r\n    width: 44px; height: 44px; border-radius: 50%;\r\n    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.4);\r\n    color: #ffffff; font-size: 18px; cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    padding: 0; box-sizing: border-box;\r\n  }\r\n  .sv-prev { left: 30px; }\r\n  .sv-next { right: 30px; }\r\n\r\n  .sv-progress {\r\n    position: absolute; bottom: 0; left: 0;\r\n    height: 3px; background: rgba(255,255,255,0.8); z-index: 10; width: 0%;\r\n  }\r\n\r\n  .sv-link {\r\n    position: absolute; top: 25px; left: 50px; z-index: 10;\r\n    font-size: 22px; font-weight: 900; color: #ffffff; text-decoration: none;\r\n    letter-spacing: 2px; border-left: 4px solid rgba(255,255,255,0.7);\r\n    padding-left: 18px; line-height: 1.1;\r\n    text-shadow: 0 2px 20px rgba(0,0,0,0.3); display: inline-block;\r\n  }\r\n\r\n  .sv-title {\r\n    font-size: 25px; font-weight: 500; color: rgba(255,255,255,0.9);\r\n    letter-spacing: 2px; text-transform: uppercase; line-height: 1.3;\r\n    text-align: right; border-right: 2px solid rgba(255,255,255,0.5);\r\n    padding-right: 18px; max-width: 400px;\r\n    opacity: 0; transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\r\n    transform: translateX(20px);\r\n  }\r\n  .sv-slide.sv-active .sv-title { opacity: 1; transform: translateX(0); }\r\n\r\n  \/* \u2500\u2500 ACCORD\u00c9ON \u2500\u2500 *\/\r\n  .sv-eq-section {\r\n    padding: 36px 40px 40px; background: #f8fbfd;\r\n    border-top: 4px solid transparent;\r\n    border-image: linear-gradient(90deg, #64aac3, #508caf, #2b5270) 1;\r\n  }\r\n  .sv-eq-intro { margin-bottom: 28px; }\r\n  .sv-eq-intro p { font-size: 25px; font-weight: 300; color: #4a5568; line-height: 1.85; margin: 0; text-align: justify; }\r\n  .sv-eq-intro strong { font-weight: 700; color: #508caf; }\r\n\r\n  .sv-eq-list { display: flex; flex-direction: column; }\r\n  .sv-eq-item { border-bottom: 1px solid rgba(80,140,175,0.12); overflow: hidden; }\r\n  .sv-eq-item:first-child { border-top: 1px solid rgba(80,140,175,0.12); }\r\n  .sv-eq-question { display: flex; align-items: center; gap: 18px; padding: 20px 4px; cursor: pointer; user-select: none; }\r\n  .sv-eq-icon { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #64aac3, #508caf); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 20px; font-weight: 900; color: white; box-shadow: 0 3px 10px rgba(80,140,175,0.25); transition: transform 0.3s ease, background 0.3s ease; }\r\n  .sv-eq-item.sv-open .sv-eq-icon { transform: rotate(45deg); background: linear-gradient(135deg, #508caf, #3d6e8a); }\r\n  .sv-eq-qtext { font-size: 20px; font-weight: 700; color: #1e2d3d; flex: 1; line-height: 1.3; transition: color 0.2s; }\r\n  .sv-eq-item.sv-open .sv-eq-qtext { color: #508caf; }\r\n  .sv-eq-arrow { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; }\r\n  .sv-eq-item.sv-open .sv-eq-arrow { transform: rotate(180deg); }\r\n  .sv-eq-arrow svg { width: 18px; height: 18px; fill: #8aa0b0; }\r\n  .sv-eq-item.sv-open .sv-eq-arrow svg { fill: #508caf; }\r\n  .sv-eq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.25,0.8,0.25,1), padding 0.3s; padding: 0 4px 0 56px; }\r\n  .sv-eq-item.sv-open .sv-eq-answer { max-height: 200px; padding: 0 4px 18px 56px; }\r\n  .sv-eq-atext { font-size: 17px; font-weight: 300; color: #5a7080; line-height: 1.8; }\r\n  .sv-eq-atext strong { font-weight: 700; color: #508caf; }\r\n<\/style>\r\n\r\n<div class=\"sv-fusion\">\r\n\r\n  <!-- INTRO -->\r\n  <div class=\"sv-eq-intro\" style=\"padding:28px 40px 0;\">\r\n    <p>En tant que partenaire, nous vous accompagnons sur toute la partie <strong>SI m\u00e9tiers<\/strong> et au-del\u00e0.<\/p>\r\n  <\/div>\r\n\r\n  <!-- SLIDER -->\r\n  <div class=\"sv-slider\">\r\n    <a class=\"sv-link\" href=\"http:\/\/www.evolis-energies.fr\/?page_id=3117\">D\u00e9couvrir nos services \u2193<\/a>\r\n\r\n    <div class=\"sv-slide sv-active\">\r\n      <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/04\/8865903-hd_1920_1080_25fps.mp4\" autoplay muted loop playsinline><\/video>\r\n      <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,140,175,0.45) 0%,rgba(100,170,195,0.35) 100%);\"><\/div>\r\n      <div style=\"position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;z-index:2;padding:0 50px 40px 0;\">\r\n        <div class=\"sv-title\">Le support client<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv-slide\">\r\n      <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/04\/8632490-uhd_3840_2160_25fps.mp4\" muted loop playsinline><\/video>\r\n      <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,140,175,0.45) 0%,rgba(100,170,195,0.35) 100%);\"><\/div>\r\n      <div style=\"position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;z-index:2;padding:0 50px 40px 0;\">\r\n        <div class=\"sv-title\">La formation<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv-slide\">\r\n      <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/05\/6101364-uhd_4096_2160_30fps.mp4\" muted loop playsinline><\/video>\r\n      <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,140,175,0.45) 0%,rgba(100,170,195,0.35) 100%);\"><\/div>\r\n      <div style=\"position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;z-index:2;padding:0 50px 40px 0;\">\r\n        <div class=\"sv-title\">La veille r\u00e9glementaire<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv-slide\">\r\n      <video src=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2026\/04\/8102912-hd_1920_1080_25fps.mp4\" muted loop playsinline><\/video>\r\n      <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,140,175,0.45) 0%,rgba(100,170,195,0.35) 100%);\"><\/div>\r\n      <div style=\"position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;z-index:2;padding:0 50px 40px 0;\">\r\n        <div class=\"sv-title\">Prestation : Niveaux de Services<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button class=\"sv-prev\">&#8592;<\/button>\r\n    <button class=\"sv-next\">&#8594;<\/button>\r\n    <div class=\"sv-progress\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- ACCORD\u00c9ON -->\r\n  <div class=\"sv-eq-section\">\r\n    <div class=\"sv-eq-list\">\r\n      <div class=\"sv-eq-item sv-open\">\r\n        <div class=\"sv-eq-question\"><div class=\"sv-eq-icon\">+<\/div><div class=\"sv-eq-qtext\">Vous lancez votre activit\u00e9 ?<\/div><div class=\"sv-eq-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg><\/div><\/div>\r\n        <div class=\"sv-eq-answer\"><div class=\"sv-eq-atext\">Nous installons le SI, formons vos utilisateurs et vous accompagnons durant les premiers mois pour garantir une prise en main sereine.<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"sv-eq-item\">\r\n        <div class=\"sv-eq-question\"><div class=\"sv-eq-icon\">+<\/div><div class=\"sv-eq-qtext\">Vous changez votre SI ?<\/div><div class=\"sv-eq-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg><\/div><\/div>\r\n        <div class=\"sv-eq-answer\"><div class=\"sv-eq-atext\">Nous r\u00e9alisons le projet de bout en bout : int\u00e9gration, migration, formation et accompagnement au changement.<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"sv-eq-item\">\r\n        <div class=\"sv-eq-question\"><div class=\"sv-eq-icon\">+<\/div><div class=\"sv-eq-qtext\">Vous avez besoin d'un module sp\u00e9cifique ?<\/div><div class=\"sv-eq-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg><\/div><\/div>\r\n        <div class=\"sv-eq-answer\"><div class=\"sv-eq-atext\">Nous l'int\u00e9grons dans votre \u00e9cosyst\u00e8me actuel sans rupture de service ni remise en cause de l'existant.<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"sv-eq-item\">\r\n        <div class=\"sv-eq-question\"><div class=\"sv-eq-icon\">+<\/div><div class=\"sv-eq-qtext\">Vous avez besoin de d\u00e9l\u00e9guer des services ?<\/div><div class=\"sv-eq-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg><\/div><\/div>\r\n        <div class=\"sv-eq-answer\"><div class=\"sv-eq-atext\">Nous mettons \u00e0 disposition une personne experte dans le domaine, pilot\u00e9e par vos soins, pour renforcer vos \u00e9quipes en toute flexibilit\u00e9.<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"sv-eq-item\">\r\n        <div class=\"sv-eq-question\"><div class=\"sv-eq-icon\">+<\/div><div class=\"sv-eq-qtext\">Vous int\u00e9grez de nouvelles personnes ?<\/div><div class=\"sv-eq-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg><\/div><\/div>\r\n        <div class=\"sv-eq-answer\"><div class=\"sv-eq-atext\">En tant qu'organisme de formation certifi\u00e9 <strong>Qualiopi<\/strong>, nous accompagnons vos nouveaux collaborateurs pour prendre en main l'outil rapidement et efficacement.<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var wrap = document.querySelector('.sv-fusion');\r\n  if (!wrap) return;\r\n  var slides = wrap.querySelectorAll('.sv-slide');\r\n  var progress = wrap.querySelector('.sv-progress');\r\n  var current = 0;\r\n  var total = slides.length;\r\n  var duration = 5000;\r\n  var timer = null;\r\n\r\n  function goTo(index) {\r\n    slides[current].classList.remove('sv-active');\r\n    slides[current].querySelector('video').pause();\r\n    current = (index + total) % total;\r\n    slides[current].classList.add('sv-active');\r\n    slides[current].querySelector('video').play();\r\n    progress.style.transition = 'none';\r\n    progress.style.width = '0%';\r\n    setTimeout(function() {\r\n      progress.style.transition = 'width ' + duration + 'ms linear';\r\n      progress.style.width = '100%';\r\n    }, 50);\r\n  }\r\n\r\n  function autoPlay() {\r\n    clearTimeout(timer);\r\n    timer = setTimeout(function() { goTo(current + 1); autoPlay(); }, duration);\r\n  }\r\n\r\n  wrap.querySelector('.sv-prev').addEventListener('click', function() { clearTimeout(timer); goTo(current - 1); autoPlay(); });\r\n  wrap.querySelector('.sv-next').addEventListener('click', function() { clearTimeout(timer); goTo(current + 1); autoPlay(); });\r\n\r\n  progress.style.transition = 'width ' + duration + 'ms linear';\r\n  progress.style.width = '100%';\r\n  autoPlay();\r\n\r\n  wrap.querySelectorAll('.sv-eq-question').forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      var item = btn.parentElement;\r\n      var isOpen = item.classList.contains('sv-open');\r\n      wrap.querySelectorAll('.sv-eq-item').forEach(function(i) { i.classList.remove('sv-open'); });\r\n      if (!isOpen) item.classList.add('sv-open');\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ae04e5 e-flex e-con-boxed e-con e-parent\" data-id=\"4ae04e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3225a77 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"3225a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d6bd96 e-flex e-con-boxed e-con e-parent\" data-id=\"5d6bd96\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-086f320 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"086f320\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .dcta-wrap {\r\n    font-family: 'Roboto', sans-serif;\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 20px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  .dcta-left {\r\n    flex: 1;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(80,140,175,0.15);\r\n    border-top: 4px solid #508caf;\r\n    border-radius: 12px;\r\n    padding: 60px 40px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 4px 20px rgba(80,140,175,0.08);\r\n  }\r\n  .dcta-right {\r\n    flex: 1;\r\n    background: linear-gradient(135deg, #2b5270 0%, #508caf 60%, #64aac3 100%);\r\n    border-radius: 12px;\r\n    padding: 60px 40px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 8px 32px rgba(80,140,175,0.25);\r\n  }\r\n  .dcta-right::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 200px; height: 200px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.04);\r\n    top: -60px; right: -60px;\r\n  }\r\n  .dcta-right::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 140px; height: 140px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.03);\r\n    bottom: -40px; left: -40px;\r\n  }\r\n\r\n  .dcta-tag-light { font-size: 11px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: #508caf; opacity: 0.8; margin: 0 0 14px; }\r\n  .dcta-title-light { font-size: 22px; font-weight: 700; color: #2b5270; line-height: 1.3; margin: 0 0 14px; }\r\n  .dcta-line-light { width: 40px; height: 2px; background: linear-gradient(90deg, #64aac3, #508caf); border-radius: 2px; margin: 0 auto 18px; }\r\n  .dcta-sub-light { font-size: 17px; font-weight: 300; color: #6a7a8a; line-height: 1.75; margin: 0 0 28px; }\r\n  .dcta-btn-light { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #ffffff; background: linear-gradient(135deg, #508caf, #3d6e8a); border: none; border-radius: 8px; padding: 14px 32px; cursor: pointer; text-decoration: none; display: inline-block; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 14px rgba(80,140,175,0.30); letter-spacing: 0.3px; }\r\n  .dcta-btn-light:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(80,140,175,0.40); }\r\n\r\n  .dcta-tag-dark { font-size: 11px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: rgba(255,255,255,0.55); margin: 0 0 14px; position: relative; z-index: 1; }\r\n  .dcta-title-dark { font-size: 22px; font-weight: 700; color: #ffffff; line-height: 1.3; margin: 0 0 14px; position: relative; z-index: 1; }\r\n  .dcta-line-dark { width: 40px; height: 2px; background: rgba(255,255,255,0.35); border-radius: 2px; margin: 0 auto 18px; position: relative; z-index: 1; }\r\n  .dcta-sub-dark { font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.82); line-height: 1.75; margin: 0 0 28px; position: relative; z-index: 1; }\r\n  .dcta-btns { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }\r\n  .dcta-btn-white { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #508caf; background: #ffffff; border: none; border-radius: 8px; padding: 14px 28px; cursor: pointer; text-decoration: none; display: inline-block; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 14px rgba(0,0,0,0.12); letter-spacing: 0.3px; }\r\n  .dcta-btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.18); }\r\n  .dcta-btn-outline { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; color: #ffffff; background: transparent; border: 2px solid rgba(255,255,255,0.45); border-radius: 8px; padding: 14px 28px; cursor: pointer; text-decoration: none; display: inline-block; transition: border-color 0.2s ease, background 0.2s ease; letter-spacing: 0.3px; }\r\n  .dcta-btn-outline:hover { border-color: #ffffff; background: rgba(255,255,255,0.12); }\r\n\r\n  @media (max-width: 768px) { .dcta-wrap { flex-direction: column; } }\r\n<\/style>\r\n\r\n<div class=\"dcta-wrap\">\r\n  <div class=\"dcta-left\">\r\n    <div class=\"dcta-tag-light\">Nous rejoindre<\/div>\r\n    <div class=\"dcta-title-light\">Vous souhaitez d\u00e9couvrir notre \u00e9quipe et nous rejoindre ?<\/div>\r\n    <div class=\"dcta-line-light\"><\/div>\r\n    <div class=\"dcta-sub-light\">Une \u00e9quipe passionn\u00e9e, engag\u00e9e et en plein d\u00e9veloppement vous attend.<\/div>\r\n    <a href=\"http:\/\/www.evolis-energies.fr\/?page_id=2634\" class=\"dcta-btn-light\">Nous rejoindre<\/a>\r\n  <\/div>\r\n  <div class=\"dcta-right\">\r\n    <div class=\"dcta-tag-dark\">Passons \u00e0 l'action<\/div>\r\n    <div class=\"dcta-title-dark\">Pr\u00eat \u00e0 transformer votre gestion de l'\u00e9nergie ?<\/div>\r\n    <div class=\"dcta-line-dark\"><\/div>\r\n    <div class=\"dcta-sub-dark\">Nos experts sont disponibles pour analyser vos besoins et vous proposer une solution adapt\u00e9e.<\/div>\r\n    <div class=\"dcta-btns\">\r\n      <a href=\"http:\/\/www.evolis-energies.fr\/?page_id=3197\" class=\"dcta-btn-white\">Nous contacter<\/a>\r\n      <a href=\"http:\/\/www.evolis-energies.fr\/?page_id=3107\" class=\"dcta-btn-outline\">D\u00e9couvrir nos offres<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf918c7 e-flex e-con-boxed e-con e-parent\" data-id=\"bf918c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76998f8 ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"76998f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92a645f e-flex e-con-boxed e-con e-parent\" data-id=\"92a645f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ae742a ob-has-background-overlay elementor-widget elementor-widget-spacer\" data-id=\"0ae742a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_spacerat_use&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e602b00 e-flex e-con-boxed e-con e-parent\" data-id=\"e602b00\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-032b0f3 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"032b0f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Cache le bouton noir du plugin EAEL *\/\r\n  .eael-ext-scroll-to-top-wrap,\r\n  .eael-ext-scroll-to-top-button {\r\n    display: none !important;\r\n  }\r\n\r\n  #btn-top {\r\n    position: fixed !important;\r\n    bottom: 30px !important;\r\n    right: 30px !important;\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    background: #3E6281 !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease, transform 0.3s ease;\r\n    z-index: 99999 !important;\r\n    border: none !important;\r\n    box-shadow: 0 4px 12px rgba(62,98,129,0.4) !important;\r\n    padding: 0 !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  #btn-top.visible {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n  }\r\n\r\n  #btn-top:hover {\r\n    background: #2a4a63 !important;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  #btn-top svg {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    fill: #ffffff !important;\r\n    display: block !important;\r\n  }\r\n<\/style>\r\n\r\n<button id=\"btn-top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">\r\n  <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/><\/svg>\r\n<\/button>\r\n\r\n<script>\r\n  window.addEventListener('scroll', function() {\r\n    var btn = document.getElementById('btn-top');\r\n    if (window.scrollY > 300) {\r\n      btn.classList.add('visible');\r\n    } else {\r\n      btn.classList.remove('visible');\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Le partenaire des acteurs de l&rsquo;Energie Fournisseur d&rsquo;Electricit\u00e9 et de Gaz Solutions de facturation, gestion de contrats et conformit\u00e9 r\u00e9glementaire pour les Fournisseurs. D\u00e9couvrir \u2192 Gestionnaire de R\u00e9seau Distribution Outils de gestion de r\u00e9seau, rel\u00e8ve, t\u00e9l\u00e9rel\u00e8ve et \u00e9changes GRD\/Fournisseurs conformes aux standards. D\u00e9couvrir \u2192 Acheteur \/ Producteur d&rsquo;Electricit\u00e9 produite par ENR Gestion des achats d&rsquo;\u00e9nergie [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-6688","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page d&#039;accueil - Evolis<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.evolis-energies.fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page d&#039;accueil - Evolis\" \/>\n<meta property=\"og:description\" content=\"Le partenaire des acteurs de l&rsquo;Energie Fournisseur d&rsquo;Electricit\u00e9 et de Gaz Solutions de facturation, gestion de contrats et conformit\u00e9 r\u00e9glementaire pour les Fournisseurs. D\u00e9couvrir \u2192 Gestionnaire de R\u00e9seau Distribution Outils de gestion de r\u00e9seau, rel\u00e8ve, t\u00e9l\u00e9rel\u00e8ve et \u00e9changes GRD\/Fournisseurs conformes aux standards. D\u00e9couvrir \u2192 Acheteur \/ Producteur d&rsquo;Electricit\u00e9 produite par ENR Gestion des achats d&rsquo;\u00e9nergie [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.evolis-energies.fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Evolis\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T08:55:06+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/Logo-Evolis_White.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/\",\"url\":\"https:\\\/\\\/www.evolis-energies.fr\\\/\",\"name\":\"Page d'accueil - Evolis\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.evolis-energies.fr\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Logo-Evolis_White.svg\",\"datePublished\":\"2026-05-11T12:46:11+00:00\",\"dateModified\":\"2026-07-21T08:55:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.evolis-energies.fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.evolis-energies.fr\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Logo-Evolis_White.svg\",\"contentUrl\":\"https:\\\/\\\/www.evolis-energies.fr\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Logo-Evolis_White.svg\",\"width\":130,\"height\":26},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.evolis-energies.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page d&rsquo;accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#website\",\"url\":\"https:\\\/\\\/www.evolis-energies.fr\\\/\",\"name\":\"Evolis\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.evolis-energies.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#organization\",\"name\":\"Evolis\",\"url\":\"https:\\\/\\\/www.evolis-energies.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.evolis-energies.fr\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/sigle-evolis-final.svg\",\"contentUrl\":\"https:\\\/\\\/www.evolis-energies.fr\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/sigle-evolis-final.svg\",\"width\":13,\"height\":11,\"caption\":\"Evolis\"},\"image\":{\"@id\":\"https:\\\/\\\/www.evolis-energies.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page d'accueil - Evolis","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.evolis-energies.fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Page d'accueil - Evolis","og_description":"Le partenaire des acteurs de l&rsquo;Energie Fournisseur d&rsquo;Electricit\u00e9 et de Gaz Solutions de facturation, gestion de contrats et conformit\u00e9 r\u00e9glementaire pour les Fournisseurs. D\u00e9couvrir \u2192 Gestionnaire de R\u00e9seau Distribution Outils de gestion de r\u00e9seau, rel\u00e8ve, t\u00e9l\u00e9rel\u00e8ve et \u00e9changes GRD\/Fournisseurs conformes aux standards. D\u00e9couvrir \u2192 Acheteur \/ Producteur d&rsquo;Electricit\u00e9 produite par ENR Gestion des achats d&rsquo;\u00e9nergie [&hellip;]","og_url":"https:\/\/www.evolis-energies.fr\/","og_site_name":"Evolis","article_modified_time":"2026-07-21T08:55:06+00:00","og_image":[{"url":"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/Logo-Evolis_White.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.evolis-energies.fr\/","url":"https:\/\/www.evolis-energies.fr\/","name":"Page d'accueil - Evolis","isPartOf":{"@id":"https:\/\/www.evolis-energies.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.evolis-energies.fr\/#primaryimage"},"image":{"@id":"https:\/\/www.evolis-energies.fr\/#primaryimage"},"thumbnailUrl":"http:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/Logo-Evolis_White.svg","datePublished":"2026-05-11T12:46:11+00:00","dateModified":"2026-07-21T08:55:06+00:00","breadcrumb":{"@id":"https:\/\/www.evolis-energies.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.evolis-energies.fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.evolis-energies.fr\/#primaryimage","url":"https:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/Logo-Evolis_White.svg","contentUrl":"https:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/Logo-Evolis_White.svg","width":130,"height":26},{"@type":"BreadcrumbList","@id":"https:\/\/www.evolis-energies.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.evolis-energies.fr\/"},{"@type":"ListItem","position":2,"name":"Page d&rsquo;accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.evolis-energies.fr\/#website","url":"https:\/\/www.evolis-energies.fr\/","name":"Evolis","description":"","publisher":{"@id":"https:\/\/www.evolis-energies.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.evolis-energies.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.evolis-energies.fr\/#organization","name":"Evolis","url":"https:\/\/www.evolis-energies.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.evolis-energies.fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/sigle-evolis-final.svg","contentUrl":"https:\/\/www.evolis-energies.fr\/wp-content\/uploads\/2024\/06\/sigle-evolis-final.svg","width":13,"height":11,"caption":"Evolis"},"image":{"@id":"https:\/\/www.evolis-energies.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=\/wp\/v2\/pages\/6688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6688"}],"version-history":[{"count":335,"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=\/wp\/v2\/pages\/6688\/revisions"}],"predecessor-version":[{"id":8500,"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=\/wp\/v2\/pages\/6688\/revisions\/8500"}],"wp:attachment":[{"href":"https:\/\/www.evolis-energies.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}