1<!DOCTYPE html> 2<html lang="fr-FR"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 8 <title>Accueil - Letrics Info</title> 9 <link rel="canonical" href="https://www.lectrics.fr/" /> 10 <meta property="og:locale" content="fr_FR" /> 11 <meta property="og:type" content="website" /> 12 <meta property="og:title" content="Accueil - Letrics Info" /> 13 <meta property="og:description" content="Lectrics Un fil clair entre électricité, rénovation et décisions du quotidien. Le site relie les bons gestes de bricolage aux sujets qui les entourent : actualité, budget, santé, voyages et web. Chaque catégorie devient une ligne utile, jamais un détour. Comparer les équipements Poser une question ActualitéTendances et repères BricolageGuides et tutoriels FinanceBudget travaux SantéSécurité ... Lire la suite" /> 14 <meta property="og:url" content="https://www.lectrics.fr/" /> 15 <meta property="og:site_name" content="Letrics Info" /> 16 <meta property="article:modified_time" content="2026-05-19T09:37:06+00:00" /> 17 <meta name="twitter:card" content="summary_large_image" /> 18
18<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lectrics.fr\/","url":"https:\/\/www.lectrics.fr\/","name":"Accueil - Letrics Info","isPartOf":{"@id":"https:\/\/www.lectrics.fr\/#website"},"datePublished":"2026-03-24T13:04:16+00:00","dateModified":"2026-05-19T09:37:06+00:00","breadcrumb":{"@id":"https:\/\/www.lectrics.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lectrics.fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.lectrics.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.lectrics.fr\/#website","url":"https:\/\/www.lectrics.fr\/","name":"Letrics Info","description":"Infos sur l'actu et Bien plus","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lectrics.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
18 19 <!-- / Yoast SEO plugin. --> 20 21 22<link rel="alternate" type="application/rss+xml" title="Letrics Info » Flux" href="https://www.lectrics.fr/feed/" /> 23<link rel="alternate" type="application/rss+xml" title="Letrics Info » Flux des commentaires" href="https://www.lectrics.fr/comments/feed/" /> 24<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.lectrics.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.lectrics.fr%2F" /> 25<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.lectrics.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.lectrics.fr%2F&format=xml" /> 26<style id="wp-img-auto-sizes-contain-inline-css"> 27img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 28/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 29</style> 30<style id="wp-emoji-styles-inline-css"> 31 32 img.wp-smiley, img.emoji { 33 display: inline !important; 34 border: none !important; 35 box-shadow: none !important; 36 height: 1em !important; 37 width: 1em !important; 38 margin: 0 0.07em !important; 39 vertical-align: -0.1em !important; 40 background: none !important; 41 padding: 0 !important; 42 } 43/*# sourceURL=wp-emoji-styles-inline-css */ 44</style> 45<style id="wp-block-library-inline-css"> 46:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
46--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 47 48/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 49</style> 50<style id="wp-block-heading-inline-css"> 51h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 52/*# sourceURL=https://www.lectrics.fr/wp-includes/blocks/heading/style.min.css */ 53</style> 54<style id="wp-block-latest-comments-inline-css"> 55:where(.wp-block-latest-comments){padding-left:0}ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit} 56/*# sourceURL=https://www.lectrics.fr/wp-includes/blocks/latest-comments/style.min.css */ 57</style> 58<style id="wp-block-latest-posts-inline-css"> 59.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid:not(.is-layout-grid){display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid:not(.is-layout-grid) li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2:not(.is-layout-grid) li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2:not(.is-layout-grid) li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3:not(.is-layout-grid) li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3:not(.is-layout-grid) li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4:not(.is-layout-grid) li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4:not(.is-layout-grid) li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5:not(.is-layout-grid) li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5:not(.is-layout-grid) li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6:not(.is-layout-grid) li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6:not(.is-layout-grid) li:nth-child(6n){margin-right:0}}@media (max-width:600px){.wp-block-latest-posts-is-layout-grid[class*=columns-]:not
59(.has-native-responsive-grid){grid-template-columns:1fr}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} 60/*# sourceURL=https://www.lectrics.fr/wp-includes/blocks/latest-posts/style.min.css */ 61</style> 62<style id="wp-block-paragraph-inline-css"> 63.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 64/*# sourceURL=https://www.lectrics.fr/wp-includes/blocks/paragraph/style.min.css */ 65</style> 66<style id="wp-block-search-inline-css"> 67.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){-webkit-appearance:initial;-moz-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right} 68/*# sourceURL=https://www.lectrics.fr/wp-includes/blocks/search/style.min.css */ 69</style> 70<style id="wp-block-group-inline-css"> 71.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} 72/*# sourceURL=https://www.lectrics.fr/wp-includes/blocks/group/style.min.css */ 73</style> 74 75<style id="classic-theme-styles-inline-css"> 76/*! This file is auto-generated */ 77.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
77padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 78/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 79</style> 80 81<style id="global-styles-inline-css"> 82:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
82--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
82.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 83:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} 84/*# sourceURL=global-styles-inline-css */ 85</style> 86 87<link rel='stylesheet' id='cmplz-general-css' href='https://www.lectrics.fr/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1790271340' media='all' /> 88<link rel='stylesheet' id='generate-widget-areas-css' href='https://www.lectrics.fr/wp-content/themes/generatepress/assets/css/components/widget-areas.min.css?ver=3.6.1' media='all' /> 89<link rel='stylesheet' id='generate-style-css' href='https://www.lectrics.fr/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.6.1' media='all' /> 90<style id="generate-style-inline-css"> 91body{background-color:var(--base-2);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}
91.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}} 92/*# sourceURL=generate-style-inline-css */ 93</style> 94<link rel="https://api.w.org/" href="https://www.lectrics.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.lectrics.fr/wp-json/wp/v2/pages/89" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.lectrics.fr/xmlrpc.php?rsd" /> 95<meta name="generator" content="WordPress 7.1.2" /> 96<link rel='shortlink' href='https://www.lectrics.fr/' /> 97<meta name="google-site-verification" content="c_UuU35xsVPFAW4Yupiu5Qjx4ZpziFqMQCZSntwLhYs" /> 98<meta name="publisuites-verify-code" content="aHR0cHM6Ly93d3cubGVjdHJpY3MuZnI=" /> 99<meta name='linkatomic-verify-code' content='665495420180a7d3e0a45e7e423b3b22' /> 100 101<meta name="conexoo_verification" content="20e8f9f4eed4c51ad233ef94cac2aef3c417d925e7874b2ba58f7c5c0f42d085105a1968f14f13b434eab8c2f615b0f07c0b092036e8f5005fe0ce7860ff7f31"> 102<!-- cedia-adsense -->
103<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5104130374911667" crossorigin="anonymous"></script>
103 104<link rel="icon" href="https://www.lectrics.fr/wp-content/uploads/2026/05/lectrics-logo-150x150.png" sizes="32x32" /> 105<link rel="icon" href="https://www.lectrics.fr/wp-content/uploads/2026/05/lectrics-logo-300x300.png" sizes="192x192" /> 106<link rel="apple-touch-icon" href="https://www.lectrics.fr/wp-content/uploads/2026/05/lectrics-logo-300x300.png" /> 107<meta name="msapplication-TileImage" content="https://www.lectrics.fr/wp-content/uploads/2026/05/lectrics-logo-300x300.png" />
108<script data-nowprocket defer src="/691a3a12/s.js" data-website-id="e2e25e36-8931-469e-8455-cfe3e74a8197" data-do-not-track="true" data-exclude-search="true" data-exclude-hash="true"></script>
108 109</head> 110 111<body class="home wp-singular page-template page-template-template-fullwidth-home page-template-template-fullwidth-home-php page page-id-89 wp-embed-responsive wp-theme-generatepress right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover full-width-content" itemtype="https://schema.org/WebPage" itemscope> 112 <a class="screen-reader-text skip-link" href="#content" title="Aller au contenu">Aller au contenu</a> <header class="site-header has-inline-mobile-toggle" id="masthead" aria-label="Site" itemtype="https://schema.org/WPHeader" itemscope> 113 <div class="inside-header grid-container"> 114 <div class="site-branding"> 115 <p class="main-title" itemprop="headline"> 116 <a href="https://www.lectrics.fr/" rel="home">Letrics Info</a> 117 </p> 118 119 </div> <nav class="main-navigation mobile-menu-control-wrapper" id="mobile-menu-control-wrapper" aria-label="Permuteur mobile"> 120 <button data-nav="site-navigation" class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> 121 <span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="screen-reader-text">Menu</span> </button> 122 </nav> 123 <nav class="main-navigation sub-menu-right" id="site-navigation" aria-label="Principal" itemtype="https://schema.org/SiteNavigationElement" itemscope> 124 <div class="inside-navigation grid-container"> 125 <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> 126 <span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="mobile-menu">Menu</span> </button> 127 <div id="primary-menu" class="main-nav"><ul id="menu-menu-principal" class=" menu sf-menu"><li id="menu-item-13" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-13"><a href="https://www.lectrics.fr/category/actualite/">Actualité</a></li> 128<li id="menu-item-14" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14"><a href="https://www.lectrics.fr/category/bricolage/">Bricolage</a></li> 129<li id="menu-item-15" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15"><a href="https://www.lectrics.fr/category/finance/">Finance</a></li> 130<li id="menu-item-16" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16"><a href="https://www.lectrics.fr/category/sante/">Santé</a></li> 131<li id="menu-item-17" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-17"><a href="https://www.lectrics.fr/category/voyages/">Voyages</a></li> 132<li id="menu-item-18" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18"><a href="https://www.lectrics.fr/category/web/">Web</a></li> 133<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://www.lectrics.fr/contact/">Contact</a></li> 134<li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="https://www.lectrics.fr/mentions-legales/">Mentions légales</a></li> 135</ul></div> </div> 136 </nav> 137 </div> 138 </header> 139 140 <div class="site grid-container container hfeed" id="page"> 141 <div class="site-content" id="content"> 142 143 <div class="content-area" id="primary"> 144 <main class="site-main" id="main"> 145 146<article id="post-89" class="post-89 page type-page status-publish" itemtype="https://schema.org/CreativeWork" itemscope> 147 <div class="inside-article"> 148 149 <div class="entry-content" itemprop="text"> 150 <br /> 151<style> 152 * { 153 box-sizing: border-box 154 }</p> 155<p> body { 156 margin: 0; 157 background: #f3efe4; 158 color: #172018; 159 font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif 160 }</p> 161<p> a { 162 color: inherit; 163 text-decoration: none 164 }</p> 165<p> #hero-lectrics { 166 min-height: 100vh; 167 position: relative; 168 overflow: hidden; 169 display: grid; 170 place-items: center; 171 padding: 34px; 172 background: linear-gradient(120deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .18)), radial-gradient(circle at 78% 16%, rgba(255, 126, 41, .32), transparent 25%), radial-gradient(circle at 18% 22%, rgba(67, 148, 100, .22), transparent 25%), #f3efe4 173 }</p> 174<p> #hero-lectrics:before { 175 content: ""; 176 position: absolute; 177 inset: 0; 178 background-image: linear-gradient(rgba(255, 126, 41, .3) 0 0), linear-gradient(rgba(67, 148, 100, .24) 0 0), linear-gradient(rgba(57, 110, 216, .22) 0 0), linear-gradient(rgba(138, 105, 220, .2) 0 0), linear-gradient(rgba(23, 32, 24, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 32, 24, .07) 1px, transparent 1px); 179 background-size: 42vw 4px, 32vw 4px, 28vw 4px, 24vw 4px, 34px 34px, 34px 34px; 180 background-position: -6vw 18%, 8vw 72%, 74vw 31%, 70vw 84%, 0 0, 0 0; 181 background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat 182 }</p> 183<p> #hero-lectrics:after { 184 content: ""; 185 position: absolute; 186 inset: 0; 187 background: url('https://images.pexels.com/photos/5691659/pexels-photo-5691659.jpeg?auto=compress&cs=tinysrgb&w=900') 4% 88%/260px auto no-repeat, url
187('https://images.pexels.com/photos/1249611/pexels-photo-1249611.jpeg?auto=compress&cs=tinysrgb&w=900') 96% 8%/240px auto no-repeat; 188 opacity: .13; 189 filter: saturate(.75); 190 pointer-events: none 191 }</p> 192<p> .hero-shell { 193 position: relative; 194 z-index: 1; 195 width: min(1240px, 100%); 196 display: grid; 197 grid-template-columns: minmax(0, 500px) minmax(620px, 1fr); 198 gap: clamp(52px, 6vw, 94px); 199 align-items: center 200 }</p> 201<p> .hero-copy { 202 display: grid; 203 gap: 24px; 204 min-width: 0 205 }</p> 206<p> h1 { 207 margin: 0; 208 font-size: clamp(70px, 8.2vw, 118px); 209 line-height: .84; 210 letter-spacing: 0; 211 text-transform: uppercase; 212 color: #172018 213 }</p> 214<p> .hero-subtitle { 215 margin: 0; 216 max-width: 560px; 217 font-size: clamp(23px, 2.6vw, 35px); 218 line-height: 1.08; 219 font-weight: 950; 220 color: #203326 221 }</p> 222<p> .hero-subtitle span { 223 color: #ff6f1f 224 }</p> 225<p> .hero-lede { 226 margin: 0; 227 max-width: 560px; 228 color: #53604f; 229 font-size: clamp(16px, 1.35vw, 19px); 230 line-height: 1.65 231 }</p> 232<p> .hero-actions { 233 display: flex; 234 flex-wrap: wrap; 235 gap: 12px 236 }</p> 237<p> .hero-btn { 238 display: inline-flex; 239 min-height: 52px; 240 align-items: center; 241 justify-content: center; 242 padding: 0 22px; 243 border-radius: 8px; 244 font-weight: 900; 245 box-shadow: 0 12px 24px rgba(34, 30, 22, .08); 246 transition: transform .18s ease, box-shadow .18s ease 247 }</p> 248<p> .hero-btn:hover { 249 transform: translateY(-2px); 250 box-shadow: 0 18px 34px rgba(34, 30, 22, .12) 251 }</p> 252<p> .hero-btn.primary { 253 background: #172018; 254 color: #fff 255 }</p> 256<p> .hero-btn.secondary { 257 background: #ff7e29; 258 color: #211407 259 }</p> 260<p> .hero-cats { 261 display: grid; 262 grid-template-columns: repeat(2, minmax(0, 1fr)); 263 gap: 10px; 264 max-width: 500px 265 }</p> 266<p> .hero-cats a { 267 min-height: 74px; 268 padding: 13px; 269 border: 1px solid rgba(23, 32, 24, .12); 270 border-radius: 10px; 271 background: #fff; 272 color: #243025; 273 box-shadow: 0 12px 34px rgba(78, 64, 34, .08); 274 display: flex; 275 flex-direction: column; 276 justify-content: space-between; 277 transition: transform .18s ease, border-color .18s ease 278 }</p> 279<p> .hero-cats a:hover { 280 transform: translateY(-2px); 281 border-color: rgba(255, 126, 41, .58) 282 }</p> 283<p> .hero-cats b { 284 font-size: 15px 285 }</p> 286<p> .hero-cats span { 287 font-size: 12px; 288 color: #687267 289 }</p> 290<p> .hero-cats a:nth-child(1) { 291 background: #fff4d8 292 }</p> 293<p> .hero-cats a:nth-child(2) { 294 background: #e8f5ec 295 }</p> 296<p> .hero-cats a:nth-child(3) { 297 background: #eaf1ff 298 }</p> 299<p> .hero-cats a:nth-child(4) { 300 background: #ffe8e0 301 }</p> 302<p> .hero-cats a:nth-child(5) { 303 background: #edf7f4 304 }</p> 305<p> .hero-cats a:nth-child(6) { 306 background: #f2ecff 307 }</p> 308<p> .hero-map { 309 position: relative; 310 min-height: 640px; 311 border: 1px solid rgba(23, 32, 24, .14); 312 border-radius: 24px; 313 background: #fffaf0; 314 box-shadow: 0 34px 90px rgba(63, 48, 22, .18); 315 overflow: hidden 316 }</p> 317<p> .hero-map:before { 318 content: ""; 319 position: absolute; 320 inset: 0; 321 background-image: linear-gradient(rgba(23, 32, 24, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 32, 24, .06) 1px, transparent 1px); 322 background-size: 30px 30px 323 }</p> 324<p> .wire { 325 position: absolute; 326 left: 50%; 327 top: 50%; 328 width: var(--w); 329 height: var(--h); 330 border-color: var(--c); 331 border-style: solid; 332 opacity: .95 333 }</p> 334<p> .wire:after { 335 content: ""; 336 position: absolute; 337 width: 14px; 338 height: 14px; 339 border-radius: 50%; 340 background: #fff; 341 border: 4px solid var(--c); 342 box-shadow: 0 0 0 8px color-mix(in srgb, var(--c) 18%, transparent) 343 }</p> 344<p> .w-actualite { 345 --c: #f0a91f; 346 --w: 230px; 347 --h: 156px; 348 border-width: 5px 0 0 5px; 349 border-radius: 26px 0 0 0; 350 transform: translate(-230px, -178px) 351 }</p> 352<p> .w-actualite:after { 353 left: -9px; 354 top: -10px 355 }</p> 356<p> .w-bricolage { 357 --c: #439464; 358 --w: 250px; 359 --h: 72px; 360 border-width: 5px 0 0 5px; 361 border-radius: 26px 0 0 0; 362 transform: translate(-248px, -54px) 363 }</p> 364<p> .w-bricolage:after { 365 left: -9px; 366 top: -10px 367 }</p> 368<p> .w-finance { 369 --c: #396ed8; 370 --w: 230px; 371 --h: 164px; 372 border-width: 0 0 5px 5px; 373 border-radius: 0 0 0 26px; 374 transform: translate(-230px, 22px) 375 }</p> 376<p> .w-finance:after { 377 left: -9px; 378 bottom: -10px 379 }</p> 380<p> .w-sante { 381 --c: #ff7757; 382 --w: 230px; 383 --h: 156px; 384 border-width: 5px 5px 0 0; 385 border-radius: 0 26px 0 0; 386 transform: translate(0, -178px) 387 }</p> 388<p> .w-sante:after { 389 right: -9px; 390 top: -10px 391 }</p> 392<p> .w-voyages { 393 --c: #31a89a; 394 --w: 250px; 395 --h: 72px; 396 border-width: 5px 5px 0 0; 397 border-radius: 0 26px 0 0; 398 transform: translate(0, -54px) 399 }</p> 400<p> .w-voyages:after { 401 right: -9px; 402 top: -10px 403 }</p> 404<p> .w-web { 405 --c: #8a69dc; 406 --w: 230px; 407 --h: 164px; 408 border-width: 0 5px 5px 0; 409 border-radius: 0 0 26px 0; 410 transform: translate(0, 22px) 411 }</p> 412<p>
412 .w-web:after { 413 right: -9px; 414 bottom: -10px 415 }</p> 416<p> .hub { 417 position: absolute; 418 left: 50%; 419 top: 50%; 420 width: 220px; 421 height: 220px; 422 transform: translate(-50%, -50%); 423 border-radius: 30px; 424 background: #172018; 425 color: #fff; 426 display: grid; 427 place-items: center; 428 text-align: center; 429 padding: 30px 24px; 430 box-shadow: 0 28px 70px rgba(23, 32, 24, .28); 431 z-index: 2 432 }</p> 433<p> .hub:before { 434 content: ""; 435 position: absolute; 436 inset: 18px; 437 border: 1px dashed rgba(255, 255, 255, .24); 438 border-radius: 22px 439 }</p> 440<p> .hub strong { 441 position: relative; 442 display: block; 443 font-size: 25px; 444 line-height: 1.08 445 }</p> 446<p> .hub span { 447 position: relative; 448 display: block; 449 margin-top: 18px; 450 color: rgba(255, 255, 255, .68); 451 font-size: 13px; 452 line-height: 1.45 453 }</p> 454<p> .node { 455 position: absolute; 456 width: 184px; 457 min-height: 106px; 458 padding: 16px; 459 border: 1px solid rgba(23, 32, 24, .13); 460 border-radius: 18px; 461 background: #fff; 462 box-shadow: 0 18px 42px rgba(63, 48, 22, .12); 463 z-index: 3 464 }</p> 465<p> .node b { 466 display: block; 467 font-size: 20px 468 }</p> 469<p> .node span { 470 display: block; 471 margin-top: 8px; 472 color: #5d685e; 473 font-size: 13px; 474 line-height: 1.35 475 }</p> 476<p> .node:before { 477 content: ""; 478 display: block; 479 width: 34px; 480 height: 6px; 481 margin-bottom: 14px; 482 border-radius: 999px; 483 background: var(--c) 484 }</p> 485<p> .n-actualite { 486 --c: #f0a91f; 487 left: 36px; 488 top: 42px; 489 background: #fff4d8 490 }</p> 491<p> .n-bricolage { 492 --c: #439464; 493 left: 26px; 494 top: 238px; 495 background: #e8f5ec 496 }</p> 497<p> .n-finance { 498 --c: #396ed8; 499 left: 50px; 500 bottom: 52px; 501 background: #eaf1ff 502 }</p> 503<p> .n-sante { 504 --c: #ff7757; 505 right: 40px; 506 top: 42px; 507 background: #ffe8e0 508 }</p> 509<p> .n-voyages { 510 --c: #31a89a; 511 right: 26px; 512 top: 238px; 513 background: #edf7f4 514 }</p> 515<p> .n-web { 516 --c: #8a69dc; 517 right: 50px; 518 bottom: 52px; 519 background: #f2ecff 520 }</p> 521<p> .photo-strip { 522 position: absolute; 523 left: 50%; 524 bottom: 38px; 525 transform: translateX(-50%) rotate(-1.5deg); 526 width: 210px; 527 border: 7px solid #fff; 528 border-radius: 16px; 529 overflow: hidden; 530 box-shadow: 0 16px 36px rgba(63, 48, 22, .18); 531 z-index: 1 532 }</p> 533<p> .photo-strip img { 534 width: 100%; 535 height: 126px; 536 object-fit: cover 537 }</p> 538<p> .map-note { 539 position: absolute; 540 left: 50%; 541 top: 34px; 542 transform: translateX(-50%); 543 z-index: 4; 544 padding: 8px 12px; 545 border-radius: 999px; 546 background: #ff7e29; 547 color: #211407; 548 font-size: 12px; 549 font-weight: 950; 550 text-transform: uppercase; 551 letter-spacing: .7px; 552 box-shadow: 0 14px 30px rgba(255, 126, 41, .22) 553 }</p> 554<p> @media (max-width:1120px) { 555 #hero-lectrics { 556 padding: 24px 557 }</p> 558<p> .hero-shell { 559 grid-template-columns: 1fr 560 }</p> 561<p> .hero-map { 562 min-height: 660px 563 }</p> 564<p> .hero-cats { 565 grid-template-columns: repeat(3, minmax(0, 1fr)); 566 max-width: 680px 567 } 568 }</p> 569<p> @media (max-width:640px) { 570 #hero-lectrics { 571 padding: 18px; 572 place-items: start center 573 }</p> 574<p> .hero-shell { 575 width: 100%; 576 min-width: 0 577 }</p> 578<p> .hero-copy { 579 gap: 20px 580 }</p> 581<p> h1 { 582 font-size: clamp(46px, 14vw, 58px) 583 }</p> 584<p> .hero-subtitle { 585 font-size: clamp(24px, 8vw, 34px) 586 }</p> 587<p> .hero-actions { 588 display: grid 589 }</p> 590<p> .hero-cats { 591 grid-template-columns: 1fr 1fr 592 }</p> 593<p> .hero-map { 594 min-height: auto; 595 padding: 18px; 596 display: grid; 597 gap: 12px 598 }</p> 599<p> .hero-map:before { 600 background-size: 26px 26px 601 }</p> 602<p> .wire, 603 .hub, 604 .photo-strip, 605 .map-note { 606 display: none 607 }</p> 608<p> .node { 609 position: relative; 610 left: auto; 611 right: auto; 612 top: auto; 613 bottom: auto; 614 width: 100%; 615 min-height: auto 616 }</p> 617<p> .node b { 618 font-size: 18px 619 }</p> 620<p> .node span { 621 font-size: 13px 622 }</p> 623<p> .n-actualite, 624 .n-bricolage, 625 .n-finance, 626 .n-sante, 627 .n-voyages, 628 .n-web { 629 left: auto; 630 right: auto; 631 top: auto; 632 bottom: auto 633 } 634 }</p> 635<p> .lectrics-home { 636 background: #f3efe4; 637 color: #172018; 638 overflow: hidden 639 }</p> 640<p> .lx-section { 641 position: relative; 642 padding: clamp(54px, 7vw, 92px) clamp(18px, 4vw, 44px); 643 border-top: 1px solid rgba(23, 32, 24, .08) 644 }</p> 645<p> .lx-section:nth-child(even) { 646 background: #fffaf0 647 }</p> 648<p> .lx-wrap { 649 width: min(1180px, 100%); 650 margin: 0 auto 651 }</p> 652<p> .lx-grid { 653 display: grid; 654 grid-template-columns: 1.02fr .98fr; 655 gap: clamp(28px, 5vw, 70px); 656 align-items: center 657 }</p> 658<p> .lx-grid-3 { 659 display: grid; 660 grid-template-columns: repeat(3, minmax(0, 1fr)); 661 gap: 18px 662 }</p> 663<p> .lx-eyebrow { 664 margin: 0 0 12px; 665 color: #ff6f1f; 666 font-size: 12px; 667 font-weight: 950; 668 text-transform: uppercase; 669 letter-spacing: .9px 670 }</p> 671<p> .lx-title { 672 margin: 0; 673 color: #172018; 674 font-size: clamp(34px, 5vw, 70px); 675 line-height: .95; 676 letter-spacing: 0 677 }</p> 678<p> .lx-title.small { 679 font-size: clamp(30px, 3.8vw, 50px); 680 line-height: 1 681 }</p> 682<p> .lx-text { 683 margin: 18px 0 0; 684 color: #526054; 685 font-size: clamp(16px, 1.35vw, 19px); 686 line-height: 1.7; 687 max-width: 660px 688 }</p> 689<p> .lx-actions { 690 display: flex; 691 flex-wrap: wrap; 692 gap: 12px; 693 margin-top: 26px 694 }</p> 695<p> .lx-link { 696 display: inline-flex; 697 gap: 9px; 698 align-items: center; 699 justify-content: center; 700 min-height: 48px; 701 padding: 0 18px; 702 border-radius: 8px; 703 background: #172018; 704 color: #fff; 705 font-weight: 900 706 }</p> 707<p> .lx-link.alt { 708 background: #ff7e29; 709 color: #211407 710 }</p> 711<p> .lx-media { 712 margin: 0; 713 position: relative; 714 overflow: hidden; 715 border-radius: 22px; 716 border: 1px solid rgba(23, 32, 24, .12); 717 box-shadow: 0 22px 60px rgba(63, 48, 22, .14); 718 background: #d8d8d8 719 }</p> 720<p> .lx-media img { 721 display: block; 722 width: 100%; 723 height: 100%; 724 min-height: 360px; 725 object-fit: cover 726 }</p> 727<p> .lx-card,
728 .lx-post, 729 .lx-route, 730 .lx-author { 731 border: 1px solid rgba(23, 32, 24, .12); 732 border-radius: 14px; 733 background: #fff; 734 box-shadow: 0 14px 34px rgba(78, 64, 34, .08) 735 }</p> 736<p> .lx-card { 737 padding: 22px; 738 min-height: 178px 739 }</p> 740<p> .lx-card i, 741 .lx-route i { 742 display: grid; 743 width: 38px; 744 height: 38px; 745 place-items: center; 746 margin-bottom: 18px; 747 border-radius: 10px; 748 background: #e8f5ec; 749 color: #245b39 750 }</p> 751<p> .lx-card h3, 752 .lx-route h3, 753 .lx-post h3 { 754 margin: 0; 755 color: #172018; 756 font-size: 22px; 757 line-height: 1.1 758 }</p> 759<p> .lx-card p, 760 .lx-route p, 761 .lx-post p { 762 margin: 12px 0 0; 763 color: #5b665c; 764 line-height: 1.55 765 }</p> 766<p> .lx-list { 767 display: grid; 768 gap: 12px; 769 margin-top: 28px 770 }</p> 771<p> .lx-step { 772 display: grid; 773 grid-template-columns: auto 1fr; 774 gap: 14px; 775 align-items: start; 776 padding: 16px; 777 border-radius: 12px; 778 background: rgba(255, 255, 255, .72); 779 border: 1px solid rgba(23, 32, 24, .1) 780 }</p> 781<p> .lx-step b { 782 display: grid; 783 width: 34px; 784 height: 34px; 785 place-items: center; 786 border-radius: 999px; 787 background: #172018; 788 color: #fff 789 }</p> 790<p> .lx-step span { 791 color: #4f5c50; 792 line-height: 1.5 793 }</p> 794<p> .lx-band { 795 background: #172018; 796 color: #fff 797 }</p> 798<p> .lx-band .lx-title, 799 .lx-band .lx-card h3 { 800 color: #fff 801 }</p> 802<p> .lx-band .lx-text, 803 .lx-band .lx-card p { 804 color: rgba(255, 255, 255, .74) 805 }</p> 806<p> .lx-band .lx-card { 807 background: rgba(255, 255, 255, .08); 808 border-color: rgba(255, 255, 255, .14); 809 box-shadow: none 810 }</p> 811<p> .lx-band .lx-card i { 812 background: #ff7e29; 813 color: #211407 814 }</p> 815<p> .lx-post-grid { 816 display: grid; 817 grid-template-columns: repeat(3, minmax(0, 1fr)); 818 gap: 18px; 819 margin-top: 28px 820 }</p> 821<p> .lx-post-grid.wide { 822 grid-template-columns: repeat(4, minmax(0, 1fr)) 823 }</p> 824<p> .lx-post { 825 overflow: hidden; 826 display: flex; 827 min-height: 100%; 828 flex-direction: column 829 }</p> 830<p> .lx-post img, 831 .lx-fallback { 832 width: 100%; 833 aspect-ratio: 16/10; 834 object-fit: cover; 835 background: #d9d9d9 836 }</p> 837<p> .lx-fallback { 838 display: block 839 }</p> 840<p> .lx-post-body { 841 display: flex; 842 flex: 1; 843 flex-direction: column; 844 padding: 18px 845 }</p> 846<p> .lx-meta { 847 display: flex; 848 flex-wrap: wrap; 849 gap: 8px; 850 margin-bottom: 12px; 851 color: #687267; 852 font-size: 12px; 853 font-weight: 800 854 }</p> 855<p> .lx-pill { 856 color: #211407; 857 background: #fff0d7; 858 border-radius: 999px; 859 padding: 5px 8px 860 }</p> 861<p> .lx-post h3 { 862 font-size: 19px 863 }</p> 864<p> .lx-post p { 865 font-size: 14px 866 }</p> 867<p> .lx-post .lx-read { 868 margin-top: auto; 869 padding-top: 18px; 870 color: #245b39; 871 font-weight: 950 872 }</p> 873<p> .lx-split-list { 874 display: grid; 875 grid-template-columns: repeat(2, minmax(0, 1fr)); 876 gap: 14px; 877 margin-top: 26px 878 }</p> 879<p> .lx-route { 880 display: block; 881 padding: 20px 882 }</p> 883<p> .lx-route:nth-child(2n) i { 884 background: #eaf1ff; 885 color: #396ed8 886 }</p> 887<p> .lx-route:nth-child(3n) i { 888 background: #ffe8e0; 889 color: #9a3826 890 }</p> 891<p> .lx-author { 892 display: grid; 893 grid-template-columns: 320px 1fr; 894 gap: 28px; 895 align-items: center; 896 padding: 18px 897 }</p> 898<p> .lx-author .lx-media { 899 height: 420px; 900 box-shadow: none 901 }</p> 902<p> .lx-author ul { 903 display: grid; 904 gap: 12px; 905 margin: 22px 0 0; 906 padding: 0; 907 list-style: none 908 }</p> 909<p> .lx-author li { 910 display: flex; 911 gap: 10px; 912 align-items: flex-start; 913 color: #4f5c50; 914 line-height: 1.5 915 }</p> 916<p> .lx-author li:before { 917 content: ""; 918 width: 9px; 919 height: 9px; 920 margin-top: 8px; 921 border-radius: 999px; 922 background: #ff7e29; 923 flex: 0 0 auto 924 }</p> 925<p> .lx-checks { 926 display: grid; 927 grid-template-columns: repeat(4, minmax(0, 1fr)); 928 gap: 12px; 929 margin-top: 28px 930 }</p> 931<p> .lx-check { 932 padding: 16px; 933 border-radius: 12px; 934 background: #fff; 935 border: 1px solid rgba(23, 32, 24, .11); 936 font-weight: 850; 937 color: #233026 938 }</p> 939<p> .lx-note { 940 padding: 24px; 941 border-radius: 18px; 942 background: #fff4d8; 943 border: 1px solid rgba(23, 32, 24, .12) 944 }</p> 945<p> .lx-note strong { 946 display: block; 947 font-size: 24px; 948 line-height: 1.1 949 }</p> 950<p> .lx-note p { 951 margin: 12px 0 0; 952 color: #5b665c; 953 line-height: 1.55 954 }</p> 955<p> .lx-final { 956 min-height: 70vh; 957 display: grid; 958 place-items: center; 959 text-align: center 960 }</p> 961<p> .lx-final .lx-text { 962 margin-left: auto; 963 margin-right: auto 964 }</p> 965<p> .is-loading .lx-post { 966 opacity: .72 967 }</p> 968<p> @media (max-width:980px) {</p> 969<p> .lx-grid, 970 .lx-author { 971 grid-template-columns: 1fr 972 }</p> 973<p> .lx-grid-3, 974 .lx-post-grid, 975 .lx-post-grid.wide, 976 .lx-checks { 977 grid-template-columns: repeat(2, minmax(0, 1fr)) 978 }</p> 979<p> .lx-author .lx-media { 980 height: auto 981 }</p> 982<p> .lx-media img { 983 min-height: 280px 984 } 985 }</p> 986<p> @media (max-width:620px) { 987 .lx-section { 988 padding: 44px 18px 989 }</p> 990<p> .lx-grid-3, 991 .lx-post-grid, 992 .lx-post-grid.wide, 993 .lx-split-list, 994 .lx-checks { 995 grid-template-columns: 1fr 996 }</p> 997<p> .lx-title { 998 font-size: clamp(34px, 11vw, 46px) 999 }</p> 1000<p> .lx-card,
1001 .lx-route { 1002 padding: 18px 1003 }</p> 1004<p> .lx-author { 1005 padding: 12px 1006 }</p> 1007<p> .lx-actions { 1008 display: grid 1009 }</p> 1010<p> .lx-link { 1011 width: 100% 1012 }</p> 1013<p> .lx-media img { 1014 min-height: 230px 1015 }</p> 1016<p> .lx-post h3 { 1017 font-size: 18px 1018 } 1019 } 1020 .lectrics-home { 1021 position: relative 1022 }</p> 1023<p> .lectrics-home:before, 1024 .lectrics-home:after { 1025 content: ""; 1026 position: absolute; 1027 top: 0; 1028 bottom: 0; 1029 width: 5px; 1030 border-radius: 999px; 1031 pointer-events: none; 1032 z-index: 0; 1033 background: linear-gradient(180deg, rgba(255, 126, 41, .56), rgba(67, 148, 100, .38) 28%, rgba(57, 110, 216, .35) 52%, rgba(49, 168, 154, .32) 72%, rgba(138, 105, 220, .34)) 1034 }</p> 1035<p> .lectrics-home:before { 1036 left: max(22px, calc((100vw - 1180px)/2 - 38px)) 1037 }</p> 1038<p> .lectrics-home:after { 1039 right: max(22px, calc((100vw - 1180px)/2 - 38px)); 1040 opacity: .55 1041 }</p> 1042<p> .lx-section { 1043 z-index: 1 1044 }</p> 1045<p> .lx-section:after { 1046 content: ""; 1047 position: absolute; 1048 left: max(22px, calc((100vw - 1180px)/2 - 42px)); 1049 top: clamp(54px, 7vw, 92px); 1050 width: 14px; 1051 height: 14px; 1052 border-radius: 50%; 1053 background: #fffaf0; 1054 border: 4px solid var(--wire, #ff7e29); 1055 box-shadow: 0 0 0 8px color-mix(in srgb, var(--wire, #ff7e29) 16%, transparent); 1056 z-index: 0 1057 }</p> 1058<p> .lx-section:nth-child(3n):after { 1059 left: auto; 1060 right: max(22px, calc((100vw - 1180px)/2 - 42px)) 1061 }</p> 1062<p> .lx-cat-section { 1063 --wire: var(--cat, #ff7e29); 1064 background: linear-gradient(90deg, color-mix(in srgb, var(--cat, #ff7e29) 13%, transparent), transparent 34%), #fffaf0 1065 }</p> 1066<p> .lx-cat-head { 1067 display: grid; 1068 grid-template-columns: minmax(0, .82fr) minmax(360px, 1fr); 1069 gap: clamp(24px, 4vw, 54px); 1070 align-items: start 1071 }</p> 1072<p> .lx-cat-mark { 1073 display: inline-grid; 1074 width: 52px; 1075 height: 52px; 1076 place-items: center; 1077 margin-bottom: 18px; 1078 border-radius: 16px; 1079 background: var(--cat, #ff7e29); 1080 color: #211407; 1081 box-shadow: 0 16px 38px color-mix(in srgb, var(--cat, #ff7e29) 22%, transparent) 1082 }</p> 1083<p> .lx-cat-posts { 1084 display: grid; 1085 grid-template-columns: repeat(2, minmax(0, 1fr)); 1086 gap: 18px 1087 }</p> 1088<p> .lx-cat-section .lx-media { 1089 margin-top: 24px 1090 }</p> 1091<p> .lx-cat-section .lx-media img { 1092 min-height: 220px; 1093 max-height: 260px 1094 }</p> 1095<p> .lx-post.is-placeholder .lx-read { 1096 color: #687267 1097 }</p> 1098<p> .lx-media:after { 1099 content: ""; 1100 position: absolute; 1101 left: 0; 1102 right: 0; 1103 bottom: 0; 1104 height: 6px; 1105 background: linear-gradient(90deg, #ff7e29 0 28%, #439464 28% 48%, #396ed8 48% 68%, #8a69dc 68% 100%) 1106 }</p> 1107<p> .lx-list { 1108 position: relative 1109 }</p> 1110<p> .lx-list:before { 1111 content: ""; 1112 position: absolute; 1113 left: 33px; 1114 top: 22px; 1115 bottom: 22px; 1116 width: 4px; 1117 border-radius: 999px; 1118 background: linear-gradient(#ff7e29, #439464, #396ed8); 1119 z-index: 0 1120 }</p> 1121<p> .lx-step { 1122 position: relative; 1123 z-index: 1 1124 }</p> 1125<p> @media (max-width:980px) { 1126 .lx-cat-head { 1127 grid-template-columns: 1fr 1128 }</p> 1129<p> .lx-cat-posts { 1130 grid-template-columns: repeat(2, minmax(0, 1fr)) 1131 } 1132 }</p> 1133<p> @media (max-width:620px) { 1134 .lectrics-home:before { 1135 left: 9px 1136 }</p> 1137<p> .lectrics-home:after { 1138 display: none 1139 }</p> 1140<p> .lx-section:after { 1141 left: 4px !important; 1142 right: auto; 1143 top: 38px; 1144 width: 11px; 1145 height: 11px; 1146 border-width: 3px 1147 }</p> 1148<p> .lx-cat-posts { 1149 grid-template-columns: 1fr 1150 } 1151 } 1152 .lx-cat-news .lx-cat-board { 1153 display: grid; 1154 grid-template-columns: .82fr 1fr; 1155 gap: 18px; 1156 align-items: stretch 1157 }</p> 1158<p> .lx-cat-news .lx-media { 1159 margin: 0 1160 }</p> 1161<p> .lx-cat-news .lx-cat-posts { 1162 grid-template-columns: 1fr 1163 }</p> 1164<p> .lx-cat-workshop { 1165 background: linear-gradient(135deg, rgba(67, 148, 100, .18), rgba(255, 255, 255, .2)), #f3efe4 1166 }</p> 1167<p> .lx-cat-workshop .lx-cat-head { 1168 grid-template-columns: 1fr .72fr; 1169 align-items: center 1170 }</p> 1171<p> .lx-cat-workshop .lx-cat-posts { 1172 grid-template-columns: repeat(2, minmax(0, 1fr)) 1173 }</p> 1174<p> .lx-cat-panel, 1175 .lx-cat-note, 1176 .lx-cat-toolbox { 1177 padding: 26px; 1178 border: 1px solid color-mix(in srgb, var(--cat) 28%, rgba(23, 32, 24, .12)); 1179 border-radius: 18px; 1180 background: rgba(255, 255, 255, .72); 1181 box-shadow: 0 18px 44px rgba(78, 64, 34, .09) 1182 }</p> 1183<p> .lx-mini-steps { 1184 display: flex; 1185 flex-wrap: wrap; 1186 gap: 10px; 1187 margin-top: 22px 1188 }</p> 1189<p> .lx-mini-steps span { 1190 padding: 9px 12px; 1191 border-radius: 999px; 1192 background: color-mix(in srgb, var(--cat) 18%, #fff); 1193 font-weight: 900; 1194 color: #203326 1195 }</p> 1196<p> .lx-cat-money .lx-cat-strip { 1197 display: grid; 1198 grid-template-columns: auto minmax(220px, .8fr) minmax(260px, 1fr); 1199 gap: 22px; 1200 align-items: center; 1201 margin-bottom: 24px 1202 }</p> 1203<p> .lx-cat-money .lx-cat-mark { 1204 margin: 0 1205 }</p> 1206<p> .lx-cat-money .lx-cat-strip p:last-child { 1207 margin: 0; 1208 color: #526054; 1209 line-height: 1.55 1210 }</p> 1211<p> .lx-cat-money .lx-cat-posts { 1212 grid-template-columns: 1.1fr .9fr 1213 }</p> 1214<p> .lx-cat-health .lx-cat-head { 1215 grid-template-columns: .72fr 1fr; 1216 align-items: center 1217 }</p> 1218<p> .lx-cat-health .lx-cat-posts { 1219 grid-template-columns: 1fr; 1220 gap: 14px 1221 }</p> 1222<p> .lx-cat-health ul { 1223 display: grid; 1224 gap: 10px; 1225 margin: 20px 0 0; 1226 padding: 0; 1227 list-style: none 1228 }</p> 1229<p> .lx-cat-health li { 1230 padding-left: 18px; 1231 position: relative; 1232 color: #4f5c50 1233 }</p> 1234<p> .lx-cat-health li:before { 1235 content: ""; 1236 position: absolute; 1237 left: 0; 1238 top: .55em; 1239 width: 8px; 1240 height: 8px; 1241 border-radius: 50%; 1242 background: var(--cat) 1243 }</p> 1244<p> .lx-cat-travel .lx-cat-head { 1245 grid-template-columns: minmax(320px, .9fr) minmax(0, 1fr); 1246 align-items: center 1247 }</p> 1248<p> .lx-cat-travel .lx-media { 1249 margin: 0 1250 }</p> 1251<p> .lx-cat-travel .lx-media img { 1252 min-height: 420px; 1253 max-height: 520px 1254 }</p> 1255<p> .lx-cat-travel .lx-cat-posts { 1256 margin-top: 24px; 1257 grid-template-columns: repeat(2, minmax(0, 1fr)) 1258 }</p> 1259<p> .lx-cat-web .lx-cat-head { 1260 grid-template-columns: minmax(0, .76fr) minmax(420px, 1fr); 1261 align-items: stretch 1262 }</p> 1263<p> .lx-cat-web .lx-cat-posts { 1264 grid-template-columns: 1fr 1fr; 1265 align-content: start 1266 }</p> 1267<p> .lx-cat-toolbox { 1268 display: flex; 1269 flex-direction: column; 1270 align-items: flex-start 1271 }</p> 1272<p> .lx-cat-toolbox .lx-link { 1273 margin-top: auto 1274 }</p> 1275<p> @media (max-width:980px) {</p> 1276<p> .lx-cat-news .lx-cat-board, 1277 .lx-cat-workshop .lx-cat-head, 1278 .lx-cat-money .lx-cat-strip, 1279 .lx-cat-health .lx-cat-head, 1280 .lx-cat-travel .lx-cat-head, 1281 .lx-cat-web .lx-cat-head { 1282 grid-template-columns: 1fr 1283 }</p> 1284<p> .lx-cat-money .lx-cat-posts, 1285 .lx-cat-web .lx-cat-posts { 1286 grid-template-columns: repeat(2, minmax(0, 1fr)) 1287 }</p> 1288<p> .lx-cat-travel .lx-media img { 1289 min-height: 280px 1290 } 1291 }</p> 1292<p> @media (max-width:620px) {</p> 1293<p> .lx-cat-news .lx-cat-board, 1294 .lx-cat-workshop .lx-cat-posts, 1295 .lx-cat-money .lx-cat-posts, 1296 .lx-cat-travel .lx-cat-posts, 1297 .lx-cat-web .lx-cat-posts { 1298 grid-template-columns: 1fr 1299 }</p> 1300<p> .lx-cat-panel, 1301 .lx-cat-note, 1302 .lx-cat-toolbox { 1303 padding: 20px 1304 }</p> 1305<p> .lx-cat-money .lx-cat-strip { 1306 gap: 12px 1307 }</p> 1308<p> .lx-cat-travel .lx-media img { 1309 min-height: 240px 1310 } 1311 } 1312 html { 1313 scroll-padding-top: 0 1314 }</p> 1315<p> main { 1316 display: block 1317 }</p> 1318<p> #hero-lectrics, 1319 .lx-section { 1320 min-height: 100svh; 1321 max-height: 100svh 1322 }</p> 1323<p> #hero-lectrics { 1324 padding: 24px 1325 }</p> 1326<p> .hero-shell { 1327 gap: clamp(28px, 4vw, 64px) 1328 }</p> 1329<p> .hero-copy { 1330 gap: 18px 1331 }</p> 1332<p> .hero-map { 1333 min-height: min(600px, calc(100svh - 48px)) 1334 }</p> 1335<p> .hero-lede { 1336 line-height: 1.5 1337 }</p> 1338<p> .lectrics-home { 1339 overflow: visible; 1340 padding: clamp(28px, 6vh, 72px) 0 1341 }</p> 1342<p> .lx-section { 1343 display: grid; 1344 align-items: center; 1345 margin: 0 0 clamp(28px, 6vh, 72px); 1346 padding: clamp(22px, 4vh, 42px) clamp(18px, 4vw, 44px); 1347 overflow: visible 1348 }</p> 1349<p> .lx-section:last-child { 1350 margin-bottom: 0 1351 }</p> 1352<p> .lx-wrap { 1353 max-height: calc(100svh - clamp(44px, 8vh, 84px)); 1354 min-height: 0 1355 }</p> 1356<p> .lx-grid, 1357 .lx-cat-head { 1358 gap: clamp(18px, 3vw, 44px) 1359 }</p> 1360<p> .lx-title { 1361 font-size: clamp(38px, 5.4vw, 70px) 1362 }</p> 1363<p> .lx-title.small { 1364 font-size: clamp(32px, 4vw, 52px) 1365 }</p> 1366<p> .lx-text { 1367 margin-top: 16px; 1368 font-size: clamp(16px, 1.28vw, 19px); 1369 line-height: 1.58 1370 }</p> 1371<p> .lx-actions { 1372 margin-top: 24px 1373 }</p> 1374<p> .lx-link { 1375 min-height: 52px; 1376 padding: 0 21px 1377 }</p> 1378<p> .lx-card,
1379 .lx-route { 1380 padding: 20px; 1381 min-height: 0; 1382 border-radius: 12px 1383 }</p> 1384<p> .lx-card i, 1385 .lx-route i { 1386 width: 38px; 1387 height: 38px; 1388 margin-bottom: 15px; 1389 border-radius: 9px 1390 }</p> 1391<p> .lx-card h3, 1392 .lx-route h3 { 1393 font-size: clamp(20px, 1.65vw, 23px) 1394 }</p> 1395<p> .lx-card p, 1396 .lx-route p { 1397 margin-top: 10px; 1398 font-size: 15px; 1399 line-height: 1.46 1400 }</p> 1401<p> .lx-grid-3 { 1402 gap: 16px 1403 }</p> 1404<p> .lx-media { 1405 border-radius: 16px 1406 }</p> 1407<p> .lx-media img { 1408 min-height: 240px; 1409 max-height: 52vh 1410 }</p> 1411<p> .lx-list { 1412 gap: 9px; 1413 margin-top: 18px 1414 }</p> 1415<p> .lx-list:before { 1416 left: 27px 1417 }</p> 1418<p> .lx-step { 1419 gap: 13px; 1420 padding: 14px 1421 }</p> 1422<p> .lx-step b { 1423 width: 32px; 1424 height: 32px; 1425 font-size: 14px 1426 }</p> 1427<p> .lx-step span { 1428 font-size: 15px; 1429 line-height: 1.46 1430 }</p> 1431<p> .lx-cat-mark { 1432 width: 48px; 1433 height: 48px; 1434 margin-bottom: 14px; 1435 border-radius: 13px 1436 }</p> 1437<p> .lx-cat-panel, 1438 .lx-cat-note, 1439 .lx-cat-toolbox { 1440 padding: 22px; 1441 border-radius: 14px 1442 }</p> 1443<p> .lx-cat-section .lx-link, 1444 .lx-author .lx-link { 1445 margin-top: 18px 1446 }</p> 1447<p> .lx-mini-steps { 1448 margin-top: 14px 1449 }</p> 1450<p> .lx-cat-posts { 1451 gap: 12px 1452 }</p> 1453<p> .lx-cat-posts .lx-post { 1454 display: grid; 1455 grid-template-columns: 112px minmax(0, 1fr); 1456 min-height: 0 1457 }</p> 1458<p> .lx-cat-posts .lx-post img, 1459 .lx-cat-posts .lx-fallback { 1460 height: 100%; 1461 min-height: 118px; 1462 aspect-ratio: auto 1463 }</p> 1464<p> .lx-cat-news .lx-cat-board { 1465 gap: 12px 1466 }</p> 1467<p> .lx-cat-money .lx-cat-strip { 1468 gap: 14px; 1469 margin-bottom: 14px 1470 }</p> 1471<p> .lx-cat-money .lx-cat-copy p { 1472 margin: 0 0 16px; 1473 color: #526054; 1474 line-height: 1.55 1475 }</p> 1476<p> .lx-cat-money .lx-cat-copy .lx-link { 1477 margin-top: 0 1478 }</p> 1479<p> .lx-cat-section .lx-media { 1480 margin-top: 14px 1481 }</p> 1482<p> .lx-cat-section .lx-media img { 1483 min-height: 180px; 1484 max-height: 30vh 1485 }</p> 1486<p> .lx-cat-travel .lx-media img { 1487 min-height: 250px; 1488 max-height: 54vh 1489 }</p> 1490<p> .lx-author { 1491 grid-template-columns: 260px 1fr; 1492 gap: 20px; 1493 padding: 14px 1494 }</p> 1495<p> .lx-author .lx-media { 1496 height: 44vh 1497 }</p> 1498<p> .lx-author ul { 1499 gap: 8px; 1500 margin-top: 14px 1501 }</p> 1502<p> .lx-author li { 1503 font-size: 14px; 1504 line-height: 1.35 1505 }</p> 1506<p> .lx-checks { 1507 gap: 10px; 1508 margin-top: 18px 1509 }</p> 1510<p> .lx-check { 1511 padding: 12px; 1512 text-align: center 1513 }</p> 1514<p> .lx-post-grid { 1515 gap: 14px; 1516 margin-top: 18px 1517 }</p> 1518<p> .lx-post-grid.wide { 1519 gap: 14px 1520 }</p> 1521<p> [data-post-range] .lx-post { 1522 display: flex; 1523 min-height: 0 1524 }</p> 1525<p> [data-post-range] .lx-post img, 1526 [data-post-range] .lx-fallback { 1527 height: auto; 1528 min-height: 0; 1529 aspect-ratio: 16/9 1530 }</p> 1531<p> .lx-post-body { 1532 padding: 11px; 1533 min-width: 0 1534 }</p> 1535<p> .lx-meta { 1536 gap: 6px; 1537 margin-bottom: 7px; 1538 font-size: 10px 1539 }</p> 1540<p> .lx-pill { 1541 padding: 3px 7px 1542 }</p> 1543<p> .lx-post h3 { 1544 font-size: clamp(14px, 1.2vw, 17px); 1545 line-height: 1.15 1546 }</p> 1547<p> .lx-post h3 a { 1548 display: -webkit-box; 1549 -webkit-line-clamp: 2; 1550 -webkit-box-orient: vertical; 1551 overflow: hidden 1552 }</p> 1553<p> .lx-post p { 1554 margin-top: 7px; 1555 font-size: 12px; 1556 line-height: 1.35; 1557 display: -webkit-box; 1558 -webkit-line-clamp: 2; 1559 -webkit-box-orient: vertical; 1560 overflow: hidden 1561 }</p> 1562<p> .lx-post .lx-read { 1563 padding-top: 8px; 1564 font-size: 12px 1565 }</p> 1566<p> [data-post-range] .lx-post-body { 1567 padding: 14px 1568 }</p> 1569<p> [data-post-range] .lx-meta { 1570 margin-bottom: 8px; 1571 font-size: 10px 1572 }</p> 1573<p> [data-post-range] .lx-post h3 { 1574 font-size: clamp(15px, 1.35vw, 18px) 1575 }</p> 1576<p> [data-post-range] .lx-post p { 1577 -webkit-line-clamp: 2; 1578 margin-top: 7px; 1579 font-size: 12.5px 1580 }</p> 1581<p> [data-post-range] .lx-post .lx-read { 1582 padding-top: 8px 1583 }</p> 1584<p> .lectrics-home { 1585 padding: 0 1586 }</p> 1587<p> .lectrics-home:before, 1588 .lectrics-home:after, 1589 .lx-section:after { 1590 display: none 1591 }</p> 1592<p> .lx-section { 1593 margin: 0; 1594 border-top: 0; 1595 z-index: auto 1596 }</p> 1597<p> .lx-section+.lx-section { 1598 border-top: 1px solid rgba(23, 32, 24, .08) 1599 }</p> 1600<p> .lx-section>.lx-wrap { 1601 position: relative; 1602 z-index: 4 1603 }</p> 1604<p> .lx-section[aria-labelledby="articles-title"] .lx-post-grid { 1605 grid-template-columns: repeat(3, minmax(0, 1fr)); 1606 gap: 12px; 1607 margin-top: 14px 1608 }</p> 1609<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post { 1610 display: grid; 1611 grid-template-columns: 112px minmax(0, 1fr) 1612 }</p> 1613<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post img, 1614 .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-fallback { 1615 height: 100%; 1616 min-height: 142px; 1617 aspect-ratio: auto 1618 }</p> 1619<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post-body { 1620 padding: 12px 1621 }</p> 1622<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-meta { 1623 font-size: 9px 1624 }</p> 1625<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post h3 { 1626 font-size: clamp(15px, 1.22vw, 17px) 1627 }</p> 1628<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post p { 1629 font-size: 12px; 1630 line-height: 1.3 1631 }</p> 1632<p> .lx-cat-workshop .lx-cat-head, 1633 .lx-cat-web .lx-cat-head { 1634 align-items: stretch 1635 }</p> 1636<p> .lx-cat-workshop .lx-cat-posts, 1637 .lx-cat-web .lx-cat-posts { 1638 align-content: stretch; 1639 grid-auto-rows: 1fr; 1640 min-height: clamp(360px, 54vh, 430px) 1641 }</p> 1642<p> .lx-cat-workshop .lx-cat-posts .lx-post, 1643 .lx-cat-web .lx-cat-posts .lx-post { 1644 display: flex 1645 }</p> 1646<p> .lx-cat-workshop .lx-cat-posts .lx-post img, 1647 .lx-cat-workshop .lx-cat-posts .lx-fallback, 1648 .lx-cat-web .lx-cat-posts .lx-post img, 1649 .lx-cat-web .lx-cat-posts .lx-fallback { 1650 height: auto; 1651 min-height: 0; 1652 aspect-ratio: 16/9 1653 }</p> 1654<p> .lx-cat-workshop .lx-cat-posts .lx-post-body, 1655 .lx-cat-web .lx-cat-posts .lx-post-body { 1656 padding: 15px 1657 }</p> 1658<p> .lx-cat-workshop .lx-cat-panel, 1659 .lx-cat-web .lx-cat-toolbox { 1660 min-height: clamp(360px, 54vh, 430px) 1661 }</p> 1662<p> .lx-cat-health .lx-cat-posts { 1663 grid-template-columns: 1fr; 1664 grid-auto-rows: 1fr 1665 }</p> 1666<p> .lx-cat-health .lx-cat-posts .lx-post { 1667 grid-template-columns: 118px minmax(0, 1fr) 1668 }</p> 1669<p> .lx-cat-health .lx-cat-posts .lx-post img, 1670 .lx-cat-health .lx-cat-posts .lx-fallback { 1671 min-height: 100% 1672 }</p> 1673<p> .lx-cat-money .lx-cat-posts { 1674 grid-template-columns: repeat(2, minmax(0, 1fr)); 1675 align-items: stretch 1676 }</p> 1677<p> .lx-cat-money .lx-cat-posts .lx-post { 1678 display: flex 1679 }</p> 1680<p> .lx-cat-money .lx-cat-posts .lx-post img, 1681 .lx-cat-money .lx-cat-posts .lx-fallback { 1682 height: auto; 1683 min-height: 0; 1684 aspect-ratio: 16/8.5 1685 }</p> 1686<p> .lx-cat-money .lx-cat-posts .lx-post-body { 1687 padding: 16px 1688 }</p> 1689<p> .lx-cat-money .lx-cat-posts .lx-post h3 { 1690 font-size: clamp(17px, 1.45vw, 20px) 1691 }</p> 1692<p> .lx-cat-money .lx-cat-posts .lx-post p { 1693 font-size: 13px; 1694 line-height: 1.4 1695 }</p> 1696<p> .lx-wires { 1697 position: absolute; 1698 inset: 0; 1699 width: 100%; 1700 height: 100%; 1701 pointer-events: none; 1702 z-index: 3; 1703 overflow: visible 1704 }</p> 1705<p> .lx-wires path { 1706 fill: none; 1707 stroke-linecap: round; 1708 stroke-linejoin: round; 1709 stroke-width: 6; 1710 opacity: .72; 1711 filter: drop-shadow(0 5px 8px rgba(39, 32, 20, .08)) 1712 }</p> 1713<p> .lx-wires .w1 { 1714 stroke: #ff7e29; 1715 stroke-dasharray: 130 58 1716 }</p> 1717<p> .lx-wires .w2 { 1718 stroke: #439464; 1719 stroke-dasharray: 96 42 1720 }</p> 1721<p> .lx-wires .w3 { 1722 stroke: #396ed8; 1723 stroke-dasharray: 160 70 1724 }</p> 1725<p> .lx-wires .w4 { 1726 stroke: #8a69dc; 1727 stroke-dasharray: 118 54 1728 }</p> 1729<p> @media (max-width:1120px) { 1730 #hero-lectrics { 1731 max-height: none 1732 }</p> 1733<p> .hero-map { 1734 min-height: 52vh 1735 } 1736 }</p> 1737<p> @media (max-width:980px) {</p> 1738<p> #hero-lectrics, 1739 .lx-section { 1740 max-height: none 1741 }</p> 1742<p> .lx-section { 1743 min-height: auto; 1744 margin-bottom: 34px 1745 }</p> 1746<p> .lx-wrap { 1747 max-height: none 1748 }</p> 1749<p> .lx-media img { 1750 max-height: none 1751 }</p> 1752<p> .lx-author { 1753 grid-template-columns: 1fr 1754 }</p> 1755<p> .lx-author .lx-media { 1756 height: auto 1757 } 1758 }</p> 1759<p> @media (max-width:620px) { 1760 #hero-lectrics { 1761 min-height: 100svh; 1762 max-height: 100svh; 1763 place-items: center; 1764 padding: 18px 1765 }</p> 1766<p> .hero-map { 1767 display: none 1768 }</p> 1769<p> .lectrics-home { 1770 padding: 0 1771 }</p> 1772<p> .lx-section { 1773 padding: 34px 18px; 1774 margin-bottom: 0 1775 }</p> 1776<p> .lx-wires { 1777 display: none 1778 }</p> 1779<p> .lx-title, 1780 .lx-title.small { 1781 font-size: clamp(32px, 10vw, 43px) 1782 }</p> 1783<p> .lx-text { 1784 font-size: 15px; 1785 line-height: 1.5 1786 }</p> 1787<p> .lx-grid-3, 1788 .lx-post-grid, 1789 .lx-post-grid.wide, 1790 .lx-split-list, 1791 .lx-checks { 1792 grid-template-columns: 1fr 1fr 1793 }</p> 1794<p> .lx-card,
1795 .lx-route { 1796 padding: 14px 1797 }</p> 1798<p> .lx-card p, 1799 .lx-route p { 1800 font-size: 13px 1801 }</p> 1802<p> .lx-cat-posts, 1803 .lx-cat-news .lx-cat-board, 1804 .lx-cat-workshop .lx-cat-posts, 1805 .lx-cat-money .lx-cat-posts, 1806 .lx-cat-travel .lx-cat-posts, 1807 .lx-cat-web .lx-cat-posts { 1808 grid-template-columns: 1fr 1809 }</p> 1810<p> .lx-cat-posts .lx-post { 1811 grid-template-columns: 78px minmax(0, 1fr) 1812 }</p> 1813<p> .lx-cat-posts .lx-post img, 1814 .lx-cat-posts .lx-fallback { 1815 min-height: 106px 1816 }</p> 1817<p> .lx-section[aria-labelledby="articles-title"] .lx-post-grid { 1818 grid-template-columns: 1fr 1819 }</p> 1820<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post { 1821 grid-template-columns: 82px minmax(0, 1fr) 1822 }</p> 1823<p> .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-post img, 1824 .lx-section[aria-labelledby="articles-title"] [data-post-range] .lx-fallback { 1825 min-height: 104px 1826 }</p> 1827<p> .lx-cat-workshop .lx-cat-posts, 1828 .lx-cat-web .lx-cat-posts, 1829 .lx-cat-workshop .lx-cat-panel, 1830 .lx-cat-web .lx-cat-toolbox { 1831 min-height: 0 1832 }</p> 1833<p> .lx-cat-workshop .lx-cat-posts .lx-post, 1834 .lx-cat-web .lx-cat-posts .lx-post { 1835 display: grid; 1836 grid-template-columns: 78px minmax(0, 1fr) 1837 }</p> 1838<p> .lx-cat-workshop .lx-cat-posts .lx-post img, 1839 .lx-cat-workshop .lx-cat-posts .lx-fallback, 1840 .lx-cat-web .lx-cat-posts .lx-post img, 1841 .lx-cat-web .lx-cat-posts .lx-fallback { 1842 height: 100%; 1843 min-height: 106px; 1844 aspect-ratio: auto 1845 }</p> 1846<p> .lx-cat-health .lx-cat-posts .lx-post { 1847 grid-template-columns: 78px minmax(0, 1fr) 1848 }</p> 1849<p> .lx-cat-money .lx-cat-posts .lx-post { 1850 display: grid; 1851 grid-template-columns: 78px minmax(0, 1fr) 1852 }</p> 1853<p> .lx-cat-money .lx-cat-posts .lx-post img, 1854 .lx-cat-money .lx-cat-posts .lx-fallback { 1855 height: 100%; 1856 min-height: 106px; 1857 aspect-ratio: auto 1858 }</p> 1859<p> [data-post-range] .lx-post { 1860 display: grid; 1861 grid-template-columns: 82px minmax(0, 1fr) 1862 }</p> 1863<p> [data-post-range] .lx-post img, 1864 [data-post-range] .lx-fallback { 1865 height: 100%; 1866 min-height: 104px; 1867 aspect-ratio: auto 1868 }</p> 1869<p> .lx-meta span:nth-child(3) { 1870 display: none 1871 } 1872 } 1873 </style> 1874<p>
1874<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js" defer></script>
1874</p> 1875<p> <main></p> 1876<section aria-label="Lectrics Magazine - Média bricolage" id="hero-lectrics"> 1877<div class="hero-shell"> 1878<div class="hero-copy"> 1879<h1>Lectrics</h1> 1880<p class="hero-subtitle">Un fil clair entre <span>électricité</span>, rénovation et décisions du quotidien. 1881 </p> 1882<p class="hero-lede">Le site relie les bons gestes de bricolage aux sujets qui les entourent : actualité,<br /> 1883 budget, santé, voyages et web. Chaque catégorie devient une ligne utile, jamais un détour.</p> 1884<div class="hero-actions"> 1885 <a class="hero-btn primary" href="https://www.lectrics.fr/comparateur-dequipements-electromobiles/">Comparer<br /> 1886 les équipements</a><br /> 1887 <a class="hero-btn secondary" href="https://www.lectrics.fr/contact/">Poser une question</a> 1888 </div> 1889<nav class="hero-cats" aria-label="Catégories Lectrics"> 1890 <a href="https://www.lectrics.fr/category/actualite/"><b>Actualité</b><span>Tendances et repères</span></a><br /> 1891 <a href="https://www.lectrics.fr/category/bricolage/"><b>Bricolage</b><span>Guides et tutoriels</span></a><br /> 1892 <a href="https://www.lectrics.fr/category/finance/"><b>Finance</b><span>Budget travaux</span></a><br /> 1893 <a href="https://www.lectrics.fr/category/sante/"><b>Santé</b><span>Sécurité maison</span></a><br /> 1894 <a href="https://www.lectrics.fr/category/voyages/"><b>Voyages</b><span>Habitats inspirants</span></a><br /> 1895 <a href="https://www.lectrics.fr/category/web/"><b>Web</b><span>Outils pratiques</span></a><br /> 1896 </nav> 1897</p></div> 1898<div class="hero-map" aria-hidden="true"> 1899 <span class="map-note">Le fil conducteur Lectrics</span><br /> 1900 <span class="wire w-actualite"></span><br /> 1901 <span class="wire w-bricolage"></span><br /> 1902 <span class="wire w-finance"></span><br /> 1903 <span class="wire w-sante"></span><br /> 1904 <span class="wire w-voyages"></span><br /> 1905 <span class="wire w-web"></span></p> 1906<div class="hub"> 1907<div><strong>Bricolage & électricité</strong><span>Le point de départ de chaque guide.</span></div> 1908</p></div> 1909<div class="node n-actualite"><b>Actualité</b><span>Ce qui change dans la maison, les usages et les<br /> 1910 normes.</span></div> 1911<div class="node n-bricolage"><b>Bricolage</b><span>Outils, gestes, tutoriels et diagnostics simples.</span> 1912 </div> 1913<div class="node n-finance"><b>Finance</b><span>Budgets, arbitrages et choix avant travaux.</span></div> 1914<div class="node n-sante"><b>Santé</b><span>Sécurité, prévention et confort sur chantier.</span></div> 1915<div class="node n-voyages"><b>Voyages</b><span>Habitats, lieux et inspirations à adapter chez soi.</span> 1916 </div> 1917<div class="node n-web"><b>Web</b><span>Applications et ressources pour mieux organiser.</span></div> 1918<figure class="photo-strip"> 1919 <img decoding="async" 1920 src="https://images.pexels.com/photos/257736/pexels-photo-257736.jpeg?auto=compress&cs=tinysrgb&w=700" 1921 alt=""><br /> 1922 </figure> 1923</p></div> 1924</p></div> 1925</section> 1926<div class="lectrics-home" id="suite-lectrics"> 1927 <svg class="lx-wires" viewBox="0 0 1200 5200" preserveAspectRatio="none" aria-hidden="true"> 1928 <path class="w1" 1929 d="M82 10 C42 310 190 520 96 820 S120 1330 74 1660 C36 2020 172 2230 106 2570 S56 3190 136 3490 C218 3800 52 4210 112 5190"> 1930 </path> 1931 <path class="w2" 1932 d="M1118 0 C1168 280 1010 510 1116 770 C1208 1000 1038 1240 1094 1510 C1162 1838 1046 2110 1132 2410 S1052 2990 1118 3290 C1182 3590 1006 3890 1094 4210 C1160 4450 1084 4770 1130 5200"> 1933 </path> 1934 <path class="w3" 1935 d="M548 0 C618 250 504 500 578 770 C652 1020 518 1210 602 1450 C682 1698 546 1942 628 2210 C708 2468 536 2742 612 3048 C690 3366 534 3642 594 3960 C650 4278 520 4684 586 5200"> 1936 </path> 1937 <path class="w4" 1938 d="M922 0 C822 250 986 520 884 792 C778 1072 948 1318 862 1580 C752 1912 942 2184 824 2472 C718 2730 884 3030 792 3298 C690 3592 852 3896 760 4186 C668 4480 818 4836 726 5200"> 1939 </path> 1940 </svg></p> 1941<section class="lx-section" aria-labelledby="boussole-title"> 1942<div class="lx-wrap lx-grid"> 1943<div> 1944<p class="lx-eyebrow">Maison pratique</p> 1945<h2 class="lx-title" id="boussole-title">Préparer, réparer, choisir</h2> 1946<p class="lx-text">Lectrics aide à avancer sans se perdre dans les devis, les normes, les outils et les<br /> 1947 petits problèmes de maison. Lâélectricité reste le point de départ, avec des réponses simples pour agir au<br /> 1948 bon moment.</p> 1949<div class="lx-actions"> 1950 <a class="lx-link" href="https://www.lectrics.fr/category/bricolage/"><i data-lucide="wrench"></i><br /> 1951 Bricolage</a><br /> 1952 <a class="lx-link alt" href="https://www.lectrics.fr/comparateur-dequipements-electromobiles/"><i 1953 data-lucide="zap"></i> Comparateur</a> 1954 </div> 1955</p></div> 1956<div class="lx-grid-3"> 1957<article class="lx-card"><i data-lucide="plug"></i></p> 1958<h3>Installer sans improviser</h3> 1959<p>Prises, luminaires, câbles visibles et petits dépannages demandent des gestes nets.</p> 1960</article> 1961<article class="lx-card"><i data-lucide="wallet"></i></p> 1962<h3>Prévoir le coût réel</h3> 1963<p>Un achat utile commence par un budget lisible, avec une marge pour les surprises.</p> 1964</article> 1965<article class="lx-card"><i data-lucide="shield-check"></i></p> 1966<h3>Ãviter les risques</h3> 1967<p>Avant de percer, couper, poncer ou brancher, quelques contrôles changent tout.</p> 1968</article></div> 1969</p></div> 1970</section> 1971<section class="lx-section" aria-labelledby="geste-title"> 1972<div class="lx-wrap lx-grid"> 1973<figure class="lx-media"><img decoding="async" 1974 src="https://images.pexels.com/photos/1249611/pexels-photo-1249611.jpeg?auto=compress&cs=tinysrgb&w=1200" 1975 alt="Outils rangés sur un établi avant une réparation"></figure> 1976<div> 1977<p class="lx-eyebrow">Avant de commencer</p> 1978<h2 class="lx-title small" id="geste-title">Le bon geste avant lâoutil</h2> 1979<p class="lx-text">Un dépannage propre commence souvent par trois minutes de vérification : couper<br /> 1980 lâalimentation, identifier le matériau, mesurer deux fois, puis choisir lâoutil adapté.</p> 1981<div class="lx-list"> 1982<div class="lx-step"><b>1</b><span>Repérer ce qui chauffe, vibre, fuit, coince ou consomme trop.</span> 1983 </div> 1984<div class="lx-step"><b>2</b><span>Photographier lâexistant avant de démonter une prise, une poignée ou un<br />
1985 cache.</span></div> 1986<div class="lx-step"><b>3</b><span>Reporter lâintervention si le doute touche au gaz, au tableau ou à <br /> 1987 lâhumidité.</span></div> 1988</p></div> 1989</p></div> 1990</p></div> 1991</section> 1992<section class="lx-section" aria-labelledby="diagnostic-title"> 1993<div class="lx-wrap"> 1994<p class="lx-eyebrow">Diagnostic maison</p> 1995<h2 class="lx-title small" id="diagnostic-title">Les signaux à prendre au sérieux</h2> 1996<p class="lx-text">Certains détails annoncent une panne, une surconsommation ou un chantier plus large. Les<br /> 1997 reconnaître tôt évite souvent une réparation chère.</p> 1998<div class="lx-grid-3"> 1999<article class="lx-card"><i data-lucide="thermometer-sun"></i></p> 2000<h3>Prise tiède</h3> 2001<p>Un point chaud peut venir dâun serrage fatigué ou dâun appareil trop gourmand.</p> 2002</article> 2003<article class="lx-card"><i data-lucide="droplets"></i></p> 2004<h3>Trace dâhumidité</h3> 2005<p>Avant de repeindre, il faut comprendre si lâeau vient dâune fuite ou de la ventilation.</p> 2006</article> 2007<article class="lx-card"><i data-lucide="gauge"></i></p> 2008<h3>Facture qui grimpe</h3> 2009<p>Chauffage, ballon dâeau chaude et veilles méritent un contrôle simple.</p> 2010</article></div> 2011</p></div> 2012</section> 2013<section class="lx-section lx-cat-section lx-cat-news" style="--cat:#f0a91f" 2014 aria-labelledby="cat-actualite-title"></p> 2015<div class="lx-wrap lx-cat-head"> 2016<div class="lx-cat-editorial"><span class="lx-cat-mark"><i data-lucide="newspaper"></i></span></p> 2017<p class="lx-eyebrow">Actualité</p> 2018<h2 class="lx-title small" id="cat-actualite-title">Ce qui change pour la maison</h2> 2019<p class="lx-text">Normes, énergie, sécurité, usages numériques : les sujets à suivre quand ils peuvent<br /> 2020 modifier un achat, une réparation ou une habitude chez soi.</p> 2021<p> <a class="lx-link alt" href="https://www.lectrics.fr/category/actualite/"><i data-lucide="external-link"></i> Suivre les nouveautés</a> 2022 </div> 2023<div class="lx-cat-board"> 2024<figure class="lx-media"><img decoding="async" 2025 src="https://images.pexels.com/photos/8296978/pexels-photo-8296978.jpeg?auto=compress&cs=tinysrgb&w=900" 2026 alt="Documents, crayon et échantillons pour préparer une décision maison"></figure> 2027<div class="lx-cat-posts is-loading" data-category-section="actualite" aria-live="polite"></div> 2028</p></div> 2029</p></div> 2030</section> 2031<section class="lx-section lx-cat-section lx-cat-workshop" style="--cat:#439464" 2032 aria-labelledby="cat-bricolage-title"></p> 2033<div class="lx-wrap lx-cat-head"> 2034<div class="lx-cat-posts is-loading" data-category-section="bricolage" aria-live="polite"></div> 2035<div class="lx-cat-panel"><span class="lx-cat-mark"><i data-lucide="wrench"></i></span></p> 2036<p class="lx-eyebrow">Bricolage</p> 2037<h2 class="lx-title small" id="cat-bricolage-title">Réparer, poser, entretenir</h2> 2038<p class="lx-text">Des gestes utiles avant de sortir la perceuse : couper lâalimentation, choisir le bon<br /> 2039 foret, protéger le support et savoir quand appeler un pro.</p> 2040<div class="lx-mini-steps"><span>Couper</span><span>Mesurer</span><span>Tester</span></div> 2041<p> <a class="lx-link alt" href="https://www.lectrics.fr/category/bricolage/"><i data-lucide="external-link"></i> Lire les guides bricolage</a> 2042 </div> 2043</p></div> 2044</section> 2045<section class="lx-section lx-cat-section lx-cat-money" style="--cat:#396ed8" aria-labelledby="cat-finance-title"> 2046<div class="lx-wrap"> 2047<div class="lx-cat-strip"><span class="lx-cat-mark"><i data-lucide="calculator"></i></span></p> 2048<div> 2049<p class="lx-eyebrow">Finance</p> 2050<h2 class="lx-title small" id="cat-finance-title">Prix, aides et devis travaux</h2> 2051</p></div> 2052<div class="lx-cat-copy"> 2053<p>Avant de commander ou de signer, comparer un coût, repérer une dépense cachée et prévoir une marge<br /> 2054 réaliste.</p> 2055<p> <a class="lx-link alt" href="https://www.lectrics.fr/category/finance/"><i data-lucide="external-link"></i> Préparer son budget</a> 2056 </div> 2057</p></div> 2058<div class="lx-cat-posts is-loading" data-category-section="finance" aria-live="polite"></div> 2059</p></div> 2060</section> 2061<section class="lx-section lx-cat-section lx-cat-health" style="--cat:#ff7757" aria-labelledby="cat-sante-title"> 2062<div class="lx-wrap lx-cat-head"> 2063<div class="lx-cat-note"><span class="lx-cat-mark"><i data-lucide="heart-pulse"></i></span></p> 2064<p class="lx-eyebrow">Santé</p> 2065<h2 class="lx-title small" id="cat-sante-title">Sécurité, air, confort</h2> 2066<p class="lx-text">Le logement touche aussi au corps : poussière, douleur, ventilation, gestes de prévention<br /> 2067 et choix qui rendent le quotidien moins pénible.</p> 2068<ul> 2069<li>Prévenir avant de bricoler.</li> 2070<li>Repérer ce qui doit alerter.</li> 2071</ul> 2072<p> <a class="lx-link alt" href="https://www.lectrics.fr/category/sante/"><i data-lucide="external-link"></i> Protéger son quotidien</a> 2073 </div> 2074<div class="lx-cat-posts is-loading" data-category-section="sante" aria-live="polite"></div> 2075</p></div> 2076</section> 2077<section class="lx-section lx-cat-section lx-cat-travel" style="--cat:#31a89a" 2078 aria-labelledby="cat-voyages-title"></p> 2079<div class="lx-wrap lx-cat-head"> 2080<figure class="lx-media"><img decoding="async" 2081 src="https://images.pexels.com/photos/6585767/pexels-photo-6585767.jpeg?auto=compress&cs=tinysrgb&w=900" 2082 alt="Intérieur rénové avec lumière naturelle et matériaux sobres"></figure> 2083<div><span class="lx-cat-mark"><i data-lucide="map"></i></span></p> 2084<p class="lx-eyebrow">Voyages</p> 2085<h2 class="lx-title small" id="cat-voyages-title">Idées repérées ailleurs</h2> 2086<p class="lx-text">Un lieu bien rénové, une chambre dâhôtel ou un intérieur compact peut donner une idée<br /> 2087 simple à reprendre : lumière, rangement, matériaux ou circulation.</p> 2088<p> <a class="lx-link alt" href="https://www.lectrics.fr/category/voyages/"><i data-lucide="external-link"></i> Trouver lâinspiration</a></p> 2089<div class="lx-cat-posts is-loading" data-category-section="voyages" aria-l
2089ive="polite"></div> 2090</p></div> 2091</p></div> 2092</section> 2093<section class="lx-section lx-cat-section lx-cat-web" style="--cat:#8a69dc" aria-labelledby="cat-web-title"> 2094<div class="lx-wrap lx-cat-head"> 2095<div class="lx-cat-toolbox"><span class="lx-cat-mark"><i data-lucide="monitor-check"></i></span></p> 2096<p class="lx-eyebrow">Web</p> 2097<h2 class="lx-title small" id="cat-web-title">Outils pour comparer et prévoir</h2> 2098<p class="lx-text">Services en ligne, applis, simulateurs et plateformes utiles avant dâacheter, de suivre<br /> 2099 une commande ou dâorganiser un projet.</p> 2100<p><a class="lx-link" 2101 href="https://www.lectrics.fr/category/web/"><i data-lucide="external-link"></i> Découvrir les outils</a> 2102 </div> 2103<div class="lx-cat-posts is-loading" data-category-section="web" aria-live="polite"></div> 2104</p></div> 2105</section> 2106<section class="lx-section" aria-labelledby="methodes-title"> 2107<div class="lx-wrap lx-grid"> 2108<div> 2109<p class="lx-eyebrow">Méthode</p> 2110<h2 class="lx-title small" id="methodes-title">Mesurer avant dâacheter</h2> 2111<p class="lx-text">La bonne référence nâest pas toujours celle qui arrive en premier. Relever les<br /> 2112 dimensions, lâusage, la fréquence et la contrainte électrique permet dâéviter les retours inutiles.</p> 2113<div class="lx-checks"> 2114<div class="lx-check">Dimension</div> 2115<div class="lx-check">Puissance</div> 2116<div class="lx-check">Matériau</div> 2117<div class="lx-check">Entretien</div> 2118</p></div> 2119</p></div> 2120<figure class="lx-media"><img decoding="async" 2121 src="https://images.pexels.com/photos/8488033/pexels-photo-8488033.jpeg?auto=compress&cs=tinysrgb&w=1200" 2122 alt="Main qui mesure un isolant avec un mètre ruban pendant une rénovation"></figure> 2123</p></div> 2124</section> 2125<section class="lx-section" aria-labelledby="parcours-title"> 2126<div class="lx-wrap"> 2127<p class="lx-eyebrow">Parcours de lecture</p> 2128<h2 class="lx-title small" id="parcours-title">Choisir selon le besoin du moment</h2> 2129<div class="lx-split-list"> 2130 <a class="lx-route" href="https://www.lectrics.fr/category/bricolage/"><i data-lucide="hammer"></i></p> 2131<h3>Réparer</h3> 2132<p>Comprendre la panne, préparer les outils et avancer étape par étape.</p> 2133<p> </a><br /> 2134 <a class="lx-route" href="https://www.lectrics.fr/category/finance/"><i data-lucide="coins"></i></p> 2135<h3>Prévoir</h3> 2136<p>Mettre un prix sur les travaux avant de sâengager.</p> 2137<p> </a><br /> 2138 <a class="lx-route" href="https://www.lectrics.fr/category/sante/"><i data-lucide="heart-pulse"></i></p> 2139<h3>Se protéger</h3> 2140<p>Limiter les risques physiques et garder un logement plus sain.</p> 2141<p> </a><br /> 2142 <a class="lx-route" href="https://www.lectrics.fr/category/web/"><i data-lucide="search-check"></i></p> 2143<h3>Vérifier</h3> 2144<p>Trouver lâoutil ou le service qui simplifie une décision.</p> 2145<p> </a> 2146 </div> 2147</p></div> 2148</section> 2149<section class="lx-section" aria-labelledby="auteur-title"> 2150<div class="lx-wrap lx-author"> 2151<figure class="lx-media"><img decoding="async" 2152 src="https://images.pexels.com/photos/5691622/pexels-photo-5691622.jpeg?auto=compress&cs=tinysrgb&w=1000" 2153 alt="Carnet, outil et échantillons sur une table de travail"></figure> 2154<div> 2155<p class="lx-eyebrow">Auteur</p> 2156<h2 class="lx-title small" id="auteur-title">Une voix de terrain</h2> 2157<p class="lx-text">Les articles Lectrics sont pensés pour les personnes qui veulent comprendre avant<br /> 2158 dâacheter, de démonter ou de demander un devis. Le ton reste direct : ce qui sert, ce qui coûte, ce qui<br /> 2159 doit alerter.</p> 2160<ul> 2161<li>Des explications courtes quand le sujet est simple.</li> 2162<li>Des mises en garde claires quand la sécurité passe avant le bricolage.</li> 2163<li>Des pistes de lecture pour continuer par le sujet le plus proche.</li> 2164</ul> 2165<p> <a class="lx-link alt" href="https://www.lectrics.fr/contact/"><i data-lucide="mail"></i> Contacter Lectrics</a> 2166 </div> 2167</p></div> 2168</section> 2169<section class="lx-section" aria-labelledby="articles-title"> 2170<div class="lx-wrap"> 2171<p class="lx-eyebrow">à lire maintenant</p> 2172<h2 class="lx-title small" id="articles-title">Les derniers articles Lectrics</h2> 2173<p class="lx-text">Les lectures les plus récentes pour repérer vite ce qui peut aider maintenant : santé, web,<br /> 2174 budget, habitat ou actualité maison.</p> 2175<div class="lx-post-grid is-loading" data-post-range="0:3" aria-live="polite"></div> 2176<div class="lx-post-grid is-loading" data-post-range="3:6" aria-l
2176ive="polite"></div> 2177<div class="lx-post-grid is-loading" data-post-range="6:9" aria-live="polite"></div> 2178</p></div> 2179</section></div> 2180<p> </main><br /> 2181
2181<script> 2182 const API = "https://www.lectrics.fr/wp-json/wp/v2/posts?_embed=1&per_page=50&orderby=date&order=desc"; 2183 const categoryConfig = { 2184 actualite: { name: "Actualité", link: "https://www.lectrics.fr/category/actualite/", fallbackTitle: "Bientôt un nouveau point maison", fallbackExcerpt: "Un prochain sujet suivra les changements utiles pour mieux décider chez soi." }, 2185 bricolage: { name: "Bricolage", link: "https://www.lectrics.fr/category/bricolage/", fallbackTitle: "Bientôt un nouveau guide bricolage", fallbackExcerpt: "Une fiche pratique prendra cette place avec les bons gestes, les outils et les précautions utiles." }, 2186 finance: { name: "Finance", link: "https://www.lectrics.fr/category/finance/", fallbackTitle: "Bientôt un nouveau repère budget", fallbackExcerpt: "Une prochaine lecture aidera à chiffrer un achat, un devis ou une dépense travaux." }, 2187 sante: { name: "Santé", link: "https://www.lectrics.fr/category/sante/", fallbackTitle: "Bientôt un nouveau conseil santé", fallbackExcerpt: "Un point clair aidera à repérer ce qui touche au confort, à lâair ou à la prévention." }, 2188 voyages: { name: "Voyages", link: "https://www.lectrics.fr/category/voyages/", fallbackTitle: "Bientôt une nouvelle idée habitat", fallbackExcerpt: "Une prochaine lecture montrera un lieu, un usage ou un détail à adapter chez soi." }, 2189 web: { name: "Web", link: "https://www.lectrics.fr/category/web/", fallbackTitle: "Bientôt un nouvel outil à tester", fallbackExcerpt: "Une fiche présentera un service en ligne utile avant dâacheter ou de comparer." }, 2190 lectures: { name: "Lectrics", link: "https://www.lectrics.fr/category/actualite/", fallbackTitle: "Un nouveau conseil arrive bientôt", fallbackExcerpt: "Une prochaine lecture aidera à trancher plus vite avant un achat, un soin ou une démarche." } 2191 };</p> 2192<p> const strip = (html = "") => { 2193 const doc = new DOMParser().parseFromString(html, "text/html"); 2194 return doc.body.textContent.replace(/\s+/g, " ").replace(/Lire la suite\s*$/i, "").trim(); 2195 };</p> 2196<p> const escapeHtml = (value = "") => value.replace(/[&<>"']/g, (char) => ({ 2197 "&": "&", 2198 "<": "<", 2199 ">": ">", 2200 "\"": """, 2201 "'": "'" 2202 })[char]);</p> 2203<p> const formatDate = (value) => new Intl.DateTimeFormat("fr-FR", { 2204 day: "2-digit", 2205 month: "short", 2206 year: "numeric" 2207 }).format(new Date(value));</p> 2208<p> const getTerms = (post) => post._embedded?.["wp:term"]?.[0] || []; 2209 const getCategory = (post) => getTerms(post)?.[0]?.name || "Lectrics"; 2210 const getAuthor = (post) => post.yoast_head_json?.author || (post._embedded?.author?.[0]?.name && post._embedded.author[0].code ? "" : post._embedded?.author?.[0]?.name) || "Leonie"; 2211 const getImage = (post) => { 2212 const media = post._embedded?.["wp:featuredmedia"]?.[0]; 2213 return media?.media_details?.sizes?.large?.source_url || 2214 media?.media_details?.sizes?.medium_large?.source_url || 2215 media?.media_details?.sizes?.full?.source_url || 2216 media?.source_url || 2217 post.yoast_head_json?.og_image?.[0]?.url || 2218 ""; 2219 };</p> 2220<p> const normalize = (post) => ({ 2221 id: post.id, 2222 title: strip(post.title?.rendered), 2223 link: post.link, 2224 date: post.date, 2225 category: getCategory(post), 2226 categorySlugs: getTerms(post).map((term) => term.slug), 2227 author: getAuthor(post), 2228 excerpt: strip(post.excerpt?.rendered).slice(0, 128), 2229 image: getImage(post) 2230 });</p> 2231<p> const renderPost = (post, displayCategory = post.category) => `</p> 2232<article class="lx-post${post.placeholder ? " is-placeholder" : ""}"> 2233 <a href="${post.link}" aria-label="${escapeHtml(post.title)}"> 2234 ${post.image ? `<img decoding="async" src="${post.image}" alt="">` : `</p> 2235<div class="lx-fallback" aria-hidden="true"></div> 2236<p>`} 2237 </a></p> 2238<div class="lx-post-body"> 2239<div class="lx-meta"><span class="lx-pill">${escapeHtml(displayCategory)}</span><span>${formatDate(post.date)}</span><span>${escapeHtml(post.author)}</span></div> 2240<h3><a href="${post.link}">${escapeHtml(post.title)}</a></h3> 2241<p>${escapeHtml(post.excerpt)}</p> 2242<p> <a class="lx-read" href="${post.link}">${post.placeholder ? "Explorer le sujet" : "Lire lâarticle"}</a> 2243 </div> 2244</article> 2245<p>`;</p> 2246<p> const makeFallback = (slug, index = 0) => { 2247 const config = categoryConfig[slug] || categoryConfig.lectures; 2248 return { 2249 id: `fallback-${slug}-${index}`, 2250 title: index ? `${config.fallbackTitle} ${index + 1}` : config.fallbackTitle, 2251 link: config.link, 2252 date: new Date().toISOString(), 2253 category: config.name, 2254 author: "Leonie", 2255 excerpt: config.fallbackExcerpt, 2256 image: "", 2257 placeholder: true 2258 }; 2259 };</p> 2260<p> const fillMissing = (posts, count, slug = "lectures") => { 2261 const list = [...posts]; 2262 let index = 0; 2263 while (list.length < count) { 2264 list.push(makeFallback(slug, index)); 2265 index += 1; 2266 } 2267 return list; 2268 }; 2269 2270 const takeCategoryPosts = (posts, slug, usedPostIds, count = 2) => { 2271 const selected = []; 2272 for (const post of posts) { 2273 if (selected.length >= count) break;
2274 if (usedPostIds.has(post.id)) continue; 2275 if (!post.categorySlugs.includes(slug)) continue; 2276 selected.push(post); 2277 usedPostIds.add(post.id); 2278 } 2279 return fillMissing(selected, count, slug); 2280 };</p> 2281<p> async function hydratePosts() { 2282 const response = await fetch(API, { credentials: "omit" }); 2283 if (!response.ok) throw new Error("posts"); 2284 const rawPosts = await response.json(); 2285 const seen = new Set(); 2286 const posts = rawPosts 2287 .filter((post) => { 2288 if (!post?.id || seen.has(post.id)) return false; 2289 seen.add(post.id); 2290 return true; 2291 }) 2292 .map(normalize); 2293 const usedPostIds = new Set(); 2294 const categoryOrder = ["actualite", "bricolage", "finance", "sante", "voyages", "web"]; 2295 for (const slug of categoryOrder) { 2296 const container = document.querySelector(`[data-category-section="${slug}"]`); 2297 if (!container) continue; 2298 const displayCategory = categoryConfig[slug]?.name || "Lectrics"; 2299 const count = slug === "sante" ? 3 : 2; 2300 container.innerHTML = takeCategoryPosts(posts, slug, usedPostIds, count).map((post) => renderPost(post, displayCategory)).join(""); 2301 container.classList.remove("is-loading"); 2302 } 2303 const latestPosts = posts.filter((post) => !usedPostIds.has(post.id)); 2304 const completePosts = fillMissing(latestPosts, 9, "lectures"); 2305 document.querySelectorAll("[data-post-range]").forEach((container) => { 2306 const [from, to] = container.dataset.postRange.split(":").map(Number); 2307 container.innerHTML = completePosts.slice(from, to).map((post) => renderPost(post)).join(""); 2308 container.classList.remove("is-loading"); 2309 }); 2310 }</p> 2311<p> hydratePosts().catch(() => { 2312 document.querySelectorAll("[data-category-section]").forEach((container) => { 2313 const slug = container.dataset.categorySection; 2314 container.innerHTML = fillMissing([], 2, slug).map((post) => renderPost(post)).join(""); 2315 container.classList.remove("is-loading"); 2316 }); 2317 document.querySelectorAll("[data-post-range]").forEach((container) => { 2318 const [from, to] = container.dataset.postRange.split(":").map(Number); 2319 container.innerHTML = fillMissing([], to - from, "lectures").map((post) => renderPost(post)).join(""); 2320 container.classList.remove("is-loading"); 2321 }); 2322 });</p> 2323<p> window.addEventListener("DOMContentLoaded", () => { 2324 if (window.lucide) window.lucide.createIcons(); 2325 }); 2326 </script>
2326</p> 2327 </div> 2328 2329 </div> 2330</article> 2331 </main> 2332 </div> 2333 2334 <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> 2335 <div class="inside-right-sidebar"> 2336 <aside id="block-2" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://www.lectrics.fr/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Rechercher</label><div class="wp-block-search__inside-wrapper" ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Rechercher" class="wp-block-search__button wp-element-button" type="submit" >Rechercher</button></div></form></aside><aside id="block-3" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts is-layout-flow wp-block-latest-posts-is-layout-flow"><li><a class="wp-block-latest-posts__post-title" href="https://www.lectrics.fr/maison-de-la-detection/">Maison de la Détection : un spécialiste du détecteur de métaux depuis 1978</a></li> 2337<li><a class="wp-block-latest-posts__post-title" href="https://www.lectrics.fr/boitier-fibre/">Boitier fibre : PTO, ONT ou box, lequel avez-vous vraiment chez vous ?</a></li> 2338<li><a class="wp-block-latest-posts__post-title" href="https://www.lectrics.fr/vasp-carte-grise/">Carte grise VASP : signification, cas concernés et démarches</a></li> 2339<li><a class="wp-block-latest-posts__post-title" href="https://www.lectrics.fr/calculateur-charge-guidelec/">Calculateur charge Guidelec : estimer le coût et vérifier la charge électrique</a></li> 2340<li><a class="wp-block-latest-posts__post-title" href="https://www.lectrics.fr/seminaire-hors-saison-pourquoi-la-logistique-de-salle-change-tout/">Séminaire hors saison : pourquoi la logistique de salle change tout</a></li> 2341</ul></div></div></aside><aside id="block-4" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Comments</h2><div class="no-comments wp-block-latest-comments">Aucun commentaire à afficher.</div></div></div></aside> </div> 2342</div> 2343 2344 </div> 2345</div> 2346 2347 2348<div class="site-footer footer-bar-active footer-bar-align-right"> 2349 <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> 2350 <div class="inside-site-info grid-container"> 2351 <div class="footer-bar"> 2352 <aside id="block-10" class="widget inner-padding widget_block widget_text"> 2353<p class="wp-block-paragraph"><a href="https://www.lectrics.fr/comparateur-dequipements-electromobiles/">Comparateur d'équipements électromobiles</a></p> 2354</aside> </div> 2355 <div class="copyright-bar"> 2356 <span class="copyright">© 2026 Letrics Info</span> • Construit avec <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div> 2357 </div> 2358 </footer> 2359 </div> 2360
2361<script type="speculationrules"> 2362{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2363</script>
vendor: 1 bytes, line 2363
2363
2364<script id="generate-a11y"> 2365!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}(); 2366</script>
2366 2367
2367<script data-category="functional"> 2368 </script>
2368 2369
2369<script id="fmh-intake-js" src="https://www.lectrics.fr/wp-content/plugins/ccform/includes/rendered-adapter.js?ver=fb1efa4bb021ba13"></script>
vendor: 1 bytes, line 2369
2369
2370<script id="generate-menu-js-before"> 2371var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Ouvrir le sous-menu","closeSubMenuLabel":"Fermer le sous-menu"}; 2372//# sourceURL=generate-menu-js-before 2373</script>
vendor: 1 bytes, line 2373
2373
2374<script id="generate-menu-js" src="https://www.lectrics.fr/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
vendor: 1 bytes, line 2374
2374
2375<script id="wp-emoji-settings" type="application/json"> 2376{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.lectrics.fr/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 2377</script>
vendor: 1 bytes, line 2377
2377
2378<script type="module"> 2379/*! This file is auto-generated */ 2380var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 2381//# sourceURL=https://www.lectrics.fr/wp-includes/js/wp-emoji-loader.min.js 2382</script>
2382 2383
2384<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"771f5342868647a7bbe826265671a606","r":1,"spa":2}' crossorigin="anonymous"></script>
2384 2385</body> 2386</html><!-- WP Fastest Cache file was created in 0.106 seconds, on October 2, 2026 @ 10:46 am --><!-- via php -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.