/* BIBLI COLORS ===========================

.map-io__color-01  #023aad
.map-io__color-02  #7A0307
.map-io__color-03  #78909C
.map-io__color-04  #17B9FF
.map-io__color-05  #FF7D00
.map-io__color-06  #FF9392
.map-io__color-07  #09D19A
.map-io__color-08  #FD3635
.map-io__color-09  #ffa509

============================================*/


/*=========================
.row_map-io

.map-io-box
	.map-io-box__header
		.map-io-box__title
		.map-io-box__icon
	.map-io-box__content
		.map-io-box__label

=========================*/
.row_map-io {
	display: flex; 
	flex-direction: row;
	align-items: center;
}
.map-io-box {
    width: 270px;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
    z-index: 2;
    right: 0px;
    margin-right: 10px;
    margin-top: 10px;
}

.map-io-box__header {
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.map-io-box__title {
	font-size: 14px;
	font-weight: bold;
}
.map-io-box__icon {
/*	display: none;*/
}
.map-io-box__content {
	padding: 10px;
}
.map-io-box__label {
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    color: #5A5A5A;
    display: block;
}

@media (min-width: 768px) {
    .map-io-box {
        position: absolute;
    }
}

@media (max-width: 767px) {
    .map-io-box {
        width: 100%;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        -moz-border-radius-bottomright: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin: 0px;
    }
	
.map-io-box__header {
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
}


/*=========================

.custom-control-label (bootstrap)
.custom-control-input (bootstrap)

.custom-control-input__color-01  #023aad
.custom-control-input__color-02  #7A0307
.custom-control-input__color-03  #78909C
.custom-control-input__color-04  #17B9FF
.custom-control-input__color-05  #FF7D00
.custom-control-input__color-06  #FF9392
.custom-control-input__color-07  #09D19A
.custom-control-input__color-08  #FD3635
.custom-control-input__color-09  #ffa509

=========================*/

/**/

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}


.custom-control-label::before {
  position: absolute;
  top: 4px;
  left: -24px;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
    position: absolute;
	top: 4px;
	left: -24px;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

/*color-01 -- transport*/
.custom-control-input__color-01:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #023aad !important;
    background-color: #023aad !important;
}

.custom-control-input__color-01:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-01:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-01:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}


/*color-02 -- Gare*/
.custom-control-input__color-02:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #7A0307 !important;
    background-color: #7A0307 !important;
}

.custom-control-input__color-02:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-02:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-02:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}


/*color-03 -- Ecoles*/
.custom-control-input__color-03:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #78909C !important;
    background-color: #78909C !important;
}

.custom-control-input__color-03:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-03:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-03:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*color-04 -- Commerces*/
.custom-control-input__color-04:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #17B9FF !important;
    background-color: #17B9FF !important;
}

.custom-control-input__color-04:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-04:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-04:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*color-05 -- Playground*/
.custom-control-input__color-05:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #FF7D00 !important;
    background-color: #FF7D00 !important;
}

.custom-control-input__color-05:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-05:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-05:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*color-06 -- creche*/
.custom-control-input__color-06:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #FF9392 !important;
    background-color: #FF9392 !important;
}

.custom-control-input__color-06:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-06:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-06:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*color-07 -- Sports & loisirs*/
.custom-control-input__color-07:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #09D19A !important;
    background-color: #09D19A !important;
}

.custom-control-input__color-07:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-07:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-07:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*color-08 -- Hopitaux*/
.custom-control-input__color-08:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #FD3635 !important;
    background-color: #FD3635 !important;
}

.custom-control-input__color-08:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-08:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-08:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*color-09 -- Restaurants*/
.custom-control-input__color-09:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #ffa509 !important;
    background-color: #ffa509 !important;
}

.custom-control-input__color-09:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input__color-09:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff !important;
}

.custom-control-input__color-09:not(:disabled):active ~ .custom-control-label::before {
    color: #fff !important;
    background-color: #b3d7ff !important;
    border-color: #b3d7ff !important;
}

/*=========================

.map-io-toggle
	.map-io-toggle__section
		.map-io-toggle__pict
		.map-io-toggle__category
		.map-io-toggle__text
		.map-io-toggle__lines-row
			.map-io-toggle__lines

=========================*/


.map-io-toggle {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(3px);
    width: 190px;
    padding: 10px;
    /*	position: relative; */
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    /*	border: 1px dotted red;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
}


    .map-io-toggle:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -14px;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(3px);
        clear: both;
    }
	
.map-io-toggle__section {
	padding-bottom: 10px;
}

.map-io-toggle__pict {
	height: 30px !important;
    max-width: 133px;
	padding-bottom: 5px;
	}
.map-io-toggle__category {
	font-size: 12px;
	color: #B0B0B0;
}
.map-io-toggle__text {
	font-size: 12px;
	font-weight: bold;
	color: #5A5A5A;
}
.map-io-toggle__lines-row {
	display: flex;
    flex-wrap: wrap;
}
.map-io-toggle__lines {
	background-color: #B5B5B5;
    padding: 1px 3px;
    font-size: 10px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    margin: 0 2px 2px 0;
    min-width: 2.5em;
}



/* ICONS ===========================

.map-io__color-01  #023aad
.map-io__color-02  #7A0307
.map-io__color-03  #78909C
.map-io__color-04  #17B9FF
.map-io__color-05  #FF7D00
.map-io__color-06  #FF9392
.map-io__color-07  #09D19A
.map-io__color-08  #FD3635
.map-io__color-09  #ffa509


.map-io-point
	.map-io-point__color-01 
	.map-io-point__color-02
	.map-io-point__color-03 
	.map-io-point__color-04 
	.map-io-point__color-05 
	.map-io-point__color-06 
	.map-io-point__color-07 
	.map-io-point__color-08 
	.map-io-point__color-09 

	.map-io-point__icon

===================================*/

.map-io-point {
	width: 32px;
	height:32px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-radius: 50%;
	box-shadow: 0px 1px 15px #888;	
}

.map-io-point__color-01 { background-color: #023aad; }
.map-io-point__color-02 { background-color: #7A0307; }
.map-io-point__color-03 { background-color: #78909c; }
.map-io-point__color-04 { background-color: #17B9Ff; }
.map-io-point__color-05 { background-color: #FF7D00; }
.map-io-point__color-06 { background-color: #FF9392; }
.map-io-point__color-07 { background-color: #09D19a; }
.map-io-point__color-08 { background-color: #FD3635; }
.map-io-point__color-09 { background-color: #ffa509; }

.map-io-point__icon { width: 30px;}

#points_interets:hover { text-decoration: none; }


a .map-io-box__header {
	transition: all 0.15s ease-in-out;
}

a:not(.collapsed) .map-io-box__header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.leaflet-popup-content-wrapper {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(3px);
    width: 190px;
    padding: 10px;
    /*	position: relative; */
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    /*	border: 1px dotted red;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
}

    .leaflet-popup-content-wrapper:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -14px;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(3px);
        clear: both;
    }

.leaflet-popup-tip-container{
    display:none;
}

.leaflet-container {
    z-index: 1;
}