.color-route { color: #9bc53c !important; }
.color-content { color: #b7b71b !important; }
.color-corpus   { color: #ded039 !important; }
.color-tool     { color: #91914d !important; }

.pulse, .leaflet-marker-pane path[fill="#f08582"] {
    animation: pulsate 1s ease-out;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}


@keyframes pulsate {
    0% {transform: opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: opacity: 0.0;}
}



/* ------------------------------------------------------------------ */
/* Interface
/* ------------------------------------------------------------------ */

#site-header { box-shadow: 0 0 10px #aaa; }


/* Carte */
#map-container { position: absolute; top: 80px; right: 0; bottom: 0; left: 0; }
#map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50; }



/* ------------------------------------------------------------------ */
/* Panneau latéral gauche
/* ------------------------------------------------------------------ */


.control-zoom { display: block; position: absolute; left: 0; z-index: 1000; }
.control-zoom:hover { opacity: 0.9; }
#zoom-in { top: 0; }
#zoom-out { top: 82px; }



#map-control-container { position: absolute; z-index: 100; top: 0; bottom: 0; left: -360px; width: 440px; transition: all 0.2s ease-in-out; }
#map-control-container.open { left: 0; }

#map-control-zoom {  position: absolute; top: 0; right: 0; width: 80px; }

#map-control-toggles { position: absolute; top: 164px; right: 0; width: 80px; }
a.map-control-toggle { color: #fff; height: 85px; text-decoration: none; background-color: #417B7B; background-image: url(/images/map-control-sprite-3.png); background-repeat: no-repeat; background-position-x: 50%; }
a.map-control-toggle:hover  { background-color: #D05826; }
a.map-control-toggle.active { background-color: #C1FBFD; background-position-y: -880px !important; }

#toggle-search            { background-position-y: 0; }
#toggle-archive           { background-position-y: -160px; }
#toggle-publication       { background-position-y: -320px; }
#toggle-layers            { background-position-y: -480px; }
#toggle-help              { background-position-y: -640px; }

#toggle-help        { /* background-position-y: -320px; */ }


#map-control-toggles .tooltip { left: 5px !important; }
#map-control-toggles .tooltip.show { opacity: 1; }
#map-control-toggles .tooltip-inner { background-color: #D05826; white-space: nowrap; border-radius: 0; font-size: 18px; padding: 8px 20px; }
#map-control-toggles .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: #D05826; }


/* #map-control-panels { overflow: auto; padding-bottom: 62px; } */
/* #map-control-inner { overflow: auto; padding-bottom: 62px; } */

.map-control-panel { position: absolute; top: 0; right: 80px; left: 0; background-color: #fff; height: 100%; }



/* .map-control-panel .mCSB_container { height: 100%!important; } */
.panel-inner { overflow: auto; padding: 40px 0 70px 0; color: #016f7a; }
.panel-padding { padding: 0 24px; }

.map-control-panel h2 { font-size: 30px; }
.map-control-panel .text-help { font-size: 14px; }

/* Formulaire de recherche */
#panel-search label { font-size: 11px; color: #016f7a; font-weight: bold; text-transform: uppercase; }
#panel-search .custom-text { background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #016f7a; padding-left: 0; }
#panel-search .custom-text::placeholder { color: #aaa; opacity: 0.37; font-style: italic; }
#panel-search .custom-text:focus { outline: none; }
#panel-search .btn-search { border: none; background-color: transparent; border-bottom: 1px solid #016f7a; }
#panel-search .btn-search:focus,
#panel-search .btn-search:active { border: none; outline: none; opacity: 0.8; border-bottom: 1px solid #016f7a; }

/* Multiselect */
#panel-search .multiselect-native-select .btn { background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid #016f7a; color: #666; padding-left: 0; }
#panel-search .multiselect-native-select .btn::after { display: none; }
#panel-search .multiselect-native-select .dropdown-menu li label { font-size: 16px; color: #444; font-weight: normal; text-transform: inherit; }

/* Slider année */
.noUi-horizontal { height: 9px; }
.noUi-connect { background-color: #d05726 !important; }
.noUi-target { border: none; border-radius: 0; background: #016f7a; box-shadow: none; }
.noUi-handle { top: -10px !important; width: 28px; height: 28px; background-image: url(/images/slider-button.png); background-repeat: no-repeat; border: none; border-radius: 0; background-color: transparent; box-shadow: none; }
.noUi-handle:after, .noUi-handle:before { display: none; }
.period_date { color: #016f7a; font-size: 16px; font-weight: bold; }



/* Filtrage des couches */
.panel-filter { border-bottom: 1px solid #e6e6e6; }
.panel-filter label.fake-label { font-size: 11px; color: #016f7a; font-weight: bold; text-transform: uppercase; position: relative; top: 5px; cursor: pointer; }
.panel-filter .custom-control-label::before { width: 26px; height: 26px; border: none; background-color: transparent; }
.panel-filter .custom-control-input:checked~.custom-control-label::before { background-color: transparent; }
.panel-filter .custom-control-label::after { width: 26px; height: 26px; background: no-repeat; top: 0; cursor: pointer; }
.panel-filter .custom-checkbox .custom-control-input~.custom-control-label::after { background-image: url(/images/checkbox-unchecked.png); }
.panel-filter .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url(/images/checkbox-checked.png); }

/* Liste d'archives / contenus */
.panel-results { /* overflow: auto; */ }


#form-filter { padding-bottom: 62px; }
#map-archive-list { padding-bottom: 62px; }
#map-publication-list { padding-bottom: 62px; }
#map-layer-list { padding-bottom: 62px; }
#map-help-content { padding-bottom: 62px; }

.map-control-panel .list-group-item { font-size: 12px; color: #016f7a; padding: 5px 5px 5px 25px; margin-bottom: 15px; border-radius: 0; border-left: 0; border-right: 0; border: none !important; margin-top: 0 !important; }
.map-control-panel .list-group-item .img-default { display: inline; }
.map-control-panel .list-group-item .img-active { display: none; }
.map-control-panel .list-group-item span { position: relative; top: 2px; margin-left: 5px; }
.map-control-panel .list-group-item:hover,
.map-control-panel .list-group-item.active { background-color: #B3CFD2; color: #fff !important; font-weight: 700; }
.map-control-panel .list-group-item:hover .img-default,
.map-control-panel .list-group-item.active .img-default { display: none; }
.map-control-panel .list-group-item:hover .img-active,
.map-control-panel .list-group-item.active .img-active { display: inline; }

.map-control-panel label.list-group-item { cursor: pointer; }



/* Lecteur audio */
#audioplayer-container { position: absolute; z-index: 1000; left: 0; right: 0; bottom: 0; background-color: rgba(1,111,122,0.89); color: #fff; }
#audioplayer-container h2 { font-size: 24px; font-style: italic; font-weight: 900; width: 100px; }
#player-trackname { font-size: 12px; font-weight: 900; }

#audioplayer { min-width: 70%; position: relative; top: 5px; }
#audioplayer .mejs__container {  background: transparent; }
#audioplayer .mejs__controls { background: transparent; }
#audioplayer .mejs__time { font-weight: 400; }



/* Contenu d'une notice */
#content-layer { position: absolute; z-index: 100; width: 360px; top: 0; right: -360px; bottom: 0; background-color: rgba(255,255,255,1); transition: all 0.2s ease-in-out; }
#content-layer.open { right: 0; }
#map-content-close { text-decoration: none; }
#content-inner { overflow: auto; padding-bottom: 0px; }

#content-archive, #content-publication { padding-bottom: 63px; }

#content-layer { font-size: 13px; }
#content-layer h1 { font-size: 30px; font-weight: 900; }
#content-layer .text-label { font-size: 10px; font-weight: 900; text-transform: uppercase; }
#content-layer .text-content { font-size: 14px; }
#content-layer .list-group-item { background-color: #DCE8E9; border: none; border-bottom: 1px solid #fff; border-radius: 0; }
#content-layer p.lead { font-size: 16px; }




/* Markers */
/*
.marker-icon div { width: 24px; height: 24px; border-radius: 12px; border: 1.5px solid #fff; }
.marker-icon.marker-archive div { background-color: rgba(23, 162, 184, 0.8); }
.marker-icon.marker-thematic div { background-color: rgba(255, 193, 7, 0.8); }
.marker-icon.marker-resource div { background-color: rgba(110, 204, 57, 0.8); }
.marker-icon.marker-folder div { background-color: rgba(232,83,30, 0.8); }
.marker-icon.marker-tool div { background-color: rgba(192,98,211, 0.8); }
*/


/* Clusters */
.marker-cluster { background-clip: padding-box; border-radius: 20px; }
.marker-cluster div { width: 26px; height: 26px; margin-left: 7px; margin-top: 7px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }
.marker-cluster span { line-height: 27px; color: #fff; font-weight: 900; }


/* Bleu */
.marker-cluster-track { background-color: rgba(240,132,130, 0.6); }
.marker-cluster-track div { background-color: rgba(240,132,130, 1); }

/* Jaune */
.marker-cluster-route { background-color: rgba(176,197,80, 0.6); }
.marker-cluster-route div { background-color: rgba(176,197,80, 1); }

/* Vert */
.marker-cluster-content { background-color: rgba(201,189,36, 0.6); }
.marker-cluster-content div { background-color: rgba(201,189,36, 1); }

/* Orange */
.marker-cluster-corpus { background-color: rgba(252,226,102, 0.6); }
.marker-cluster-corpus div { background-color: rgba(252,226,102, 1); }

/* Violet */
.marker-cluster-tool { background-color: rgba(166,163,106, 0.6); }
.marker-cluster-tool div { background-color: rgba(166,163,106, 1); }




/* ------------------------------------------------------------------ */
/* Spécifique MD
/* ------------------------------------------------------------------ */

@media (max-width: 991px) and (min-width:768px) {

	#audioplayer { min-width: 60%; position: relative; top: 5px; }


}








/* ------------------------------------------------------------------ */
/* Spécifique Mobile SM
/* ------------------------------------------------------------------ */

@media(max-width:767px) {


	#map-container { top: 67px; }

	.control-zoom { display: none; }

	#map-control-toggles { top: 0; }

	#audioplayer { min-width: 100%; }

}





/* ------------------------------------------------------------------ */
/* Spécifique Mobile (encore plus petit)
/* ------------------------------------------------------------------ */

@media(max-width:575px) {


	.control-zoom { display: none; }


	#map-control-container { width: 100%; left: -100%; top: 50px; }
	.map-control-panel { top: 0; right: 0; left: 0; border-right: none !important; }
	.map-control-panel h2 { font-size: 20px; }
	#map-control-toggles { position: fixed; z-index: 1000; top: 67px; right: 0; left: 0; width: 100%; border-top: none !important; }

	a.map-control-toggle { width: 20%; height: 50px; float: left; }
	a.map-control-toggle.active { background-position-y: -895px !important; }

	#toggle-search            { background-position-y: -15px; }
	#toggle-search:hover      { background-position-y: -95px; }
	#toggle-archive           { background-position-y: -175px; }
	#toggle-archive:hover     { background-position-y: -255px; }
	#toggle-publication       { background-position-y: -335px; }
	#toggle-publication:hover { background-position-y: -415px; }
	#toggle-layers            { background-position-y: -495px; }
	#toggle-layers:hover      { background-position-y: -575px; }
	#toggle-help              { background-position-y: -655px; }
	#toggle-help:hover        { background-position-y: -735px; }

	.panel-inner { padding: 20px 0; }
	.panel-padding { padding: 0 20px; }

	#content-layer { width: 100%; right: -100%; }
	#content-layer h1 { font-size: 20px; font-weight: 900; }

	#content-inner { padding-bottom: 47px; }

	#content-archive, #content-publication { padding-bottom: 47px; }

	#form-filter { padding-bottom: 46px; }
	#map-archive-list { padding-bottom: 46px; }
	#map-publication-list { padding-bottom: 46px; }
	#map-layer-list { padding-bottom: 46px; }
	#map-help-content { padding-bottom: 46px; }


}