html.js{margin:0!important;padding:0!important}.pleyel-main
*{box-sizing:border-box;margin:0}.pleyel-main *:after{box-sizing:border-box}.pleyel-map{display:flex;position:relative;flex-direction:column;max-height:100vh;overflow:hidden;align-items:center;justify-content:center}.pleyel-map-focus{position:relative}.pleyel-mapcontent{position:relative;width:100%;z-index:1;max-width:100%;overflow:hidden}.pleyel-textwrapper{position:absolute;top:10%;right:0;background-color:#e6e6e6;z-index:1;width:350px}.pleyel-textwrapper
h2{font-size:16px;letter-spacing:0px}.pleyel-presentation{opacity:0;transition:opacity  .3s ease, padding .1s .3s;position:absolute;height:0}.pleyel-presentation
h2{letter-spacing:0px;color:black;font-weight:bold;margin-bottom:5px}.pleyel-presentation
p{letter-spacing:0px;font-size:16px;line-height:22px;color:black}.pleyel-presentation.visible.actif{opacity:1;transition:opacity  .5s .5s ease;height:auto;padding:20px
30px}.pleyel-canvawrapper{background-color:#fff;padding:30px;box-shadow:0px 0px 20px 10px rgba(0,0,0,0.1);position:absolute;bottom:0;left:0;text-align:center;z-index:5;width:500px;display:flex;align-items:center;justify-content:center;opacity:0}.pleyel-canvawrapper
canvas{height:170px !important}.pleyel-canvawrapper .acv
p{margin-bottom:20px;font-weight:700;font-size:20px}.pleyel-graph{opacity:0;transition:opacity  .3s ease;position:absolute;pointer-events:none}.pleyel-graph.visible{opacity:1;transition:opacity  .5s .5s ease;pointer-events:auto}.pleyel-graph.co2{display:flex;align-items:center;justify-content:center}.pleyel-graph.co2>p{margin:0
0 0 3px;font-size:24px;font-weight:700;width:29ch;color:black}.pleyel-graph.co2 > p
span{font-size:50px;margin-right:5px}#pleyel-graph-title{letter-spacing:0px;color:black;font-size:18px}.pleyel-lapcounter{height:65px;width:120px;background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%);border:1px
solid #B7B5B5;position:relative;display:flex;align-items:center;justify-content:center}.pleyel-lapcounter:after,.pleyel-lapcounter:before{content:'';position:absolute;top:0;height:100%;width: .3px;transform:translate3D(-50%, 0, 0);background-color:#b7b5b5}.pleyel-lapcounter:after{left:33%}.pleyel-lapcounter:before{left:66%}.pleyel-lap:after,.pleyel-lap:before{content:',';position:absolute;bottom:-5px;transform:translateX(-50%);z-index:1;color:#000}.pleyel-lap:before{left:33%;opacity:0}.pleyel-lap:after{left:66%}.pleyel-lap.batiment:after{opacity:0}.pleyel-lap.batiment:before{opacity:1}.pleyel-lapcounter
p{color:#f00040;letter-spacing:10px;font-weight:700;text-align:center;font-size:50px;position:relative;left:5px}.pleyel-bleubat.grey{filter:grayscale(1)}.pleyel-bleubat.grey + .pleyel-surbrillance
path{mix-blend-mode:normal;fill:rgba(255,255,255,0.5)}.pleyel-map__switchers{background:linear-gradient(0deg, rgba(82,20,69,1) 0%, rgba(1,30,70,1) 100%);color:#fff;display:inline-block;padding:30px
50px;position:absolute;top:0;left:0;z-index:5}.pleyel-map__switchers
h1{margin-bottom:20px;color:#fff;font-size:24px;letter-spacing:0px}.pleyel-map__switchers__radio{display:flex;justify-content:space-around}.pleyel-switchers{background-color:#fff;color:#001E46;border-radius:100px;margin:0
15px;position:relative;font-weight:700;line-height:24px}.pleyel-switchers
input{display:none}.pleyel-switchers
label{padding:12px
20px 8px;display:inline-block;border-radius:100px;cursor:pointer;z-index:1;position:relative;transition:color .5s ease;font-size:16px}.pleyel-switchers
label.checked{color:#fff}.pleyel-switchers input:first-of-type:checked~.pleyel-slider-typeswitch{left:0}.pleyel-switchers input:last-of-type:checked~.pleyel-slider-typeswitch{left:50%}.pleyel-switchers input:first-of-type:checked~.pleyel-slider-energieswitch{left:0}.pleyel-switchers input:last-of-type:checked~.pleyel-slider-energieswitch{left:50%}.pleyel-slider-typeswitch,.pleyel-slider-energieswitch{position:absolute;background-color:#F00041;width:50%;height:100%;top:0;border-radius:100px;transition:left .5s ease}.pleyel-dot{position:absolute;font-weight:700;text-transform:uppercase;font-size:16px;pointer-events:none;opacity:0;padding-left:10px;transition:transform .5s ease, filter .5s ease;cursor:pointer;filter:grayscale(1)}.pleyel-dot:hover:after{transform:translateY(-50%) scale(1.3)}.pleyel-dot.focus{filter:grayscale(0)}.pleyel-dot:after{content:'';position:absolute;height:24px;width:24px;border:8px
solid black;border-radius:50%;background-color:#fff;right:100%;top:50%;transition:.4s ease;transform:translateY(-50%)}.pleyel-dot.visible{opacity:1;pointer-events:auto}.pleyel-dot.dot--emptc{color:#875C9C;top:39%;left:43%}.dot--emptc:after{border-color:#875C9C}.pleyel-dot.dot--empvoiture{color:#00AFFF;top:29%;left:47%}.pleyel-dot.dot--empvoiture:after{border-color:#00AFFF}.pleyel-dot.dot--rtc{color:#F19126;top:19%;left:52%}.pleyel-dot.dot--rtc:after{border-color:#F19126}.pleyel-dot.dot--rvoiture{color:#DA5A73;top:49%;left:33%}.pleyel-dot.dot--rvoiture:after{border-color:#DA5A73}.pleyel-vehicule{transition:filter .5s ease}.pleyel-vehicule.fade{filter:grayscale(1)}.pleyel-pin{width:72px;height:72px;background-color:#fff;border:8px
solid black;position:absolute;border-radius:50%;padding:10px;cursor:pointer;transition: .5s ease;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.pleyel-pin:hover{transform:scale(1.2)}.pleyel-pin
p{text-transform:uppercase;font-weight:700;bottom:calc(100% + 15px);position:absolute;width:15ch;text-align:center;font-size:16px;line-height:20px;letter-spacing:0;font-weight:bold}.pleyel-pin
svg{transition:fill .5s ease}.pleyel-pin.visible.actif{pointer-events:auto}.pleyel-pin.focus
svg{fill:#fff}.pleyel-pin--set1,.pleyel-pin--set2,.pleyel-transports{opacity:0;transition:opacity .5s ease, transform .5s ease;pointer-events:none;cursor:pointer}.pleyel-pin--set1.visible.actif,.pleyel-pin--set2.visible.actif,.pleyel-transports.visible{opacity:1;pointer-events:auto}.pleyel-pin.pin--construction{border-color:#B10181;left:12%;top:32%;color:#B10181}.pleyel-pin.pin--construction
p{color:#B10181}.pleyel-pin.pin--exploitation{border-color:#F00041;left:41%;top:43%;color:#F00041}.pleyel-pin.pin--exploitation
p{color:#F00041}.pleyel-pin.pin--renovation{border-color:#00AFFF;left:53%;top:36%;color:#00AFFF}.pleyel-pin.pin--renovation
p{color:#00AFFF}.pleyel-pin.pin--deconstruction{border-color:rgba(77, 63, 185, 1);left:75%;top:53%;color:rgba(77, 63, 185, 1)}.pleyel-pin.pin--deconstruction
p{color:rgba(77, 63, 185, 1)}.pleyel-pin.pin--construction.focus{background-color:#B10181}.pleyel-pin.pin--exploitation.focus{background-color:#F00041}.pleyel-pin.pin--renovation.focus{background-color:#00AFFF}.pleyel-pin.pin--deconstruction.focus{background-color:rgba(77, 63, 185, 1)}.pleyel-pin.pin--produits{border-color:rgba(77, 63, 185, 1);left:12%;top:32%;color:rgba(77, 63, 185, 1)}.pleyel-pin.pin--produits
p{color:rgba(77, 63, 185, 1)}.pleyel-pin.pin--eau{border-color:#00AFFF;left:33%;top:28%;color:#00AFFF}.pleyel-pin.pin--eau
p{color:#00AFFF}.pleyel-pin.pin--voirie{border-color:#6824a0;;left:41%;top:43%;color:#6824a0;}.pleyel-pin.pin--voirie
p{color:#6824a0}.pleyel-pin.pin--chauffage{border-color:#F00041;left:53%;top:36%;color:#F00041}.pleyel-pin.pin--chauffage
p{color:#F00041}.pleyel-pin.pin--elec{border-color:#B10181;left:70%;top:52%;color:#B10181}.pleyel-pin.pin--elec
p{color:#B10181}.pleyel-pin.pin--dechets{border-color:#c41eb6;left:82%;top:56%;color:#c41eb6}.pleyel-pin.pin--dechets
p{color:#c41eb6}.pleyel-pin.pin--produits.focus{background-color:rgba(77, 63, 185, 1)}.pleyel-pin.pin--eau.focus{background-color:#00AFFF}.pleyel-pin.pin--voirie.focus{background-color:#6824a0;}.pleyel-pin.pin--chauffage.focus{background-color:#F00041}.pleyel-pin.pin--elec.focus{background-color:#B10181}.pleyel-pin.pin--dechets.focus{background-color:#c41eb6}.pleyel-surbrillance
path{mix-blend-mode:color;transition:fill .5s ease;fill:rgba(240, 0, 65, 0)}.pleyel-surbrillance[data-selected="exploitation"] path{fill:rgb(161, 0, 43)}.pleyel-surbrillance[data-selected="renovation"] path{fill:rgba(1, 184, 253, 1)}.pleyel-surbrillance[data-selected="construction"] path{fill:rgb(160, 36, 143)}.pleyel-surbrillance[data-selected="deconstruction"] path{fill:rgba(77, 63, 185, 1)}.pleyel-surbrillance[data-selected="produits"] path{fill:rgba(77, 63, 185, 1)}.pleyel-surbrillance[data-selected="eau"] path{fill:rgba(1, 184, 253, 1)}.pleyel-surbrillance[data-selected="voirie"] path{fill:rgb(104, 36, 160)}.pleyel-surbrillance[data-selected="chauffage"] path{fill:rgb(161, 0, 43)}.pleyel-surbrillance[data-selected="elec"] path{fill:rgb(160, 36, 143)}.pleyel-surbrillance[data-selected="dechets"] path{fill:rgb(196, 30, 182)}.pleyel-hide{z-index:6;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;animation:fade 1s 2s forwards;pointer-events:none}.lds-roller{animation:fade 1s 1.5s forwards}.pleyel-labmap{animation:scale-down 1s 2s forwards}.pleyel-map-animation{position:relative}.pleyel-map-focus{transition:transform .5s ease}.pleyel-map-focus.focus{transform:scale(1.1) translateZ(0)}.pleyel-pin-animation,.pleyel-map__switchers,.pleyel-canvawrapper,.pleyel-textwrapper{animation:appear .7s 3s forwards;opacity:0}@keyframes scale-down{0%{transform:scale(1.2)}100%{transofmr:scale(1)}}@keyframes scale-up{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes
appear{0%{opacity:0}100%{opacity:1}}@keyframes
fade{0%{opacity:1;pointer-events:auto}100%{opacity:0;pointer-events:none}}@media screen and (min-width: 1367px){.pleyel-textwrapper{width:350px !important}}@media screen and (max-width: 1366px){h1{font-size:1.2em;text-align:center}.pleyel-map__switchers{padding:20px}.pleyel-switchers{margin:0}.pleyel-switchers:nth-of-type(1){margin-right:15px}.pleyel-textwrapper{width:calc(100% - 500px);top:auto;bottom:0;font-size:14px}.pleyel-canvawrapper{padding:15px}.pleyel-canvawrapper
canvas{height:130px !important}.pleyel-pin.pin--exploitation{top:30%}.pleyel-pin.pin--eau{top:35%}.pleyel-pin.pin--voirie{top:55%}.pleyel-pin
p{text-shadow:-1px -1px 0 #fff,
0   -1px 0 #fff,
1px -1px 0 #fff,
1px  0   0 #fff,
1px  1px 0 #fff,
0    1px 0 #fff,
-1px  1px 0 #fff,
-1px  0   0 #fff}}@media screen and (max-width: 1366px) and (min-width: 1024px){.pleyel-textwrapper{height:150px !important;overflow-y:scroll}}@media screen and (max-width: 1023px){.pleyel-pin.pin--construction{left:12%;top:20%}.pleyel-pin.pin--exploitation{left:35%}.pleyel-pin.pin--renovation{left:53%}.pleyel-pin.pin--deconstruction{left:76%;top:42%}.pleyel-pin.pin--produits{left:12%;top:20%}.pleyel-pin.pin--eau{left:33%;top:28%}.pleyel-pin.pin--voirie{left:30%;top:50%}.pleyel-pin.pin--chauffage{left:50%;top:36%}.pleyel-pin.pin--elec{left:70%;top:45%}.pleyel-pin.pin--dechets{left:82%;top:35%}.pleyel-map__switchers{position:relative;width:100%}.pleyel-map__switchers
h1{text-align:center}.pleyel-pin{width:54px;height:54px;padding:5px;border-width:6px}.pleyel-pin
p{font-size:12px;line-height:16px}}@media screen and (max-width: 650px){.pleyel-graph.co2>p{width:auto;font-size:18px}}@media screen and (max-width: 1023px){.pleyel-map{max-height:none}.pleyel-map__switchers{position:relative;width:100%}.pleyel-canvawrapper{position:relative;width:100% !important;margin-top:-5px}.pleyel-textwrapper{position:relative;width:100% !important}.pleyel-mapcontent{overflow:visible}}@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5){.pleyel-map{max-height:none}.pleyel-map__switchers{position:relative;width:100%}.pleyel-canvawrapper{position:relative;width:100% !important;margin-top:-5px}.pleyel-textwrapper{position:relative;width:100% !important}.pleyel-mapcontent{overflow:visible}}@media screen and (max-width: 540px){h1{font-size:16px}.pleyel-pin{width:35px;height:35px;padding:5px;border-width:3px}.pleyel-pin
p{font-size:12px;bottom:calc(100% + 5px)}.pleyel-dot{font-size:11px;line-height:15px}.pleyel-pin.pin--construction{left:12%;top:20%}.pleyel-pin.pin--exploitation{left:35%;top:53%}.pleyel-pin.pin--renovation{left:53%;top:30%}.pleyel-pin.pin--deconstruction{left:76%;top:50%}.pleyel-pin.pin--produits{left:12%;top:20%}.pleyel-pin.pin--eau{left:33%;top:28%}.pleyel-pin.pin--voirie{left:30%;top:55%}.pleyel-pin.pin--chauffage{left:50%;top:36%}.pleyel-pin.pin--elec{left:70%;top:45%}.pleyel-pin.pin--dechets{left:82%;top:61%}.pleyel-dot.dot--emptc{top:38%;left:43%}.pleyel-dot.dot--empvoiture{top:27%;left:50%}.pleyel-dot.dot--rtc{top:12%;left:55%}.pleyel-dot.dot--rvoiture{top:53%;left:28%}.pleyel-map__switchers{padding:20px}.pleyel-switchers{margin:10px
0}.pleyel-switchers
label{font-size:12px;padding:5px
10px 0px}.pleyel-map__switchers__radio{justify-content:space-around}#pleyel-myChart{width:300px!important}.pleyel-lapcounter{width:80px;height:45px}.pleyel-lapcounter
p{letter-spacing:10px;font-size:34px;top:2px}.pleyel-graph.co2>p{font-size:16px}.pleyel-graph.co2 > p
span{font-size:28px}}@media screen and (max-width: 380px){.pleyel-pin.pin--eau{left:40%;top:25%}.pleyel-pin.pin--dechets{left:75%;top:60%}.pleyel-pin.pin--voirie{left:25%;top:68%}.pleyel-pin.pin--elec{left:70%;top:20%}.pleyel-pin.pin--chauffage{left:52%;top:50%}}.pleyel-main{position:relative}.pleyel-loader{height:100vh;width:100%;background-color:transparent;position:absolute;top:0;left:0;z-index:10;pointer-events:none}.lds-roller{display:inline-block;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);z-index:7;width:80px;height:80px}.lds-roller
div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#0058B2;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-0.036s}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-0.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-0.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-0.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-0.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-0.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-0.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-0.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}