html, body
{
	margin: 0;padding: 0;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	color: #DEDEDE;
	background-color: #4C4C4C;
	padding-bottom: 5em;
}

/* HOME */

#buttonActionApiCall
{
	display: none;
}

/* NAVIGATION */

#nav_menu
{
	margin-top: 0;
	width: 100%;
	height: 4em;
	margin-left: -2.5em;
	background-image:linear-gradient(45deg, #272727, #444444);
	border-bottom: 1px solid #BFBFBF;
	display: flex;
 	align-items: center;
 	justify-content: space-around;
 	list-style: none;
}

.link_menu
{
	text-decoration: none;
	color: #DEDEDE;
	transition: all 0.3s ease-in-out;
}

.link_menu:hover
{
	color: #4682B4;
}

/* HOME TEXT SECTION */

.text_menu
{
	
}

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

#home_text
{
	width: 80%;
	text-align: center;
}

h1
{
	text-align: center;
}

h2
{
	text-align: center;
}

/* FORM SECTION */

.form_section
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 5em;
}

#bens_logo
{
	width: 15em;
	margin-top: 1em;
}

.form
{
	border: 1px solid #AFAFAF;
	background-image:linear-gradient(45deg, #272727, #444444);
	border-radius: 10px;
	box-shadow: 2px 2px 2px #777777;
	width: 80%;
	text-align: center;
	padding-bottom: 1.5em;
	margin: auto;
	margin-top: 5em;
	margin-bottom: 1em;
}

.id_login
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.password_login
{
	margin-top: 1em;
	margin-bottom: 1em;
}

#connexion_failure_view
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3em;
}

/* INDEX ADMIN */

#block_links_admin
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.block_link_admin
{
	border: 1px solid #AFAFAF;
	background-image:linear-gradient(45deg, #272727, #444444);
	border-radius: 10px;
	box-shadow: 2px 2px 2px #777777;
	width: 4em;
	height: 4em;
	text-decoration: none;
	text-align: center;
	color: #DEDEDE;
	font-weight: bold;
	padding: 3em;
	margin: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.fa-money-bill-wave
{
	font-size: 60px;
}

.fa-map-marker-alt
{
	font-size: 60px;
}

.fa-question-circle
{
	font-size: 60px;
}

.fa-bell
{
	font-size: 60px;
}

/* ACCUEIL APP MOBILE */

.fa-euro-sign
{
	font-size: 40px;
}

.fa-table
{
	font-size: 40px;
}

.fa-yen-sign
{
	font-size: 40px;
}

/* TABLE CURRENCY */

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

.block_single_admin_currency
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 80%;
	margin-bottom: 1em;
	padding: 2em;
	border: 1px solid #AFAFAF;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.title_currency_admin
{
	text-align: center;
	color: #DEDEDE;
	padding-top: 1em;
	margin-bottom: 1em;
}

.currency_admin
{
	text-align: center;
	font-weight: bold;
	color: #DEDEDE;
	margin-bottom: 2em;
}

.block_single_admin_currency:hover
{
	background-color: #272727;
}

#notPostedButton
{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 6em;
	height: 4em;
	margin-bottom: 1em;
	color: #000000;
	background-color: #FF6060;
	border: 1px solid #AFAFAF;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #777777;
	transition: all 0.3s ease-in-out;
}

#notPostedButton:hover
{
	background-color: #D30000;
}

#postedButton
{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 6em;
	height: 4em;
	margin-bottom: 1em;
	color: #000000;
	background-color: #42FF58;
	border: 1px solid #AFAFAF;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #777777;
	transition: all 0.3s ease-in-out;
}

#postedButton:hover
{
	background-color: #00AD11;
}

/* FAQ ADMIN */

#question_admin_head_block
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding-bottom: 2em;
}

.create_button
{
	text-decoration: none;
	padding: 1em;
	color: #000000;
	background-color: #42FF58;
	border: 1px solid #AFAFAF;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #777777;
	transition: all 0.3s ease-in-out;
}

.create_button:hover
{
	background-color: #00AD11;
}

.question_admin
{
	width: 80%;
	text-align: center;
	font-weight: bold;
	color: #DEDEDE;
	margin: auto;
	margin-top: 2em;
}

.answer_admin
{
	width: 80%;
	text-align: center;
	color: #DEDEDE;
	padding-top: 1em;
	margin: auto;
	margin-bottom: 2em;
}

.link_single_admin_question
{
	text-decoration: none;
}

.block_single_admin_question
{
	border: 1px solid #AFAFAF;
	transition: all 0.3s ease-in-out;
}

.block_single_admin_question:hover
{
	background-color: #272727;
}

/* EDIT FAQ */

#form_crud_box
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	margin-bottom: 1em;
}

.delete_button
{
	text-decoration: none;
	padding: 1em;
	margin-bottom: 1em;
	color: #000000;
	background-color: #FF6060;
	border: 1px solid #AFAFAF;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #777777;
	transition: all 0.3s ease-in-out;
}

.delete_button:hover
{
	background-color: #D30000;
}

.input_title
{
	margin: 1em 0;
}

#myTextAreaQuestion
{
	margin: 1em 0;
	width: 600px;
	height: 10em;
}

#myTextAreaAnswer
{
	margin: 1em 0;
	width: 600px;
	height: 10em;
}

.submit_button_admin
{
	margin-bottom: 1em;	
}

/* MEDIA QUERIES */

@media screen and (max-width: 640px) {

	.link_menu
	{
		font-size: 14px;
	}

	.text_menu
	{
		font-size: 14px;
	}

	#block_links_admin
	{
		flex-direction: column;
	}

	/* TABLE CURRENCY */

	.block_section_admin_currency
	{
		
	}

	.block_single_admin_currency
	{
		flex-direction: column;
	}

	#postedButton
	{
		width: 10em;
		height: 3em;
	}

	#notPostedButton
	{
		width: 10em;
		height: 3em;
	}

	/* EDIT FAQ */

	#myTextAreaQuestion
	{
		width: 250px;
	}

	#myTextAreaAnswer
	{
		width: 250px;
	}

}