#side_menu_container
{
	width : calc(300px - 20px);
	height : calc(100vh - 50px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	display : flex;
	align-items : center;
	justify-content : center;

	background-color : #373a3c;

	position : fixed;
	left : 0px;
	top : 50px;
}

#side_menu_main
{
	width: 100%;
	height : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content: start;
	flex-direction: column;

	font-family: 'Roboto', serif;
}

#side_menu_buttons
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content: center;
	flex-direction : column;

	margin-bottom : 20px;
}

.new_project_button
{
	background-color : #eeeeee;

	padding-left : 20px;
	padding-right : 20px;
	padding-top : 10px;
	padding-bottom : 10px;

	text-decoration : none;

	color : black;

	font-weight : bold;

	border-radius : 20px;

	font-size : 1.1em;
}

#side_menu_compte, #side_menu_projets, #side_menu_options
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	margin-bottom : 20px;

	display : flex;
	align-items : center;
	justify-content: center;
	flex-direction : column;
}

#side_menu_compte a
{
	display : block;
	margin : 0px;
	padding : 0px;

	padding-left : 20px;
	padding-right : 20px;
	padding-top : 10px;
	padding-bottom : 10px;

	text-decoration : none;

	color : white;

	font-weight : bold;

	border-radius : 5px;

	border : 1px solid #eeeeee;
}

#side_menu_compte a:hover
{
	background-color : #888888;
}

#menu_login_button
{
	background-color : green;
	margin-bottom : 10px!important;
}

#menu_signup_button
{
	background-color : red;
}



#side_menu_projets a, #side_menu_options a
{

	width : calc(100% - 20px);

	margin : 0px;
	padding : 0px;

	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;

	border-radius : 5px;

	text-decoration : none;

	color : #EEEEEE;

	font-weight : bold;

	display : flex;
	align-items : center;
	justify-content : start;
}

#side_menu_projets a:hover, #side_menu_options a:hover
{
	background-color : #888888;
}

#side_menu_projets a img, #side_menu_options a img
{
	height : 16px;
	width : auto;

	margin : 0px;
	padding : 0px;

	margin-right : 10px;
}