/* ============================================================================================= */
/* ============================================================================================= */
/* -------------------- Domaines page
/* ============================================================================================= */
/* ============================================================================================= */
.pDoms {
	background-color: #F7E7D9;
}

/* ============================================================================================= */
/* -------------------- General
/* ============================================================================================= */
.pDoms  .container {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 130px;
	padding-left: 40px;
	overflow: hidden;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
}
.pDoms .container svg {
	height: 100%;
}
.pDoms .moved {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.pDoms .container .legende {
	position: fixed;
	width: 100%;
	bottom: 0;
	color: #c29e4a;
	text-align: center;
	font-weight: bold;
	text-align: center;
}

.arrow {
	position: fixed;
	top: 0;
	cursor: pointer;
	width: 50px;
	height: 100%;
	text-align: center;
	display: table;
	background-color: rgba(72,52,43,0.6);
	color: #c29e4a;
}
.arrow .fa {
	display: table-cell;
	vertical-align: middle;
}
#panLeft {
	left: 0;
}
#panRight {
	right: 0;
}


@media only screen and (max-width: 1366px) {
	.pDoms footer {
		position: absolute;
		top: 100%;
		bottom: inherit;
	}
	.pDoms .container {
		overflow: hidden;
	}
	.pDoms .container .legende {
		bottom: 0;
	}
	.pDoms  .container svg {
		height: auto;
		width: auto;
	}

}