/*************************/
/* Message de chargement */
/*************************/
#loading-message {
	position:absolute;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:2000;

	color:white;
	background:rgba(0, 0, 0, 0.75);

	transition-property:opacity;
	transition-duration:250ms;
}

#loading-message.transparent {
	opacity:0;
}

#loading-message .content {
	position:absolute;

	top:50%;
	margin-top:-50px;
	height:100px;

	left:50%;
	margin-left:-50px;
	width:100px;

	text-align:center;
}

#loading-message .content .icon {
	font-size:32px;
}

/*************************/
/* Animation de rotation */
/*************************/
@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 1s linear infinite;
	-moz-animation: rotating 1s linear infinite;
	-ms-animation: rotating 1s linear infinite;
	-o-animation: rotating 1s linear infinite;
	animation: rotating 1s linear infinite;
}

/****************/
/* Pied de page */
/****************/
footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20px;
	background-color: #363636;
}
footer p, footer p a {
	color:999;
	margin:0;
}