@charset "utf-8";
/* CSS Document */

/*********************
	CSS POPUP
**********************/
#contenant_popup {
	display:block;
	position:fixed;
	background-color:rgba(255, 255, 255, 0.9);
	height:100%;
	width:100%;
}
#popup {
	font-family: 'twentytwelve_twentytwelveslab';
	width:40%;
	background-color:rgba(255, 255, 255, 0.9);
	position:fixed;
	top:2%;
	left:30%;	
	border:#272627 solid 1px;
}
/*
#contenant_popup {
	display:block;
	position:fixed;
	background-color:rgba(255, 255, 255, 0.9);
	height:100%;
	width:100%;
}
#popup {
	position: relative;
	font-family: 'twentytwelve_twentytwelveslab';
	top: 150px;
	margin-left: auto;
  	margin-right: auto;
	z-index: 101;
	width:30%;
	background-color:rgba(255, 255, 255, 0.9);
	border:#272627 solid 1px;
}
*/








#popup_header {
	background-color:#272627;
	width:100%;
}
#popup_header > p {
	margin:0;
	padding:8px;	
	color:#FFF;
}
#popup_content {
	font-size:0.9em;
	padding:8px;padding-left:25px;padding-right:25px;
}
#popup_content p {
	margin:0;padding:0;
}
#popup_content .mes_err {
	color:#F00;margin-top:10px;
}
#popup_content .posM_T10 {
	margin-top:10px;
}
#popup_content .form {
	margin-bottom:10px;margin-top:10px;	
}
#popup_content input[type=text], #popup_content input[type=password] {
	height:25px;width:70%;padding-left:5px;padding-right:5px;border:solid 1px #272627;
}
#popup_content input[type=text]:hover, #popup_content input[type=password]:hover {
	outline:#272627 solid 1px;
}
#popup_content input[type=submit] {
	background-color:#272627;border:0;width:auto;padding-left:20px;padding-right:20px;color:#EEE;min-height:25px;font-weight:bold;
}
#popup_content input[type=submit]:hover {
	color:#ffffff;cursor:pointer;
}
#popup_content input[name=Creation] {
	background-color:#272627;border:0;width:auto;padding-left:20px;padding-right:20px;color:#EEE;min-height:25px;font-weight:bold;
}
#popup_content input[name=Creation]:hover {
	color:#ffffff;cursor:pointer;
}
#popup_content .oubli {
	display:none;	
}








/************************
 	Responsive
************************/
@media screen and (max-width: 660px) {
	#popup_mdp > div:first-child > h2 {
		width:100%;
	}
	#popup {
		width:80%;
		left:10%;	
	}
}
@media screen and (max-width: 450px) {
	#popup {
		width:90%;
		left:1%;	
	}
	#popup_identifiant > div:last-child > form > div > label {
		margin:0px;
	}
	#popup_identifiant > div:last-child > form > div:first-child {
		margin-bottom:0px;	
	}
	#popup_identifiant > div:last-child > form > div:first-child > input {
		margin-left:0px;
	}
	#popup_mdp > div:last-child > form > div > label {
		margin:0px;
	}
	#popup_mdp > div:last-child > form > div:first-child {
		margin-bottom:0px;	
	}
	#popup_mdp > div:last-child > form > div:first-child > input {
		margin-left:0px;
	}
}