#diaporama {
	margin-top : -141px;
	height     : 100vh;
}
#diaporama #video {
	width            : 100%;
	height           : calc(100% - 141px);
	top              : 141px;
	position         : relative;
	background-color : #081A2D;
}

@media screen and (max-width : 1199px) {
	#diaporama {
		margin-top : -100.5px;
		height     : auto;
	}

	#diaporama #video {
		height : calc(100% - -100.5px);
		top    : 100.5px;
	}
}

@media screen and (max-width : 991px) {
	#diaporama {
		margin-top : 0;
	}

	#diaporama #video {
		height : 100%;
		top    : 0;
	}
}

#page .apercu .pictos,
#page .secteurs .pictos {
	display         : flex;
	align-items     : flex-start;
	flex-wrap       : wrap;
	justify-content : center;
}

#page .apercu .pictos .picto,
#page .secteurs .pictos .picto {
	width      : 25%;
	text-align : center;
}

#page .secteurs .pictos .picto {
	width : 20%;
}

#page .apercu .pictos .picto img,
#page .secteurs .pictos .picto img {
	width   : 75px;
	display : block;
	margin  : auto;
}

#page .apercu .pictos .picto span,
#page .secteurs .pictos .picto span {
	font-weight    : bold;
	font-size      : 14px;
	text-transform : uppercase;
	line-height    : 1;
	display        : inline-block;
	margin-top     : 20px;
	color          : initial;
}

#page .secteurs .pictos {
	margin-top : 50px;
}


@media screen and (max-width : 767px) {
	#page .apercu .pictos .picto,
	#page .secteurs .pictos .picto {
		width         : 50%;
		margin-bottom : 35px;
	}
}