html, body{
	background-color: #000000;
	min-height: calc(100vh);
}

footer{
	border-top: 1px solid #c62828 !important;
	background-color: #000000;
	height: 100px;
	text-align: center;
}

footer img{
	margin-left: 5px;
	margin-right: 5px;
}

.breadcrumb{
	border: 1px solid #FFFFFF !important;
	background-color: #343a40 !important;
	color: #FFFFFF;
}

.breadcrumb a{
	text-decoration: none !important;
	color: #c62828 !important;
}

.breadcrumb .active{
	text-decoration: none !important;
	color: #ffffff !important;
}

.card{
	border-color: #FFFFFF !important;
	background-color: #343a40 !important;

}

.bg-gris{
	background-color: #343a40;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.menu_index{
	border-radius: 8px;
	background: url('../pictures/bg_index.png');
	height: 80%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;

}

.list_index{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.list_index a{
	background-color: #343a40 !important;
	color: white !important;
}

.list_index a:hover{
	background-image:linear-gradient(to right, #343a40, #c62828);
}

.list-group-item{
	border: 1px solid #ffffff !important;
}

.navbar{
	background-color: #c62828 !important;
	border-bottom: 1px solid black !important;
}

.navbar-brand{
	font-family: 'Baloo Bhai', cursive;
	font-size: 1.25rem;
}

.mh80{
	max-height: calc(80vh) !important;
}

.width_auto{
	width: auto !important;
	max-width: 100% !important;
}

.invalid-feedback{
  display: block !important;
}

.navbar-dark .navbar-nav .nav-link{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #FFFFFF !important;
}

.navbar-dark .navbar-nav .nav-link:hover{
	color: black !important;
}

.help-block{
	margin-top: .25rem;
	font-size: .875rem;
	color: #dc3545;
}

textarea{
	resize: none;
}

.titre-section{
	font-size: 40px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-family: 'Baloo Bhai', cursive;
}

.titre{
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	font-family: 'Baloo Bhai', cursive;
}

.h100 {
	height: 100%;
}


.full-page{
	min-height: calc(100vh - 168px);
	height: 100%;
	background: url('../pictures/bg.jpg');
	background-size: 100% 100%;
}

.full-page-view{
	min-height: calc(100vh - 188px);
	height: 100%;
}

.text-blanc{
	color: #FFFFFF;
}