body
{
	flex-wrap: wrap;
	font-family: 'Montserrat', sans-serif;
}

#menubarre
{
	background-color: #28092e;
	width: 150px;
	height: 100vh;
	position: fixed;
	color: #FFFFFF;
	padding: 10px;
}
#menubarre i
{
	font-size: 24px;
	color: #FFFFFF;
}
#menubarre a
{
	color: #FFFFFF;
}
#general-container
{
	margin-left: 150px;
	padding: 30px;
}
#mobile-menubarre
{
	display: none;
}
#footer
{
	background: rgba(255, 255, 255, 1);
	margin: 10px -30px -30px -30px;
	padding: 20px 30px;
	font-size: 11px;
}
#logotext
{
	font-size: 30px;
	font-weight: 800;
	display: inline;
}

.projet img.cover
{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


@keyframes menu-partir
{
	100% {
		transform: rotate(180deg);
		opacity: 0;
	}
}
@keyframes menu-venir
{
	100% {
		transform: rotate(-180deg);
		opacity: 1;
	}
}
.menu-partir
{
	opacity: 1;
	animation: menu-partir 200ms ease-in-out forwards;
}
.menu-venir
{
	opacity: 0;
	animation: menu-venir 200ms ease-in-out forwards;
}


@media (max-width: 800px)
{
	body
	{
		flex-wrap: nowrap;
	}

	#menubarre
	{
		display: none;
		z-index: 99;
	}
	#general-container
	{
		margin-left: 0px;
	}
	#mobile-menubarre
	{
		display: block;
		background: rgba(255, 255, 255, 1);
		padding: 30px;
	}
	#mobile-menubarre i
	{
		font-size: 30px;
		color: #000000;
	}
}