@charset "UTF-8";
 /* CSS Document */

 @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
 /*font-family: 'Poppins', sans-serif;*/

 body {
     overflow: hidden;
     font-family: 'Poppins', sans-serif;
 }

 a:-webkit-any-link {
     text-decoration: none;
 }

 .txtRal {
     font-family: 'Raleway', sans-serif !important;
     font-weight: 400;
 }

 .txtRal strong {
     font-family: 'Raleway', sans-serif !important;
     font-weight: 700;
 }

 .bleu {
     color: #00a8e7 !important;
 }

 .filtre label.hide,
 .filtreStyle label.hide {
     display: none;
 }

 .lightbox {
     display: none;
 }

 .bloc.flags a i {
     display: inline-block;
 }

 .bloc.flags {
     position: absolute;
     right: 220px;
     top: 17px;
 }

 html,
 body,
 #map-canvas {
     margin: 0;
     padding: 0;
     height: 100%;
     background-color: #b3d1ff;
 }

 h2 {
     margin: 0;
     font-weight: 200;
     letter-spacing: -1px
 }

 .box {
     position: absolute;
     left: 10px;
     float: left;
     z-index: 999;
     margin-top: 100px;
 }

 .sousBox a {
     color: #000;
     text-decoration: none;
 }

 .sousBox {
     background-color: white;
     width: 260px;
 }

 .filtre input,
 .filtreStyle input {
     margin-right: 4px;
     margin-bottom: 10px;
 }

 .filtre label,
 .filtreStyle label {
     font-size: 12px;
     margin-bottom: 8px;
     margin-top: 8px;
 }

 .alignC {
     text-align: center;
 }

 h1,
 h2 {
     margin-bottom: 20px;
 }

 .s10 {
     font-size: 10px;
 }

 .s11 {
     font-size: 12px !important;
 }

 .s12 {
     font-size: 12px !important;
 }

 .s13 {
     font-size: 13px !important;
 }

 .s14 {
     font-size: 14px !important;
 }

 .s15 {
     font-size: 15px !important;
 }

 .s16 {
     font-size: 16px !important;
 }

 .s17 {
     font-size: 17px !important;
 }

 .s18 {
     font-size: 18px !important;
 }

 .s20 {
     font-size: 20px !important;
 }

 .s22 {
     font-size: 22px !important;
 }

 .s24 {
     font-size: 24px !important;
 }

 .s26 {
     font-size: 26px !important;
 }

 .s28 {
     font-size: 28px !important;
 }

 .space1 {
     letter-spacing: 1px;
 }

 .space2 {
     letter-spacing: 2px;
 }

 .space3 {
     letter-spacing: 3px;
 }

 .space4 {
     letter-spacing: 4px;
 }

 .l18 {
     line-height: 18px;
 }

 .l20 {
     line-height: 20px;
 }

 .l22 {
     line-height: 22px;
 }

 .l24 {
     line-height: 24px;
 }

 .l26 {
     line-height: 26px;
 }

 .l30 {
     line-height: 30px;
 }

 .l40 {
     line-height: 40px;
 }

 .blanc {
     color: #fff;
 }

 .bleu {
     color: #00a8e7 !important;
 }

 .bleuF {
     color: #037fad;
 }

 .bleuBg {
     color: #080f4c;
 }

 .bleuL {
     color: #00b9ff;
 }

 .rose {
     color: #d398cc;
 }

 .beige {
     color: #e2dfd0;
 }

 .blanc {
     color: #fff;
 }

 .noir {
     color: #000;
 }

 .gris {
     color: #999;
 }

 .grisC {
     color: #b7b7b7;
 }

 .red {
     color: red;
 }

 .rouge {
     color: #bb2025;
 }

 .grisVert {
     color: #4d828c;
 }

 .orange {
     color: #ec7b26;
 }

 .vert {
     color: green;
 }

 .cycle-pager {
     text-align: center;
     width: 100%;
     z-index: 500;
     position: absolute;
     bottom: 2px;
     overflow: hidden;
 }

 .cycle-pager span {
     font-family: arial;
     font-size: 50px;
     width: 20px;
     height: 12px;
     display: inline-block;
     color: #ddd;
     text-shadow: 0px 0px 4px #000;
     cursor: pointer;
     line-height: 16px;
 }

 .cycle-pager span.cycle-pager-active {
     color: #D69746;
 }

 .cycle-pager>* {
     cursor: pointer;
 }

 .cycle-caption {
     position: absolute;
     color: white;
     top: 2px;
     right: 5px;
     z-index: 700;
 }

 .cycle-overlay {
     font-family: tahoma, arial;
     position: absolute;
     bottom: 0;
     width: 100%;
     z-index: 600;
     background: black;
     color: white;
     padding: 15px;
     opacity: .5;
 }

 .disabled {
     opacity: .5;
     filter: alpha(opacity=50);
 }

 .cycle-paused:after {
     content: 'Paused';
     color: white;
     background: black;
     padding: 10px;
     z-index: 500;
     position: absolute;
     top: 10px;
     right: 10px;
     border-radius: 10px;
     opacity: .5;
     filter: alpha(opacity=50);
 }

 .ombre {
     box-shadow: 0px 0px 6px #fff;
 }

 a.retour {
     display: block;
     background-color: #31bced;
     width: 160px;
     border-radius: 4px;
     padding: 10px;
     text-align: center;
     clear: both;
     margin-top: 10px;
     color: #fff;
     text-decoration: none;
     font-size: 12px
 }

 a.retour:hover {
     background-color: #2299c3;
     color: #fff;
 }

 #info {
     position: absolute;
     width: 100%;
     height: 100%;
     background-image: url(../icones/fdNoir.png);
     top: 0px;
     z-index: 999999
 }

 .infoLegale {
     position: absolute;
     width: 100%;
     height: 22px;
     text-align: center;
     background-image: url(../icones/fdBleu.png);
     bottom: 0px;
     z-index: 1;
 }

 .left {
     width: 250px;
     float: left;
 }

 .rond {
     width: 12px;
     height: 12px;
     display: inline-block;
     margin-right: 5px;
 }

 .chart {
     margin: 10px 15px 0px 15px;
     width: 200px;
     border-radius: 4px;
     background-color: #fff;
     padding: 10px;
     font-weight: bold;
     color: #00a8e7;
     font-size: 18px;
 }

 .bold {
     font-weight: 700;
 }

 .icon-list {
     margin-top: 5px;
 }

 .icon-list span {
     display: inline-block;
     border-radius: 4px;
     padding: 3px;
     color: white;
     margin-right: 6px;
     font-size: 0;
 }

 .icon-list img {
     width: 20px;
     height: 20px;
 }

 .icon-list span.on {
     background-color: #00a8e7;
 }

 .icon-list span.off {
     background-color: #ececec;
 }

 .icon-list hr {
     border: none;
     border-bottom: 1px solid #e6e6e6;
     margin-bottom: 10px;
 }

 [class^="icon-"]:before,
 [class*=" icon-"]:before {
     margin-left: 0;
     width: auto;
 }

 .styleLogo {
     position: absolute;
     width: 180px;
     right: 0px;
     margin-right: 20px;
     box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.51);
     z-index: 999;
 }

 .styleLogo2 {
     position: relative;
     display: inline-block;
     width: 250px;
     margin-top: 0px;
     right: 0px;
     margin-right: 0px;
 }

 .styleLogo3 {
     position: relative;
     display: inline-block;
     width: 300px;
     margin-top: 6px;
     right: 0px;
     margin-left: 10px;
 }

 .filtre label,
 .filtreStyle label {
     display: block;
 }

 .ms-drop ul>li label {
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 12px;
 }

 .btLien {
     font-family: 'Raleway', sans-serif !important;
     font-weight: 200;
     display: inline-block;
     text-align: center;
     font-size: 14px;
     color: #fff;
     padding: 10px;
     background-color: #00a8e7;
     border: 0;
     /* Fonctionne déjà sur webkit */
     -webkit-transition-property: background-color;
     -webkit-transition-duration: 0.2s;
     /* Bientôt supporté par Firefox */
     -moz-transition-property: background-color;
     -moz-transition-duration: 0.2s;
     /* … et lorsque ce sera standardisé */
     transition-property: background-color;
     transition-duration: 0.2s;
     line-height: 14px;
 }

 .btLien:hover {
     background-color: #01668c;
     color: #fff;
 }

 input[type="text"],
 input[type="password"],
 input[type="date"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="month"],
 input[type="week"],
 input[type="email"],
 input[type="number"],
 input[type="search"],
 input[type="tel"],
 input[type="time"],
 input[type="url"],
 textarea {
     -webkit-appearance: none;
     -webkit-border-radius: 0px;
     background-color: white;
     font-family: inherit;
     border: 1px solid #cccccc;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     color: rgba(0, 0, 0, 0.75);
     display: block;
     font-size: 0.875rem;
     margin: 0 0 1rem 0;
     padding: 0.5rem;
     height: 2.3125rem;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
 }

 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="date"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="month"]:focus,
 input[type="week"]:focus,
 input[type="email"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 textarea:focus {
     box-shadow: 0 0 5px #999999;
     border-color: #999999;
 }

 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="date"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="month"]:focus,
 input[type="week"]:focus,
 input[type="email"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 textarea:focus {
     background: #fafafa;
     border-color: #999999;
     outline: none;
 }

 input[type="text"]:disabled,
 input[type="password"]:disabled,
 input[type="date"]:disabled,
 input[type="datetime"]:disabled,
 input[type="datetime-local"]:disabled,
 input[type="month"]:disabled,
 input[type="week"]:disabled,
 input[type="email"]:disabled,
 input[type="number"]:disabled,
 input[type="search"]:disabled,
 input[type="tel"]:disabled,
 input[type="time"]:disabled,
 input[type="url"]:disabled,
 textarea:disabled {
     background-color: #dddddd;
     cursor: default;
 }

 input[type="text"][disabled],
 input[type="text"][readonly],
 fieldset[disabled] input[type="text"],
 input[type="password"][disabled],
 input[type="password"][readonly],
 fieldset[disabled] input[type="password"],
 input[type="date"][disabled],
 input[type="date"][readonly],
 fieldset[disabled] input[type="date"],
 input[type="datetime"][disabled],
 input[type="datetime"][readonly],
 fieldset[disabled] input[type="datetime"],
 input[type="datetime-local"][disabled],
 input[type="datetime-local"][readonly],
 fieldset[disabled] input[type="datetime-local"],
 input[type="month"][disabled],
 input[type="month"][readonly],
 fieldset[disabled] input[type="month"],
 input[type="week"][disabled],
 input[type="week"][readonly],
 fieldset[disabled] input[type="week"],
 input[type="email"][disabled],
 input[type="email"][readonly],
 fieldset[disabled] input[type="email"],
 input[type="number"][disabled],
 input[type="number"][readonly],
 fieldset[disabled] input[type="number"],
 input[type="search"][disabled],
 input[type="search"][readonly],
 fieldset[disabled] input[type="search"],
 input[type="tel"][disabled],
 input[type="tel"][readonly],
 fieldset[disabled] input[type="tel"],
 input[type="time"][disabled],
 input[type="time"][readonly],
 fieldset[disabled] input[type="time"],
 input[type="url"][disabled],
 input[type="url"][readonly],
 fieldset[disabled] input[type="url"],
 textarea[disabled],
 textarea[readonly],
 fieldset[disabled] textarea {
     background-color: #dddddd;
     cursor: default;
 }

 input[type="text"].radius,
 input[type="password"].radius,
 input[type="date"].radius,
 input[type="datetime"].radius,
 input[type="datetime-local"].radius,
 input[type="month"].radius,
 input[type="week"].radius,
 input[type="email"].radius,
 input[type="number"].radius,
 input[type="search"].radius,
 input[type="tel"].radius,
 input[type="time"].radius,
 input[type="url"].radius,
 textarea.radius {
     border-radius: 3px;
 }

 input[type="submit"] {
     -webkit-appearance: none;
     -webkit-border-radius: 0px;
 }

 /* Respect enforced amount of rows for textarea */

 textarea[rows] {
     height: auto;
 }

 /* Hack multi select */

 .ms-choice>span.placeholder {
     color: #000;
 }

 .ms-choice {
     border: 1px solid #0a1143;
     height: 18px;
     line-height: 18px;
     border-radius: 0px;
     height: 35px;
 }

 .ms-choice>div {
     top: 5px;
 }

 .ms-choice>span {
     padding-left: 10px;
     padding-top: 8px;
     padding-bottom: 8px;
 }

 a.bt-tuto {
     position: absolute;
     z-index: 999;
     left: 63px;
     color: white;
     font-size: 12px;
     text-decoration: none;
     margin-top: -16px;
     width: 120px;
     padding: 8px;
     display: inline-block;
     background-color: #080f4c;
 }

 section.menu-type-actif ul,
 section.menu-type-actif li,
 section.menu-produit-actif li,
 section.menu-produit-infra li,
 section.menu-produit-actif ul,
 section.menu-type-infra ul,
 section.filtre-annee ul,
 section.filtre-annee li,
 section.menu-prod-pd ul {
     padding-top: 0px;
     margin-top: 0px;
     list-style: none;
 }

 section.filtre-annee ul {
     padding-left: 0px;
 }

 section.filtre-annee li label {
     font-size: 14px;
 }

 section.filtre-annee li label.checkall {
     font-size: inherit;
 }

 section.menu-produit-actif ul,
 section.menu-type-actif ul,
 section.menu-produit-infra ul section.menu-type-infra ul {
     padding-left: 28px;
     margin-bottom: 0px
 }

 section.menu-type-actif ul li a {
     display: inline-block;
     padding-top: 4px;
     padding-bottom: 4px;
 }

 .box a {
     cursor: pointer;
 }

 label.bt-label {
     padding-left: 20px;
 }

 ul.menu-header {
     list-style: none;
     position: absolute;
     right: 0px;
     top: 0px;
     z-index: 2;
     margin: 0px;
     padding: 0px;
     font-size: 0;
 }

 ul.menu-header li {
     list-style: none;
     display: inline-block;
 }

 ul.menu-header li.flag a {
     background-color: #cbcbcb;
 }

 ul.menu-header li.flag.active a {
     background-color: #029bd4;
 }

 ul.menu-header li a {
     font-family: 'Poppins', sans-serif;
     transition: background-color 0.3s;
     letter-spacing: 0.5px;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 22px;
     font-weight: 300;
     height: 48px;
     text-decoration: none;
     font-size: 14px;
     text-transform: uppercase;
     display: inline-block;
     color: white;
     background-color: #0c749e;
 }

 ul.menu-header li a.contact {
     background-color: #00aceb;
 }

 ul.menu-header li a:hover {
     background-color: #1998cc;
 }

 ul.menu-header li a.contact:hover {
     background-color: #1cbffb
 }

 .map-v3 .gm-style .gm-style-iw-c {
     border-radius: 0px;
     padding: 0px;
     width: 480px;
 }

 .map-v3 .gm-style-iw-d {
     overflow: auto !important;
 }

 .map-v3 .gm-style-iw-d .slick-dotted.slick-slider {
     margin-bottom: 0px;
 }

 .slick-slide img {
     max-width: 480px;
 }

 .popin {
     font-family: 'Poppins', sans-serif;
     padding-bottom: 0px;
 }

 .popin .cont-title {
     height: 40px;
     padding-left: 10px;
     padding-right: 10px;
 }

 .popin .cont-title img {
     width: 27px;
     margin-right: 5px;
     display: inline-block;
     vertical-align: bottom;
 }

 .popin .cont-title.immo {
     background-color: #080f4c;
 }

 .popin .cont-title.pd {
     background-color: #00a8de;
 }

 .popin .cont-title.dp {
     background-color: #c19135
 }

 .popin .cont-title.infra {
     background-color: #75ac08
 }

 .popin .cont-title.gfi {
     background-color: #5e8e00
 }

 .popin .cont-title.vigne {
     background-color: #8e0630;
 }

 .popin .cont-title.impact {
     background-color: #E6325E;
 }

 .popin .cont-title h1 {
     color: white;
     padding-top: 8px;
     padding-bottom: 0px;
     margin: 0px;
     font-weight: 700;
     text-align: center;
     font-size: 16px;
     text-transform: uppercase;
 }

 .popin .cont-subtitle h2 {
     color: #31bced;
     margin: 0px;
     padding: 12px 15px;
     font-size: 14px;
     text-align: center;
     font-weight: 500;
     letter-spacing: 0px;
 }

 .popin .cont-subtitle.pd h2,
 .popin .cont-subtitle.dp h2,
 .popin .cont-subtitle.infra h2 {
     font-size: 12px;
 }

 .popin .cont-subtitle.dp h2 {
     color: #c19135
 }

 .popin .cont-subtitle.pd h2 {
     color: #00a8de
 }

 .popin .cont-subtitle.infra h2,
 .popin.infra .fa-close {
     color: #75ac08 !important
 }

 .popin.impact .fa-close {
     color: #E6325E !important
 }

 .popin.pd .fa-close {
     color: #00a8de !important
 }

 .popin.dp .fa-close {
     color: #c19135 !important
 }

 .popin.gfi .fa-close {
     color: #5e8e00 !important
 }

 .popin.vigne .fa-close {
     color: #8e0630 !important
 }

 .popin .cont-subtitle.gfi h2 {
     color: #5e8e00
 }

 .popin .cont-subtitle.gfi p {
     padding: 0px 20px 20px 20px;
     margin: 0px;
 }

 .popin .cont-subtitle.impact h2 {
     color: #E6325E;
 }

 .popin a.admin-links {
     float: left;
     margin-right: 5px;
     margin-top: 10px;
 }

 .popin .cont-label {
     padding: 15px;
     margin-bottom: 5px;
     background-color: #ebebeb;
     font-weight: 500;
     color: #010101;
 }

 .popin .cont-label li {
     list-style: none;
     width: 33.3%;
     float: left;
 }

 .popin .cont-label li span {
     display: block;
     text-align: center;
     line-height: 18px;
 }

 .popin .cont-label li span.label {
     font-size: 11px;
 }

 .popin .cont-label li span.data {
     font-size: 16px;
 }

 .popin .cont-label li span.data span.sq {
     font-size: 9px;
 }

 .cont-infos {
     padding: 10px 20px 0px 20px;
     font-weight: 500;
     font-size: 12px;
 }

 .cont-infos p {
     margin: 0px;
 }

 .cont-infos.gfi,
 .cont-infos.vigne {
     display: none;
 }

 .popin.gfi .cont-label,
 .popin.vigne .cont-label {
     margin-bottom: 0px;
 }

 .cont-infos.impact {
     padding: 10px 20px 10px 20px;
 }

 .cont-infos.impact ul {
     margin: 0;
     padding-left: 20px;
     list-style: circle;
 }

 .content-impact-chiffre {
     padding: 12px;
     margin-top: 10px;
     border-radius: 4px;
     background-color: #d4e2cf;
 }

 .content-impact-chiffre>p {
     text-align: center;
     margin-bottom: 10px;
     text-transform: uppercase;
 }

 button.gm-ui-hover-effect img {
     margin: 4px !important;
     margin-top: 10px !important;
     background-color: #ffffff;
     border-radius: 50%;
 }

 button.gm-ui-hover-effect>span {
     background-color: #fff;
 }

 .popin .cont-video {
     text-align: right;
     padding-left: 20px;
     padding-right: 20px;
     height: 30px;
 }

 .popin .cont-video i {
     margin-right: 5px;
     font-size: 30px;
     color: #00aceb;
     float: right;
     transition: color 0.2s;
 }

 .popin .cont-video span {
     float: right;
     color: #898b8d;
     padding-top: 5px;
     font-weight: 400;
 }

 .popin .cont-video a span {
     text-decoration: none;
 }

 .popin .cont-video a:hover i {
     color: #1cbffb;
 }

 #signin h2 {
     text-align: center;
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
     font-size: 18px;
     color: #00a8e7;
     margin-bottom: 10px;
 }

 .infoLegale,
 .infoLegale a {
     font-family: 'Poppins', sans-serif;
     color: #ffffff;
     font-size: 10px;
     line-height: 22px;
 }

 #legal {
     font-family: 'Poppins', sans-serif;
     font-size: 12px;
     line-height: 14px;
     font-weight: 400;
 }

 #legal h3 {
     margin-top: 20px;
     margin-bottom: 10px;
     font-weight: 600;
     font-size: 14px;
     color: #1cbffb
 }

 #legal h2 {
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
 }

 .popin .cont-transport {
     padding-left: 20px;
     padding-right: 20px;
     margin-top: 10px;
     height: 37px;
 }

 .popin .tr-list,
 .popin .box-sv {
     width: 50%;
     height: 45px;
 }

 .popin .tr-list {
     float: left;
 }

 .popin .box-sv {
     float: right;
     text-align: right;
 }

 .popin .logoPd {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     position: absolute;
     top: 16px;
     left: 18px;
     background-color: #fff;
     background-size: contain;
     z-index: 999;
     background-repeat: no-repeat;
     background-position: center center;
     box-shadow: 2px 2px 4px rgba(204, 204, 204, 0.69);
 }

 .popin .logoPd-solid {
     width: 100px;
     height: 100px;
     position: relative;
     margin: auto;
     margin-bottom: 10px;
     margin-top: 20px;
     background-color: #fff;
     background-size: contain;
     z-index: 999;
     background-repeat: no-repeat;
     background-position: center center;
 }

 .popin a.box-url {
     display: block;
     color: #010101;
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: center;
     text-transform: uppercase;
     background-color: #ebebeb;
     font-weight: 500;
     font-size: 14px;
     letter-spacing: 0.5px;
     text-decoration: none !important;
     margin-top: 5px;
     transition: background-color 0.3s;
     line-height: 1.34;
 }

 .popin a.box-url:hover {
     background-color: #d4d4d4;
 }

 .popin a.box-url img {
     vertical-align: bottom;
     margin-right: 3px;
 }

 .gm-style .gm-style-iw-t::after {
     content: "";
     height: 15px;
     background: none;
     box-shadow: none;
     left: 0;
     position: absolute;
     top: 7px;
     transform: translate(-50%, -50%) rotate(-180deg);
     width: 15px;
     height: 0;
     width: 0;
     border-right: 15px solid transparent;
     border-bottom: 15px solid red;
     border-left: 15px solid transparent;
     display: inline-block;
     height: 0;
     width: 0;
     border-right: 15px solid transparent;
     border-bottom: 15px solid white;
     border-left: 15px solid transparent;
 }

 .espace10 {
     height: 10px;
 }

 .box {
     font-family: 'Poppins', sans-serif;
     font-size: 12px;
     box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
 }

 .box h2 {
     color: #ffffff;
     display: block;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
     letter-spacing: 0.2px;
     padding: 8px 20px;
     font-weight: 400;
 }

 .box h2.bleuc {
     background-color: #31bced;
 }

 .box h2.bleuf {
     background-color: #009bd4;
 }

 .box h2 i img {
     display: block;
     position: absolute;
     right: 12px;
     margin-top: -14px;
     width: 17px;
     height: 9px;
 }

 .box a.bt-filtre i img {
     display: block;
     position: absolute;
     right: 26px;
     margin-top: -11px;
     width: 12px;
     height: 6px;
 }

 .box .filtre,
 .box .filtreStyle {
     padding: 15px;
 }

 .box .filtre a,
 .box .filtreStyle a {
     text-transform: uppercase;
 }

 .box .filtre input,
 .box .filtreStyle input {
     display: inline-block;
 }

 .box .filtre h3,
 .box .filtreStyle h3 {
     text-transform: uppercase;
     font-weight: 400;
     font-size: 12px;
     display: inline-block
 }

 .box h2,
 .box h3 {
     margin: 0px;
 }

 .box h3 img {
     width: 32px;
     vertical-align: middle;
     margin-right: 5px;
 }

 /* The container */

 .container {
     display: block;
     position: relative;
     padding-left: 28px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 22px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 /* Hide the browser's default checkbox */

 .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
 }

 /* Create a custom checkbox */

 .checkmark {
     position: absolute;
     top: 7px;
     left: 0;
     height: 15px;
     width: 15px;
     background-color: #eee;
     border: 1px solid #080f4c;
 }

 /* On mouse-over, add a grey background color */

 .container:hover input~.checkmark {
     background-color: #31bced;
 }

 /* When the checkbox is checked, add a blue background */

 .container input:checked~.checkmark {
     background-color: #31bced;
 }

 /* Create the checkmark/indicator (hidden when not checked) */

 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }

 /* Show the checkmark when unchecked */

 .container input.reverse~.checkmark:after {
     display: block;
 }

 /* Hide the checkmark when checked */

 .container input:checked.reverse~.checkmark:after {
     display: none;
 }

 /* Show the checkmark when checked */

 .container input:checked~.checkmark:after {
     display: block;
 }

 /* Style the checkmark/indicator */

 .container .checkmark:after {
     left: 5px;
     top: 0px;
     width: 4px;
     height: 9px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 label.immo h3 {
     color: #0a2f5e;
 }

 label.pd h3 {
     color: #00a3e8;
 }

 label.infra h3 {
     color: #6aa20c;
 }

 label.dp h3 {
     color: #b9862f;
 }

 label.gfi h3 {
     color: #5e8e00;
 }

 label.vigne h3 {
     color: #8e0630;
 }

 label.impact h3 {
     color: #E6325E;
 }

 .box a.bt-filtre,
 .box label.bt-label {
     display: block;
     padding-left: 18px;
     padding-bottom: 8px;
     padding-top: 8px;
     background-color: #ebebeb;
     margin-left: 18px;
 }

 .box label.bt-label {
     background-color: #ddebe0;
 }

 .box label.bt-label.bt-aev {
     background-color: #ebebeb;
 }

 .box label.bt-label .checkmark {
     top: 7px;
     margin-left: 27px;
 }

 .espace8 {
     height: 8px;
 }

 section.smenu-actif .checkmark,
 section.smenu-infra .checkmark,
 section.smenu-pd .checkmark {
     top: 0px;
 }

 label.bt-label.container:hover input~.checkmark {
     background-color: #5dc858
 }

 label.bt-label.container input:checked~.checkmark {
     background-color: #5dc858
 }

 .box .filtre a.labelise {
     padding-left: 30px;
     text-transform: none;
 }

 #bt-classe,
 #bt-paysdept,
 #bt-recentAchat {
     cursor: pointer;
 }

 section.filtre-pays {
     padding-left: 10px;
     margin-bottom: 20px;
 }

 section.filtre-pays a {
     font-family: 'Poppins', sans-serif;
     display: inline-block;
     padding-top: 4px;
     padding-bottom: 4px;
     color: #0a1143;
     font-size: 12px;
 }

 section.filtre-pays-dept {
     padding: 15px;
 }

 section.filtre-pays-dept h3 {
     color: #0a1143;
     font-family: 'Poppins', sans-serif;
     text-align: center;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     margin-bottom: 10px;
 }

 ul.tooltip-map {
     display: inline-block;
     position: absolute;
     left: 10px;
     top: 132px;
     z-index: 999;
     box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
 }

 ul.tooltip-map,
 ul.tooltip-map li {
     list-style: none;
     background-color: #009bd4;
     padding: 0px;
     margin: 0px;
 }

 ul.tooltip-map li {
     display: inline-block;
     padding: 8px 16px 6px 16px;
 }

 ul.tooltip-map li img {
     cursor: pointer;
 }

 ul.tooltip-map li.chart-ic img {
     transition: transform 0.1s;
 }

 ul.tooltip-map li.home-ic img {
     transition: transform 0.1s;
 }

 ul.tooltip-map li.refresh img {
     transition: transform 0.1s;
 }

 ul.tooltip-map li.refresh:hover img {
     transform: rotate(30deg);
 }

 ul.tooltip-map li.home-ic:hover img {
     transform: scale(1.1);
 }

 ul.tooltip-map li.chart-ic:hover img {
     transform: scale(1.15);
 }

 ul.tooltip-map li img {
     width: 20px;
 }

 ul.tooltip-map li.sep img {
     width: 2px;
     position: absolute;
     top: 13px;
     height: 13px;
     cursor: pointer;
 }

 ul.tooltip-map li.sep {
     padding: 0px
 }

 #camembert {
     font-family: 'Poppins', sans-serif;
 }

 #camembert h2 {
     color: #000;
     text-align: center;
 }

 #camembert span {
     font-size: 14px;
 }

 .bandeau {
     background-color: #080f4c;
     width: 100%;
     height: 70px;
     text-align: center
 }

 select.paysList {
     width: 100%;
     background-color: white;
     border: 1px solid #0a1143;
     height: 18px;
     line-height: 18px;
     border-radius: 0px !important;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     height: 35px;
     margin-bottom: 20px;
     -webkit-appearance: none;
     -webkit-border-radius: 0px;
     padding-left: 10px;
     background-image: url(multiple-select2.png);
     background-repeat: no-repeat;
     background-position: right center;
 }

 .hide {
     display: none !important;
 }

 .popin.vigne .cont-subtitle h2 {
     color: #8e0630;
 }

 .search-box {
     position: absolute;
     width: 260px;
     left: 10px;
     top: 78px;
     z-index: 999;
 }

 .search-box input {
     border-radius: 6px;
     box-shadow: 0 2px 4px rgb(0, 0, 0, 0.2);
     border: 0px;
     padding-left: 20px;
     height: 42px;
 }

 .search-box input::placeholder {
     color: #cbcbcb;
 }

 .ui-front {
     z-index: 999 !important;
     border-radius: 8px;
     margin-top: 20px !important;
     border: 0px !important;
     padding: 10px !important;
     font-size: 14px !important;
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {
     border: 1px solid #4daceb !important;
     background: #4daceb !important;
 }

 /* /////////////////////// RESPONSIVE //////////////////// */

 @media only screen and (max-width: 840px) {
     .bandeau {
         text-align: left;
     }

     .styleLogo2 {
         margin-left: 20px;
     }

     .search-box {
         display: none;
     }
 }

 @media only screen and (max-width: 760px) {
     .bandeau {
         background-color: #080f4c;
         width: 100%;
         height: 50px;
         text-align: left;
     }

     .styleLogo2 {
         width: 168px;
         height: auto;
         margin-left: 20px;
     }

     .styleLogo3 {
         width: 210px;
         height: auto;
         margin-left: 15px;
     }

     ul.menu-header li a {
         padding-top: 16px;
         font-weight: 300;
         height: 34px;
         font-size: 12px;
         padding-left: 15px;
         padding-right: 15px;
     }

     .box {
         left: 0px;
         margin-top: 87px;
         width: 100%;
         margin-top: 0px;
     }

     ul.tooltip-map {
         left: auto;
         top: 0px;
         height: 50px;
         right: 0px;
     }

     .sousBox {
         width: 100%;
     }

     .gm-style-iw-d {
         max-width: none !important;
     }

     .infoLegale {
         height: auto;
     }

     ul.menu-header {
         display: none;
     }

     ul.tooltip-map li {
         display: inline-block;
         padding: 15px 21px 6px 16px;
     }

     ul.tooltip-map li.sep img {
         top: 18px;
     }

     .box h2 {
         padding: 12px 20px;
     }

     .popin .cont-label li span.data {
         font-size: 12px;
     }

     .popin .cont-title h1 {
         font-size: 12px;
         padding-top: 6px;
     }

     .slick-slide img {
         max-height: 200px;
     }

     .popin .cont-subtitle h2 {
         font-size: 12px;
     }

     .slick-prev,
     .slick-next {
         display: none !important;
     }

     .popin .logoPd {
         top: 70px;
         left: 50%;
         margin-left: -50px;
     }

     .popin .tr-list,
     .popin .box-sv {
         width: 100%;
     }

     .popin .box-sv {
         text-align: left;
     }

     .popin .cont-title img {
         vertical-align: middle;
     }
 }

 @media only screen and (max-width: 400px) {
     .slick-slide img {
         max-height: 140px;
     }

     #display-chart {
         display: none;
     }
 }

 label.container {
     margin-top: 12px;
 }

 .gm-style-iw-chr {
     display: none;
 }

 /* Styles bouton */
 .popin .cont-title.immo {
     position: relative;
 }

 .popin .iw-close {
     position: absolute;
     top: 8px;
     right: 8px;
     width: 26px;
     height: 26px;
     line-height: 1;
     text-align: center;
     border: 0;
     border-radius: 50%;
     background: #fff;
     cursor: pointer;
     box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
     font-size: 15px;
 }