/* Le titre d'une page */
	.ContentPageRubTitle {
		font-size: 27px;
		font-family: "century Gothic";
		color: #373737;
		text-shadow: 0.8px 0.8px 0px #CDCDCD;
		letter-spacing: 1px;
		margin-top: 20px;
		width: 100%;
		float: left;
	}


	/* Le sous-titre d'une page */
	.ContentPageRubSubTitle {
		font-size: 15px;
		font-family: "century Gothic";
		color: #373737;
		letter-spacing: 1px;
		font-style: italic;
		width: 100%;
		float: left;
	}

	.contentPageRubTab {
		font-family: "century Gothic";
		letter-spacing: 1px;
		font-style: italic;
		color: #15ADFF;
	}

	/* la balise 'body' */
	body {
		margin: 0px;
		font-family: "century Gothic"; /*Helvetica,Arial,sans-serif;*/
		font-size: 12px;
		/*background: url(images/backgroundFull.jpg) no-repeat center center fixed;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.blueLink {
		color: #15ADFF;
	}

	.valid {
		outline: none;
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid green;
	}

	.invalid {
		outline: none;
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid red;
	}

	input[type="range"] {
		position: relative;
		margin-left: 1em;
	}

		input[type="range"]:after, input[type="range"]:before {
			position: absolute;
			top: 1em;
			color: #aaa;
		}

		input[type="range"]:before {
			left: 0em;
			content: attr(min);
		}

		input[type="range"]:after {
			right: 0em;
			content: attr(max);
		}

	output {
		position: absolute;
		top: 35px;
		left: 70px;
	}

	.lastDay {
		box-shadow: 0 0.18rem 0 0 #e1ae78;
	}

	.late {
		box-shadow: 0 0.18rem 0 0 #be2026;
	}

	.uploadbadge {
		background: red;
		border-radius: 6px;
		display: inline-block;
		padding: 0.3em;
		padding-right: 0.3em;
		padding-left: 0.3em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		color: #f3f3f3;
		right: 0px;
		top: -5px;
		font-size: 0.7em;
		opacity: 0.85;
		position: absolute;
		text-shadow: none;
	}

	.propHeader {
		cursor: pointer;
	}



@media (prefers-color-scheme: dark) {
	/* Le titre d'une page */
	.ContentPageRubTitle {
		font-size: 27px;
		font-family: "century Gothic";
		color: #e6e0e0;
		text-shadow: none;
		letter-spacing: 1px;
		margin-top: 20px;
		width: 100%;
		float: left;
	}


	/* Le sous-titre d'une page */
	.ContentPageRubSubTitle {
		font-size: 15px;
		font-family: "century Gothic";
		color: #ccc8c8;
		letter-spacing: 1px;
		font-style: italic;
		width: 100%;
		float: left;
	}

	.contentPageRubTab {
		font-family: "century Gothic";
		letter-spacing: 1px;
		font-style: italic;
		color: #15ADFF;
	}

	/* la balise 'body' */
	body {
		margin: 0px;
		font-family: "century Gothic"; /*Helvetica,Arial,sans-serif;*/
		font-size: 12px;
		/*background: url(images/backgroundFull.jpg) no-repeat center center fixed;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #404040 !important
	}

	.blueLink {
		color: #aaaeb5;
	}

	.valid {
		outline: none;
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid green;
	}

	.invalid {
		outline: none;
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid red;
	}

	input[type="range"] {
		position: relative;
		margin-left: 1em;
	}

		input[type="range"]:after, input[type="range"]:before {
			position: absolute;
			top: 1em;
			color: #aaa;
		}

		input[type="range"]:before {
			left: 0em;
			content: attr(min);
		}

		input[type="range"]:after {
			right: 0em;
			content: attr(max);
		}

	output {
		position: absolute;
		top: 35px;
		left: 70px;
	}

	.lastDay {
		box-shadow: 0 0.18rem 0 0 #e1ae78;
	}

	.late {
		box-shadow: 0 0.18rem 0 0 #be2026;
	}

	.uploadbadge {
		background: red;
		border-radius: 6px;
		display: inline-block;
		padding: 0.3em;
		padding-right: 0.3em;
		padding-left: 0.3em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		color: #f3f3f3;
		right: 0px;
		top: -5px;
		font-size: 0.7em;
		opacity: 0.85;
		position: absolute;
		text-shadow: none;
	}

	.propHeader {
		cursor: pointer;
	}
}