#filtre{
	max-height:0;
	overflow:hidden;
}
#filtre.ouvreFiltre{
	opacity:1;
	max-height:500px;
	animation: ouvertureFiltre 1s ease forwards;
}
#editerBouton{
	position:fixed;
	bottom:10px;
	right:10px;
	height:50px;
	width:auto;
	fill:#204E8A;
	cursor:pointer;
}
#editerBouton:hover{
	fill:#FFF8E7;
}
#editerMenu{
	position:fixed;
	bottom:65px;
	right:10px;
	width:250px;
	height:auto;
	background-color:#204E8A;
}
#editerMenu svg{
	width:25px;
	height:auto;
	fill:#39649B;
}
.boutonActionBleuClair{
	width:30px;
	height:auto;
	fill:#204E8A;
	cursor:pointer;
}
.quartierGlobe{
	float:left;
	width:33.33%;
	padding:10px;
}
.quartier{
	float:left;
	width:100%;
	border:thin solid #39649B;
}
.quartierEntete{
	float:left;
	width:100%;
	color:#1E3B6E;
	background-color:#39649B;
}
.quartierEntete h2{
	float:left;
	width: calc( 100% - 65px );
	margin:12px;
	font-size:18px;
}
.quartierEdit{
	float:right;
	color:#204E8A;
}
.quartierEdit svg{
	height:40px;
	width:auto;
	fill:#204E8A;
	cursor:pointer;
}
.quartierContenu svg{
	/*max-width:100%;*/
}
.quartierContenu{
	float:left;
	width:100%;
	padding:10px;
	max-height:300px;
	overflow: auto;
    scrollbar-gutter: stable;
}

@media (max-width: 780px) {
	.quartierGlobe{ width:50%; }
}
@media (max-width: 450px) {
	.quartierGlobe{ width:100%; }
}