:root{--lg-rond:12px}
body{background-color:var(--lg-fond);background-image:linear-gradient(rgb(61 139 255/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(61 139 255/.045) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
.lg-rail{left:auto;right:0}
.lg-rail-fil{left:auto;right:31px}
.lg-rail-lueur{left:auto;right:29px}
.lg-rail ol{left:auto;right:0}
.lg-rail a,html[data-saison] .lg-rail a{left:auto;right:23px}
html[data-saison] .lg-rail a{right:21px}
html .lg-rail a::after{left:auto;right:30px;transform:translate(6px,-50%)}
html .lg-rail a:hover::after,html .lg-rail li.lg-actif a::after{transform:translate(0,-50%)}
@media (min-width:1025px){
  .lg-sec{padding:96px calc(var(--lg-marge) + var(--lg-rail)) 96px var(--lg-marge)}
  .lg-hero{padding:150px calc(var(--lg-marge) + var(--lg-rail)) 90px var(--lg-marge)}
}
.lg-nav ul{background:transparent;border:0;padding:0;gap:6px}
.lg-nav a{border-radius:8px;padding:9px 13px}
.lg-nav li.lg-actuel a{background:transparent;color:var(--lg-creme);box-shadow:inset 0 -2px 0 var(--lg-neon);border-radius:0}
.lg-bouton{border-radius:10px}
.lg-etiquette{border-radius:4px;background:rgb(61 139 255/.12);color:var(--lg-neon-clair);border:1px solid rgb(61 139 255/.3)}
.lg-etiquette.lg-sombre{background:rgb(61 139 255/.12);color:var(--lg-neon-clair)}
.lg-etiquette::before{background:var(--lg-neon)}
.lg-page-accueil .lg-hero-grille{grid-template-columns:minmax(0,1fr);gap:56px;justify-items:stretch}
.lg-page-accueil .lg-hero-grille>div:first-child{order:1;text-align:center;max-width:860px;margin:0 auto}
.lg-page-accueil .lg-hero-grille>.lg-branchement{order:2}
.lg-page-accueil .lg-hero-boutons{justify-content:center}
.lg-page-accueil .lg-hero-sous{margin-left:auto;margin-right:auto}
.lg-page-accueil .lg-h1{max-width:none}
.lg-branchement{border-radius:16px;padding:26px 30px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"tete choix" "prise compteurs" "barres compteurs" "pied pied";gap:10px 40px;align-items:center;box-shadow:0 30px 60px rgb(0 0 0/.35),inset 0 1px 0 rgb(255 255 255/.04)}
.lg-branchement-tete{grid-area:tete;margin:0}
.lg-branchement>svg.lg-prise{grid-area:prise;margin:0}
.lg-barres{grid-area:barres}
.lg-choix-reseau{grid-area:choix;margin:0;align-self:center;border-radius:10px}
.lg-choix-reseau button{border-radius:7px}
.lg-compteurs{grid-area:compteurs;margin:0;align-self:center}
.lg-branchement-pied{grid-area:pied;margin-top:8px;padding-top:14px;border-top:1px solid var(--lg-trait)}
.lg-reseau{border-top:1px solid var(--lg-trait);border-left:4px solid var(--lg-accent);border-radius:var(--lg-rond)}
.lg-fourche{display:none}
.lg-entete-section>div>.lg-h2{position:relative;padding-left:20px}
.lg-entete-section>div>.lg-h2::before{content:"";position:absolute;left:0;top:.14em;bottom:.14em;width:5px;border-radius:3px;background:var(--lg-neon);box-shadow:0 0 14px var(--lg-neon-ombre)}
.lg-statut-mini span,.lg-signal-etat{border-radius:6px}
.lg-reseau-compteurs div{border-radius:8px}
@media (max-width:760px){
  .lg-branchement{grid-template-columns:1fr;grid-template-areas:"tete" "prise" "barres" "choix" "compteurs" "pied";gap:14px}
}
.lg-joindre-messenger .lg-joindre-direct-ic{background:#0084ff;color:#fff;box-shadow:0 0 24px rgb(0 132 255/.45)}
.lg-joindre-messenger:hover{border-color:#0084ff}
.lg-joindre-portes{display:grid;gap:14px}
.lg-composeur-boutons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lg-bouton.lg-bouton-messenger{background:#0084ff;color:#fff;box-shadow:0 8px 30px rgb(0 132 255/.28)}
.lg-bouton.lg-bouton-messenger:hover{background:#3399ff;color:#fff}
@media (max-width:640px){.lg-composeur-boutons{grid-template-columns:1fr}}
.lg-prise .lg-fil-ombre{stroke:#1b2540}
.lg-prise .lg-wifi path{opacity:0;transition:opacity .35s}
.lg-branche .lg-prise .lg-wifi path:nth-child(1){opacity:1;transition-delay:1.5s}
.lg-branche .lg-prise .lg-wifi path:nth-child(2){opacity:1;transition-delay:1.75s}
.lg-branche .lg-prise .lg-wifi path:nth-child(3){opacity:1;transition-delay:2s}
.lg-prise .lg-routeur-led{transition:fill .3s 1.4s}
.lg-branche .lg-prise .lg-routeur-led{fill:var(--lg-neon)}
.lg-prise .lg-ecran{opacity:0;transition:opacity .5s 2.2s}
.lg-branche .lg-prise .lg-ecran{opacity:0}
.lg-prise .lg-ecran-lecture{opacity:0;transform-box:fill-box;transform-origin:center}
.lg-branche .lg-prise .lg-ecran-lecture{animation:lg-allume 1.1s cubic-bezier(.2,.8,.2,1) 2.3s forwards}
@keyframes lg-allume{0%{opacity:0;transform:scale(1,.01);filter:brightness(4)}25%{opacity:1;transform:scale(1,.01);filter:brightness(4)}55%{transform:scale(1,1);filter:brightness(1.8)}100%{opacity:1;transform:scale(1,1);filter:brightness(1)}}
.lg-prise .lg-ecran-lueur{opacity:0;transition:opacity .8s 2.9s}
.lg-branche .lg-prise .lg-ecran-lueur{opacity:1}
@media (prefers-reduced-motion:reduce){.lg-branche .lg-prise .lg-ecran-lecture{animation:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.lg-prise .lg-wifi path,.lg-prise .lg-ecran-lecture,.lg-prise .lg-ecran{transition:none}.lg-branche .lg-prise .lg-wifi path{opacity:1}}
.lg-flottant{right:22px;bottom:22px}
.lg-flottant.lg-flottant-messenger{bottom:74px;color:#8ec5ff;border-color:rgb(0 132 255/.45)}
.lg-flottant.lg-flottant-messenger:hover{color:#fff}
@media (max-width:1024px){.lg-flottant.lg-flottant-messenger{bottom:70px}}
.lg-appareils-rangee{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.lg-appareils-rangee{grid-template-columns:1fr}}
.lg-cfg-ctas{display:grid;gap:10px;margin-top:22px}
.lg-billet .lg-cfg-ctas{margin:0}
.lg-cfg-ctas .lg-cfg-cta{margin-top:0}
.lg-cfg-cta.lg-cfg-cta-messenger{background:#0084ff;color:#fff}
.lg-essai-ctas{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.lg-essai-ctas .lg-bouton,.lg-composeur-boutons .lg-bouton,.lg-cfg-ctas .lg-bouton{min-width:0;white-space:normal;text-align:center;padding-left:14px;padding-right:14px}
.lg-composeur-boutons{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.lg-composeur-boutons{grid-template-columns:minmax(0,1fr)}}
html[data-saison-bv] .lg-h1 em{color:var(--bv-saison)}
html[data-saison-bv] .lg-rail-lueur{background:var(--bv-saison);box-shadow:0 0 18px 2px color-mix(in srgb,var(--bv-saison) 45%,transparent)}
html[data-saison-bv] .lg-prise .lg-ecran{fill:var(--bv-saison)}
html[data-saison-bv] .lg-branche .lg-prise .lg-ecran{opacity:.12}
.lg-prise .bv-saison-glyphe circle.bv-fond{fill:#0b1220;fill-opacity:.75}
.lg-prise .bv-saison-glyphe{opacity:0;transition:opacity .5s 2.5s}
.lg-branche .lg-prise .bv-saison-glyphe{opacity:1}
.bv-lumieres{position:absolute;left:0;right:0;bottom:-7px;height:14px;display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;z-index:1}
.bv-lumieres i{width:8px;height:12px;border-radius:0 0 6px 6px;box-shadow:0 0 10px 2px currentColor;animation:bv-clignote 1.9s ease-in-out infinite}
@keyframes bv-clignote{0%,100%{opacity:1}50%{opacity:.35}}
.bv-fantomes{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden}
.bv-fantomes i{position:absolute;left:-70px;width:30px;opacity:.22;filter:blur(.4px);animation:bv-flotter linear infinite}
.bv-fantomes i:nth-child(1){top:18%;animation-duration:48s}
.bv-fantomes i:nth-child(2){top:62%;animation-duration:62s;animation-delay:-30s;width:24px}
.bv-fantomes i:nth-child(3){display:none}
.bv-fantomes svg{width:100%;height:auto;animation:bv-bob 2.6s ease-in-out infinite}
@keyframes bv-flotter{to{left:110%}}
@keyframes bv-bob{50%{transform:translateY(-12px)}}
.bv-feux{position:fixed;inset:0;pointer-events:none;z-index:60}
@media (prefers-reduced-motion:reduce){.bv-lumieres i,.bv-fantomes i,.bv-fantomes svg{animation:none}}
.lg-logo img{height:52px}
.lg-pied .lg-logo img{height:76px}
@media (max-width:1700px){.lg-statut-mini span:last-child{display:none}}
@media (max-width:1560px){.lg-statut-mini{display:none}}
@media (max-width:1024px){.lg-logo img{height:46px}}
@media (max-width:480px){.lg-logo img{height:40px}}
.lg-carte-pied{flex-wrap:wrap}
.lg-carte-renouveler.lg-carte-messenger{background:#0084ff;color:#fff}
:root{--lg-ok:#2fe08a}
.lg-temoin.ok,.lg-statut-carte[data-etat=ok] h3 i{background:var(--lg-ok);animation:bv-pulse-ok 2s infinite}
.lg-statut-carte[data-etat=ok] .lg-statut-mot,.lg-essai-note.lg-ok{color:var(--lg-ok)}
@keyframes bv-pulse-ok{0%{box-shadow:0 0 0 0 rgb(47 224 138/.55)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
