/* CSS Ambu Accueil Patient */
html {
	height: 100%;
}
body {
	width: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	font-family: "Open Sans";
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	src: url("/assets/fonts/opensans.woff2") format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	src: url("/assets/fonts/opensans.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#login_box {
	/* Style for "Rectangle" */
	width: 550px;
	border: 1px solid #e1e1e1;
	background-color: #ffffff;
	margin: auto;
	margin-top: 40vh;
	transform: translateY(-50%);
}

#login_box a {
	color: #8cd5ef;
}

#btn_connexion :disabled, #btn_connexion[disabled] {
	cursor: not-allowed;
	opacity: 0.5;
}

#login_logo {
	text-align: center;
	padding:30px;
}

#login_content {
	background-color: #074085;
	text-align: center;
	padding-bottom: 40px;
}

#login_content p, .liste_questionnaire {
	color: #ffffff;
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	padding: 15px 0;
	margin:0;
}

.input_login_text, .input_login_submit {
	margin: auto;
    display: block;
}

.input_login_text {
	width: 290px;
	height: 40px;
	background-color: #8cd5ef;
	text-align:center;
	color: #074085;
	font-family: Helvetica;
	font-size: 15px;
	border: none;
	margin-bottom:15px;
}

.input_login_text::-webkit-input-placeholder {
	color: #074085;
	font-family: Helvetica;
	font-size: 15px;
}

.input_login_submit {
	width: 290px;
	height: 45px;
	border-radius: 22px;
	border: 2px solid #b8e0f2;
	background-color: #074085;
	color: #b8e0f2;
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}

#ambu_navbar {
	/* Style for "Bandeau me" */
	width: 100%;
	height: 70px;
	background-color: #074085;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:white;
}

#container_principal {
	margin:auto auto;
	max-width:500px;
}

#texte_accueil {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 24px;
	margin-top:15px;
	margin-bottom:15px;
	color: #074085;
	padding:10px;
	text-align: center;
}

/*ERREUR Champs obligatoires questionnaire*/
.errorField, .errorField p {
	color:red;
}
.errorField:-webkit-input-placeholder {
    color: red;
}
.errorField:-moz-placeholder {
    /* FF 4-18 */
    color: red;
}
.errorField:-moz-placeholder {
    /* FF 19+ */
    color: red;
}
.errorField:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}

/* responsive */
@media screen and (max-width:600px) {
	
	#login_box {
		width: 100%;
		/*margin-top:0%;*/
	}
	
	.input_login_text, .input_login_submit {
		width:100%;
	}
	
	#login_content {
		padding:16px;
	}
	
}