PageSourceSearch

https://www.lectrics.fr/

html lectrics.fr collected 2026-10-02 13:47:02 UTC 120,294 bytes, 2,386 lines download raw bytes

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&#039;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 &raquo; Flux" href="https://www.lectrics.fr/feed/" />
23<link rel="alternate" type="application/rss+xml" title="Letrics Info &raquo; 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&#038;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 &#038; é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&amp;cs=tinysrgb&amp;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&amp;cs=tinysrgb&amp;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&amp;cs=tinysrgb&amp;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&amp;cs=tinysrgb&amp;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&amp;cs=tinysrgb&amp;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&amp;cs=tinysrgb&amp;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      "&": "&amp;",
2198      "<": "&lt;",
2199      ">": "&gt;",
2200      "\"": "&quot;",
2201      "'": "&#039;"
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">&copy; 2026 Letrics Info</span> &bull; 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.