.map{
	
	display: -webkit-flex;
	-webkit-justify-content: space-around;
	
	display: flex;
	justify-content: space-around;
	margin-bottom: 100px;
	
}

.map__image{
	width: 50%;
	padding-left: 5%;
}

.map__image g{
	fill: silver;
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;
}

.g-active:hover{
	fill: var(--secondary-color);
	stroke: #FFF;
	stroke-width: 1px;
	transition: fill 0.3s;
	cursor: pointer;
}

.g-inactive{
	opacity: 0.4;
	pointer-events: none;
	cursor: default;
}

.map__div{
	width: 30%;
}

.map__list{
	width: 100%;
}

.map__list ul{
	decoration: none;
	list-style: none;
}

/*.map__list ul li{
	display: none;
}*/

/* .map__list li button{
	font-size: 16px;
	font-family: 'KG', Futura, Sans-serif;
	color: silver;
	font-weight: lighter;
	background-color: white;
} */

/* .map__list li button:hover{
	color: #EA5937;
} */

#aSend{
	text-decoration: none;
}

#btnSend{
	display: none;
}


.map__list div{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	margin: 10px;
	background-color: seashell;
	border-radius: 0px 7px 7px 7px;
}

.map__list div p{
	border-top: 1px solid var(--secondary-color);
	margin-top: 8px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 15px;
	font-size: 15px;
}


/* Par défaut, tous les blocs contact sont masqués (affichés par JS au clic/survol) */
.map__list div[id^="contact-"]{
	display: none;
}


@media (max-width: 1200px)
{
	.map__image{
		background-position:10% 300px;
	}
}

@media (max-width: 1000px)
{
	.map__image{
		background-position:10% 250px;
	}
}

@media (max-width: 800px)
{
	.map{
		
		display: -webkit-flex;
		-webkit-flex-direction: column;
		-webkit-align-items: center;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 30px;
	}
	
	.map__image{
		width: 80%;
		padding-left: 0;
	}
	
	.map__div{
		width: 80%;
	}
}