#headermenu {
    /* `positon:fixed` is buggy with anchor positionning */
    position: absolute!important;
}

#presentation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .65);
}

#close-prez {
    position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    cursor: pointer;
    font-size: 3rem;
    font-weight: bold;
}

#close-prez svg {
    width: 60px;
    height: 60px;
}

/* Declare anchors */
#button-switcher {
    anchor-name: --anchor-button-switcher;
}

#button-locate {
    anchor-name: --anchor-button-locate;
}

#button-draw {
    anchor-name: --anchor-button-draw;
}

.digitizing {
    anchor-name: --anchor-digitizing;
}

.zoom-out {
    anchor-name: --anchor-move;
}

#search-query {
    anchor-name: --anchor-search-query;
}

/* Link anchors */
#button-switcher-prez {
    position-anchor: --anchor-button-switcher;
}

#button-locate-prez {
    position-anchor: --anchor-button-locate;
}

#button-draw-prez {
    position-anchor: --anchor-button-draw;
}

#digitizing-prez {
    position-anchor: --anchor-digitizing;
}

#move-prez {
    position-anchor: --anchor-move;
}

#search-query-prez {
    position-anchor: --anchor-search-query;
}

/* Position content */

/* To the right */
#button-switcher-prez, #button-locate-prez, #button-draw-prez {
    position: absolute;
    bottom: anchor(bottom);
    margin-left: 5px;
    background-position-y: 21px;
    left: anchor(right);
}

/* To the left */
#digitizing-prez, #move-prez, #search-query-prez {
    position: absolute;
    bottom: anchor(bottom);
    margin-right: 15px;
    background-position-y: 21px;
    right: anchor(left);
    background-position-x: 175px;
}

/* Video */
#play_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    cursor: pointer;
    border: white 3px solid;
    padding: 10px;
    background-color: #ffffff40;
    font-size: 2rem;
    text-align: center;
    line-height: normal;
}
#video_presentation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10001;
}

.anchor-prez strong, #play_video strong {
    color: #FFC000;
}

@media (pointer: coarse) {
    .anchor-prez {
      display: none;
    }
}

/*******************/
/* AJOUTS ZEBRAGEO */
/*******************/

/* Tooltip */
div.tooltip-inner {
    max-width: 400px;
}

/* Barre de menu outils */
#mapmenu {
    background: var(--color-secondary);
}

/* Dock */
#dock {
    width: 30%;
    max-width: unset;
}
#content.mobile #dock {
    width: unset;
}

/* Mini-dock Localisation */
#locate div.locate-layer .custom-combobox-input {
    background: none;
    color: rgb(51 51 51);
    line-height: 20px;
    vertical-align: top;
    font-size: .8rem;
}
#mini-dock div.locate div.menu-content {
    overflow: hidden;
}

/* Style des popups */
div.popup_lizmap_dd {
    margin: 5px 2px 0px 2px;
}
div.popup_lizmap_dd div {
    padding: 5px;
    font-size: 14px
}
div.popup_lizmap_dd div p {
    font-size: .8rem;
}
div.popup_lizmap_dd .controls {
    margin-left: 130px !important;
}
div.popup_lizmap_dd label {
    padding-top: 5px !important;
    text-align: left !important;
    width: 120px !important;
    cursor: auto;
    font-size: 14px !important;
}
div.popup_lizmap_dd div.control-group {
    padding: 0 5px 0 5px !important;
}
div.popup_lizmap_dd div.tab-content legend {
    font-weight: bold;
    font-size: 1rem !important;
    color: #333333;
    border-bottom: none;
    margin-top: 15px !important;
}
div.popup_lizmap_dd div.tab-content div li {
    font-size: .9rem !important;
}
div.popup_lizmap_dd div.tab-content{
    border: 2px solid var(--color-secondary);
    border-radius: 0.5rem;
}
div.popup_lizmap_dd div.tab-content td.column_a_zone {
    width: 65% ;
    vertical-align: middle;
    padding: 5px 5px 0 5px;
    text-align: left;
    text-shadow: 0px 0px 0px; 
}
div.popup_lizmap_dd div.tab-content td.column_b_zone {
    width: 35% ;
    padding: 0 5px 0 5px;
}
div.popup_lizmap_dd div.tab-content hr {
    border-top: 1px solid var(--color-secondary);
    border-bottom: none;
    margin: 5px 0 10px 0;
}
div.popup_lizmap_dd div.tab-content p.txt-field-label {
    color: #464646;
    margin: 0 0 .5rem;
}
div.popup_lizmap_dd div .title_zone {
    font-size: 1.1rem;
}
div.popup_lizmap_dd div.tab-content div.bloc-reglem {
    padding: 0; 
    vertical-align: middle; 
}
div.popup_lizmap_dd div.tab-content div.img-reglem {
    display: inline-block;
    padding: 0;
    margin: 5px 0;
    width: 12%;
}
#content.mobile div.popup_lizmap_dd div.tab-content div.img-reglem {
    width: 20%;
}

div.popup_lizmap_dd div.tab-content div.txt-reglem {
    background-color:#e4e9cf; 
    display: inline-block;
    vertical-align: middle;
    border-radius: 0 .5rem .5rem 0;
    width: 85%;
}
#content.mobile div.popup_lizmap_dd div.tab-content div.txt-reglem {
    background-color:#e4e9cf; 
    display: inline-block;
    vertical-align: middle;
    border-radius: 0 .5rem .5rem 0;
    width: 75%;
}

div.popup_lizmap_dd div.tab-content div.txt-reglem > p {
    font-size: .8rem;
    margin: 0 .5rem 0 .5rem;
    line-height: 1rem;
}
div.popup_lizmap_dd div.tab-content a.btn-reglem,
div.popup_lizmap_dd div.tab-content a.btn-circuit {
    background-color: var(--color-primary);
    background-image: none;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;
    text-shadow: none;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff !important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    display: block;
}
div.popup_lizmap_dd div.tab-content a.btn-reglem:hover,
div.popup_lizmap_dd div.tab-content a.btn-circuit:hover {
    background-color: var(--color-secondary);
    text-decoration: none !important;
    color: #fff !important;
    box-shadow: 0px 15px 20px rgba(140, 140, 140, 0.4);
    transform: translateY(-3px);
}

div.popup_lizmap_dd div.tab-content p.titre-contact,
div.popup_lizmap_dd div.tab-content p.titre-reco,
div.popup_lizmap_dd div.tab-content p.titre-reglem {
    color:#464646; 
    font-weight: bold;
    font-size: .9rem;
    margin: 5px 0 10px 0;
}
div.popup_lizmap_dd div.tab-content div.bloc-contact {
    /* background-color:#ececec;  */
    /* padding: 5px 5px 5px 5px;  */
    vertical-align: middle; 
    border-radius: .5rem;
    margin-top: 10px;
}
div.popup_lizmap_dd div.tab-content div.img-contact {
    display: inline-block;
    max-width: 30%;
    padding: 0;
}
#content.mobile div.popup_lizmap_dd div.tab-content div.img-contact {
    display: block;
    max-width: 90%;
    margin: auto;
}
#content.mobile div.popup_lizmap_dd div.tab-content div.img-contact > img {
    display: block;
    margin: auto;
}
div.popup_lizmap_dd div.tab-content div.txt-contact {
    display: inline-block;
    vertical-align: middle;
    max-width: 70%;
    margin-left: 5px;
}
#content.mobile div.popup_lizmap_dd div.tab-content div.txt-contact {
    display: block;
    max-width: 90%;
    margin: auto;
    text-align: center;
}
div.popup_lizmap_dd div.tab-content div.txt-contact > p {
    font-size: .8rem;
    margin-bottom: 0;
    line-height: 1.2rem;
}
div.popup_lizmap_dd div.tab-content div.txt-contact > p > a {
    color: var(--color-primary);
}