.shortcode-cartographie>.area-cartographie{
    height:100%;
}
.leaflet-tile-pane {
}
.shortcode-cartographie{
    width:100%;
    height:520px;
    background:#f1f1f1;
    margin:20px auto;
    position: relative;
}
.cartographie-bubble.visible {
    display:block;
}
.cartographie-bubble>h2 {
    margin-bottom:0;
    font-size:20px;
    font-weight: normal;
}
.cartographie-bubble {
    color:#000;
    display: none;
    position: fixed;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    padding: 10px;
    z-index: 1000000;
    transform:translateY(-50%);
    pointer-events: none;
}
.shortcode-cartographie .legends_fourrageres {
    position: absolute;
    left:10px;
    top:10px;
    z-index: 10;
    background:#fff;
    padding:5px;
    border-radius: 4px;
}
.legends_fourrageres ol {
    list-style-type: none;
}
.legends_fourrageres ol>li:not(:last-child) {
    margin-bottom:5px;
}
.legends_fourrageres ol>li {
    padding: 5px 10px;
    color: #000;
    font-weight:bold;
    font-size:12px;
    text-align:right;
    line-height:1;
}

.legends_fourrageres ol>li:nth-child(1) {
    background: #ff6533;
}
.legends_fourrageres ol>li:nth-child(2) {
    background: #00ff00;
}
.legends_fourrageres ol>li:nth-child(3) {
    background: #00ffff;
}
.legends_fourrageres ol>li:nth-child(4) {
    background: #ffff00;
}
.legends_fourrageres ol>li:nth-child(5) {
    background: #ff3365;
}
.legends_fourrageres ol>li:nth-child(6) {
    background: #ffcc99;
}
path.leaflet-interactive{cursor: default;}
.shortcode-cartographie>.legends {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    font-size:12px;
    z-index: 100000;
}
.shortcode-cartographie>.legends>*{
    display:block;
}
.shortcode-cartographie>.legends>span:first-child {
    font-weight: bold;
}
.shortcode-cartographie>.legends>span:not(:first-child){
    display:flex;
    justify-content: start;
    align-items:center;
    line-height: 1;
    margin-bottom: 6px;
}

.shortcode-cartographie>.legends>span>span:first-child {
    width: 24px;
    height: 12px;
    margin-right:5px;
}
.multiple-carte .shortcode-cartographie {
    height: 320px;
}