#contact_popup_container
{
	width : 100%;
	height : 100%;
	background-image : url('../common/images/bg_alpha.png');
	background-size : cover;
	position : fixed;
	top : 0px;
	left : 0px;
	display : none;
	min-width : 1024px;
}

#contact_popup_window
{
	width : 400px;
	background-color : #D3D3D3;
	position : fixed;
	top : 10%;
	left : calc(50% - calc(400px / 2));
	display : flex;
	flex-direction : column;
	box-shadow : 0px 0px 5px 5px #D3D3D3;
	padding-top : 20px;
}

#contact_popup_window h1
{
	margin : 0px;
	padding : 0px;
	width : 100%;
	font-size : 1.3em;
	text-align : center;
	border-bottom : 1px solid black;
}

#contact_img
{
	width : calc(100% - 20px);
	margin : 10px;
	padding : 0px;
}

#contact_img img
{
	width : 80%;
	height : auto;
	margin : 0px;
	padding : 0px;	
	display : block;
	margin : auto;
}

@media screen and (max-height : 800px)
{
	#contact_img img
	{
		display : none;
	}
	
	#contact_popup_window
	{
		width : 400px;
		background-color : #D3D3D3;
		position : fixed;
		top : 10%;
		left : calc(50% - calc(400px / 2));
		display : flex;
		flex-direction : column;
		box-shadow : 0px 0px 5px 5px #D3D3D3;
		padding-top : 0px;
	}
}

#contact_form
{
	margin : 0px;
	padding : 10px;
	width : calc(100% - 20px);
}

#contact_form p
{
	margin : 0px;
	padding : 0px;
	width : 100%;
}

#contact_form label
{
	width : 50%;
	display : inline-block;
	margin : 0px;
	padding : 0px;
	margin-bottom : 10px;
}

#civilite
{
	width : calc(50% - 4px);
	margin : 0px;
	padding : 0px;
	text-align : right;
	height : 25px;
	margin-bottom : 10px;
}

#objet
{
	width : calc(50% - 4px);
	margin : 0px;
	padding : 0px;
	text-align : right;
	height : 25px;
	margin-bottom : 10px;
}

#statut
{
	width : calc(50% - 4px);
	margin : 0px;
	padding : 0px;
	text-align : right;
	height : 25px;
	margin-bottom : 10px;
}

#nom, #prenom, #mail, #phone, #login_login, #login_password
{
	margin : 0px;
	padding : 0px;
	width : calc(100% - 2px);
	height : 25px;
	margin-bottom : 10px;
}

#contact_content
{
	height : 100px;
	width : calc(100% - 4px);
	background-color : white;
}

#validation, #login_validation
{
	width : calc(50% - 10px);
	margin : 0px;
	padding : 0px;
	margin-top : 10px;
	border : none;
	background-color : var(--main_blue);
	height : 25px;
	cursor: pointer;
	color : white;
	font-size : 1em;
	margin-left : 8px;
}

#close_contact_popup, #close_login_popup
{
	width : calc(50% - 10px);
	margin : 0px;
	padding : 0px;
	border : none;
	color : black;
	background-color : red;
	display : inline-block;
	text-align : center;
	height : 25px;
	margin-right : 8px;
	text-decoration : none;
	cursor: pointer;
	color : white;
	font-size : 1em;
}

#close_contact_icon
{
	position : fixed;
	top : calc(10% );
	left : calc(50% + calc(350px / 2));
	width : 25px;
	height : 25px;
	z-index : 999;
}