.esriSimpleSliderTL {
    display: none
}

.esriSimpleSliderTL .esriSimpleSliderIncrementButton:focus {
    -webkit-box-shadow: 0 0 5px 0 #0061ab;
    box-shadow: 0 0 5px 0 #0061ab
}

.esriSimpleSliderTL .esriSimpleSliderDecrementButton:focus {
    -webkit-box-shadow: 0 0 5px 0 #0061ab;
    box-shadow: 0 0 5px 0 #0061ab
}

.esri-toggle-basemap {
    display: none;
    position: absolute;
    z-index: 100;
    top: 20px;
    right: 80px;
    width: 90px;
    cursor: pointer;
    background-color: #fff;
    padding: 5px;
    margin: 0
}

.esri-toggle-basemap img {
    display: block;
    max-width: 100%
}

.esri-toggle-basemap figcaption {
    text-align: center;
    padding: 0 !important;
    margin: 4px 0 0 !important;
    font-size: 1.2rem
}

.esri-toggle-basemap:focus {
    -webkit-box-shadow: 0 0 5px 0 #0061ab;
    box-shadow: 0 0 5px 0 #0061ab
}

.esri-toggle-basemap:hover {
    -webkit-box-shadow: 0 0 5px 0 #0061ab;
    box-shadow: 0 0 5px 0 #0061ab
}

#esri-toggle-legend {
    position: absolute;
    z-index: 10;
    top: 45px;
    right: 85px;
    padding: 10px 15px;
    font-size: 1.2rem
}

#esri-toggle-legend.bottom {
    top: 145px;
    right: 35px
}

#esri-legend {
    padding: 10px 25px 20px;
    z-index: 9999;
    background-color: #fff
}

#esri-legend h3 {
    margin: 0 0 10
}

#esri-legend .esri-legend__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#esri-legend .esri-legend__list .esri-legend__item .columns {
    padding: 0
}

#esri-legend .esri-legend__list .esri-legend__item .columns:last-child {
    padding-left: 10px
}

#esri-legend .esri-legend__list .esri-legend__item:not(:last-child) {
    margin-bottom: 20px
}

#esri-legend .esri-legend__list .esri-legend__item img {
    max-height: 30px
}

#esri-legend.is-active {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

#legende-mobile .hq-collapse {
    margin-bottom: 0
}

@media (min-width:912px) {
    .esri-legend {
        position: absolute;
        min-width: 300px;
        max-width: 350px;
        top: 95px;
        right: 15px;
        z-index: 10;
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .esri-legend.bottom {
        top: 195px
    }
}

[id^=custom-esri-popup] {
    display: none
}

#popup-content h2 {
    margin-top: 0
}

#esri-popup {
    position: absolute;
    padding: 0 16px 16px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    display: none;
    z-index: 999
}

#esri-popup #popup-content {
    overflow: auto
}

.popup-close {
    width: 35px;
    height: 35px;
    z-index: 9994;
    position: -webkit-sticky;
    position: sticky;
    float: right;
    text-decoration: none;
    margin: 10px 0
}

.popup-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 17px;
    width: 2px;
    background-color: #48433f;
    height: 35px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-close:after {
    content: "";
    position: absolute;
    top: 0;
    left: 17px;
    width: 2px;
    background-color: #48433f;
    height: 35px
}

.popup-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup-close:hover:after {
    background-color: grey
}

.popup-close:hover:before {
    background-color: grey
}

@media only screen and (max-width:767px) {
    #esri-popup {
        position: relative;
        right: unset !important;
        left: unset !important;
        top: unset !important;
        width: unset !important;
        clear: both;
        margin: 16px
    }

    #esri-popup:focus {
        -webkit-box-shadow: 0 0 5px 0 #0061ab;
        box-shadow: 0 0 5px 0 #0061ab
    }

    .popup-close:before {
        top: 0;
        left: 17px;
        width: 2px
    }

    .popup-close:after {
        top: 0;
        left: 17px;
        width: 2px
    }
}

.hq-svgSymbolButton:hover {
    cursor: pointer
}

.hq-svgSymbolButton:hover path {
    fill: #17649f;
    stroke: #fff
}

.hq-svgSymbolButton:hover text {
    fill: #fff
}

.hq-svgSymbolButton.is-active path {
    fill: #17649f;
    stroke: #fff;
    stroke-width: 1
}

.hq-svgSymbolButton.is-active text {
    fill: #fff
}

.hq-svgSymbolPicto:hover {
    cursor: pointer
}

.geomatique-layer.is-active path {
    stroke: #17649f;
    stroke-width: 6
}

.geomatique-layer path:hover {
    cursor: pointer;
    stroke: #17649f
}

#hq-gabarit-container #hq-select-container {
    opacity: 0;
    margin: 20px auto
}

#hq-gabarit-container #hq-map-container {
    opacity: 0;
    position: relative
}

#hq-gabarit-container #hq-map-container #map {
    height: 800px
}

@media only screen and (max-width:767px) {
    #hq-gabarit-container #hq-map-container #map {
        height: 250px
    }
}

#hq-gabarit-container #map-loading {
    opacity: 1;
    position: relative;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width:767px) {
    #hq-gabarit-container #hq-select-container {
        margin: 20px auto 0
    }

    #hq-gabarit-container #hq-map-container {
        margin-top: 10px
    }
}

#hq-gabarit-container.is-loaded #hq-map-container,
#hq-gabarit-container.is-loaded #hq-select-container {
    opacity: 1
}

#hq-gabarit-container.is-loaded #map-loading {
    opacity: 0;
    position: absolute
}

img {
    max-width: 100%;
    display: block
}

.margintop-20-mobile {
    margin-top: 0px;
}

@media (max-width:767px) {
    .margintop-20-mobile {
        margin-top: 20px;
    }
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: left
}

.bg-image {
    padding: 0;
    background-image: url(/themes/projets/foret-domaniale/images/entete.png);
    height: 250px;
    margin-top: 40px !important
}

.max-w-60 {
    max-width: 300px
}

#ligne-chronologie h2,
#ligne-chronologie h3,
#ligne-chronologie h4,
#ligne-chronologie h5,
#ligne-chronologie h6 {
    font-weight: 400
}

#ligne-chronologie p {
    font-weight: 700
}

#ligne-chronologie div.dates div.marqueur:last-child {
    padding-bottom: 0 !important
}

@media (min-width:767px) {
    .sm\:max-w-60 {
        max-width: 300px
    }
}

@media (min-width:768px) {
    .md\:max-w-60 {
        max-width: 300px
    }
}

@media (min-width:912px) {
    .lg\:max-w-60 {
        max-width: 300px
    }
}

@media (min-width:1280px) {
    .xl\:max-w-60 {
        max-width: 300px
    }
}

#installation-info-th {
    position: relative;
}

[data-tooltip-template] {
    display: block;
    width: 10px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid black;
    position: absolute
}

[data-tooltip-template]:focus-visible {
    outline: none;
    box-shadow: 0 0 4px 4px #51a7e8;
}

[data-tooltip-template]:hover {
    outline: none;
    box-shadow: 0 0 4px 4px #51a7e8;
}

#installation-info-th [data-tooltip-template=foret-domaniale] {
    top: 51.1%;
    left: 40.9%;
    background-color: #006db4;
}

#installation-info-th [data-tooltip-template=canton-macnider] {
    top: 19.8%;
    left: 63.7%;
    background-color: #006db4;
}

#installation-info-th [data-tooltip-template=haute-chaudiere] {
    top: 76.7%;
    left: 36.8%;
    background-color: #ed212e;
}

#installation-info-th [data-tooltip-template=mesgi] {
    top: 26%;
    left: 74.4%;
    background-color: #ed212e;
}

#installation-info-th [data-tooltip-template=madawaska] {
    top: 41.5%;
    left: 57.3%;
    background-color: #ed212e;
}

#installation-info-th [data-tooltip-template=pohenegamook] {
    top: 37.4%;
    left: 51.5%;
    background-color: #ed212e;
}

#installation-info [data-tooltip-template=foret-domaniale] {
    top: 51.1%;
    left: 40.9%;
}

#installation-info [data-tooltip-template=canton-macnider] {
    top: 19.8%;
    left: 63.7%;
}

#installation-info [data-tooltip-template=haute-chaudiere] {
    top: 76.7%;
    left: 36.8%;
}

#installation-info [data-tooltip-template=mesgi] {
    top: 26%;
    left: 74.4%;
}

#installation-info [data-tooltip-template=madawaska] {
    top: 41.5%;
    left: 57.3%;
}

#installation-info [data-tooltip-template=pohenegamook] {
    top: 37.4%;
    left: 51.5%;
}

#ligne-chronologie p {
    font-weight: 400;
}

#ligne-chronologie h3 {
    font-weight: 600;
}

#ligne-chronologie div.dates div.marqueur.last-marqueur::before {
    top: 20px;
}