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


strong {
  font-weight: bold;
  color: rgb(246, 95, 26);
}

.hide {
    display: none !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-dataviz {
    anchor-name: --anchor-button-dataviz;
}

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

.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;
}

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

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

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

#button-dataviz-prez {
    position: absolute;
    margin-left: 5px;
    background-position-y: 21px;
    left: 30px;
}

/* Position content */

/* To the right */
#button-switcher-prez, #button-locate-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_presentation {
    position: absolute;
    background-color:#f1efe9;
    color:#333332;
    top: 50%;
    left: 50%;
    margin-block: 1em;
    border: 1rem solid #f1efe9;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10001;
}


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

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

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