.leaflet-control-scale-line {
            margin-bottom:25px;
        }


        @media screen and (orientation: landscape) {
          .leaflet-control-scale-line {
      top: unset !important;
      bottom: 5px !important;
      width: 91px;
      right: 5px !important;
      position: fixed;
  }
}

        @media screen and (orientation: portrait) {

            .accordion-list { overflow-y: unset !important;}
          .leaflet-control-scale-line {
      top: unset !important;
      bottom: 5px !important;
      width: 91px;
      right: -40px !important;
      position: fixed;
  }
}


 
        /* S’assure que la toolbar est visible, à son z-index d’origine */
        .leaflet-draw .leaflet-draw-toolbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 1000 !important;
        }
        .leaflet-draw {
            display: contents !important;
        }
        /* et ses boutons */
        .leaflet-draw .leaflet-draw-toolbar a {
        display: inline-block !important;
        }

                    .leaflet-control-container {
            overflow: visible !important;
            }

        :root {
            --background-color: rgba(151, 224, 250, 0.8) !important;
            --border-color: #254893 !important;
            --border: 1px solid #254893 !important;
            --border-radius: 14px !important;
            --border-radius-bg: 14px !important;
            --white: white;
            --theme-primary: #5eb4b6;
        }

        .lmenu1, .lmenu2, .lmenu3 {  opacity: 1; display: none; visibility: hidden;}

        #lisio-label{
            opacity: 1;
            top:calc(50% - 98.5px);
        }
        #lisio-icon {
            opacity: 1;
            top:calc(46.5% - 98.5px);
        }
        #lisio-label.fade{
            animation-name: runmenu;
            animation-duration: 1.5s;
            animation-iteration-count: 1;
            animation-direction: normal;
            animation-timing-function: ease;
            opacity: 1;
        }

        #lisio-icon.fade {
            animation-name: runmenu2;
            animation-duration: 1.5s;
            animation-iteration-count: 1;
            animation-direction: normal;
            animation-timing-function: ease;
            opacity: 1;
        }
        @keyframes runmenu {
            to {opacity: 1;  top:calc(15% - 98.5px);}
            }


            @keyframes runmenu2 {
            to {opacity: 1;  top:calc(12% - 98.5px);}
            }


        .lmenu1, .lmenu2, .lmenu3{
            opacity: 1;
            transition: opacity 0.5s linear;
            }

            .lmenu1.hide, .lmenu2.hide, .lmenu3.hide {
            opacity: 0;
            }

        #lisio-label::before, #lisio-label::after,#lisio-icon::before, #lisio-icon::after {
            opacity: 1;
                transition: all ease 0.3s;
                transition: opacity 0.6s linear;
            }

            .lmenu1::before, .lmenu1::after {
                opacity: 1;
                transition: all ease 0.3s;
                transition: opacity 0.6s linear;

            }


            .lmenu2::before, .lmenu2::after {
                opacity: 1;
                transition: all ease 0.3s;
                transition: opacity 0.6s linear;

            }


            .lmenu3::before, .lmenu3::after {
                opacity: 1;
                transition: all ease 0.3s;
                transition: opacity 0.6s linear;

            }


         .left-map .menu-map label,
          .left-map .menu-map span, 
          .left-map .menu-map .menu-item-radio
          .left-map .mini-opt em,
          .menu-container .accordion .form-check label,
          .form-check-label,
          .left-map .menu-map label, .left-map .menu-map span, .menu-container .accordion .form-check label,
          .left-map .menu-map label
          { 
            background: transparent !important;
        }

        .menu-map .border-top .tooltipIcon ,
         .left-map .menu-map form,
          .menu-map .border-top .tooltipIcon
           { 
            background-color: var(--background-color) !important;
            background: var(--background-color) !important;
        }

        .menu-map .border-top .tooltipIcon ,
         .left-map .menu-map form,
          .menu-map .border-top .tooltipIcon3
           { 
            background-color: transparent !important;
            background: transparent !important;
        }


        .ac-container input.menu:checked~article.ac-large {
            background-color: transparent !important;
        }

        .li span.titleMenu {
            background-color: #083B66 !important; 
        }

        .menu-map, .legendBlock, .legendco, .obsStyle,.left-map .menu-map .ac-container,.menu-vertical .accordion {
            border-radius: var(--border-radius);
            border: var(--border);
        }

        .left-map .menu-map .ac-container, .menu-vertical .accordion { border: 0px !important;}

        [data-role=navbar] { 
            border-radius: var(--border-radius);
            border: var(--border);
        }

        .left-map .menu-map .menu-map-base, .left-map .menu-map .menu-map-overlays > div {
            padding: 2px 10px 2px 30px;
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
            font-size: 18px;
        }

        .menu-container .accordion .second-accordion li.border {
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .menu-container .accordion .second-accordion li.border:last-child {
            border-bottom: 0px solid var(--border-color);
        }

        .border {
            border: 1px solid var(--border-color);
        }

        .border-top {
    border-top: 1px solid var(--border-color);
}

        .left-map .border-top {
            border-top: 2px solid var(--border-color);
        }
        .titleMenu2 {
            background-color: var(--FormCouleurSpin) !important;
            padding: 0px 30px;
            line-height: 2;
        }

        .subelement { width:70px;}

        .obsStyle {
        margin-right: 0% !important;
    }

    .sortorange th[aria-sort="descending"] span::after {
        content: "â–¼";
    color: var(--FormCouleurCarac);
    font-size: 100%;
    top: -2px;
    right:5px;
    position: relative;
}

.sortorange th[aria-sort="ascending"] span::after {
    content: "â–²";
    color: var(--FormCouleurCarac);
    font-size: 100%;
    top: -2px;
    right: 5px;
    position: relative;
}

.dropdown[open] > summary::before {
    content: ' ';
    display: absolute !important;
    position: absolute !important;
    top: 0;
    right: 5px;
    left: 0;
    bottom: 0;
    z-index: 1;
}