#page {
	position : relative;
}

#page img.background {
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	object-fit : cover;
}

#titre {
	font-family    : "Montserrat", sans-serif;
	text-transform : uppercase;
	font-size      : 20pt;
	margin-top     : 20px;
	margin-left    : 50px;
	display        : inline-block;
	padding        : 15px;

	opacity        : 0;
}

#titre.load {
	opacity            : 1;

	-webkit-transition : opacity 1s ease;
	-moz-transition    : opacity 1s ease;
	-ms-transition     : opacity 1s ease;
	-o-transition      : opacity 1s ease;
	transition         : opacity 1s ease;
}

#resume {
	margin-left : 80px;
	padding     : 15px;
	text-align  : left;
	line-height : 1.5em;
	opacity     : 0;
}

#resume.load {
	opacity                  : 1;

	-webkit-transition       : opacity 1s ease;
	-moz-transition          : opacity 1s ease;
	-ms-transition           : opacity 1s ease;
	-o-transition            : opacity 1s ease;
	transition               : opacity 1s ease;

	-webkit-transition-delay : 0.5s;
	-moz-transition-delay    : 0.5s;
	-ms-transition-delay     : 0.5s;
	-o-transition-delay      : 0.5s;
	transition-delay         : 0.5s;
}

#texte {
	position           : relative;
	margin-top         : 50px;
	right              : 0;
	line-height        : 1.5em;
	opacity            : 1;
	-webkit-transition : opacity 1s ease;
	-moz-transition    : opacity 1s ease;
	-ms-transition     : opacity 1s ease;
	-o-transition      : opacity 1s ease;
	transition         : opacity 1s ease;
	pointer-events     : all;
}

#texte.texte_cache {
	opacity            : 0;
	pointer-events     : none;

	-webkit-transition : opacity 1s ease;
	-moz-transition    : opacity 1s ease;
	-ms-transition     : opacity 1s ease;
	-o-transition      : opacity 1s ease;
	transition         : opacity 1s ease;
}

#texte .mCustomScrollbar {
	max-height : 500px;
	padding    : 15px;
}

.simplebar-scrollbar:before {
	background : #FFFFFF;
}

#texte p:first-child {
	margin-top : 0;
}

#texte p:last-child {
	margin-bottom : 0;
}


#texte #fermer_fenetre {
	position           : absolute;
	top                : -10px;
	right              : -10px;
	width              : 25px;
	height             : 25px;
	color              : #FFFFFF;
	background-color   : #B80F1F;
	font-size          : 16px;
	display            : flex;
	align-items        : center;
	justify-content    : center;
	z-index            : 10;

	-webkit-transition : opacity 1s ease;
	-moz-transition    : opacity 1s ease;
	-ms-transition     : opacity 1s ease;
	-o-transition      : opacity 1s ease;
	transition         : opacity 1s ease;
}


#savoir_plus {
	position         : relative;
	top              : 0;
	left             : 0;
	padding          : 7px 15px;
	display          : inline-block;
	color            : #FFFFFF;
	text-decoration  : none;
	background-color : #B80F1F;
}

#savoir_plus i {
	font-size   : 12px;
	margin-left : 7px;
}


@media screen and (max-width: 991px){
	#page h1#titre{
		position : relative;
		left : 50%;
		-webkit-transform : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
		transform         : translateX(-50%);
		margin : 20px auto;
		opacity : 0;
		animation: 1s load ease;
		animation-fill-mode: forwards;
		text-align : center;
	}
	#resume{
		margin : 0;
		opacity : 0;
		animation: 1s load ease;
		animation-fill-mode: forwards;
	}
	#resume #savoir_plus{
		display : none;
	}
	#texte,
	#texte.texte_cache{
		opacity : 0;
		animation: 1s load ease;
		animation-fill-mode: forwards;
		margin : 0;
		border-top : 1px solid #9E0505;
	}
	@keyframes load{
		from{
			opacity : 0;
		}
		to{
			opacity : 1;
		}
	}
	#texte #fermer_fenetre{
		display : none;
	}

	#texte .mCustomScrollbar{
		max-height: none;
	}
}