/********************************************** Reset ***********************************************/
:root {
	--mw-font-family: Roboto, Arial, Verdana, Geneva, sans-serif;
	--mw-font-size: 16px;
	background-image: linear-gradient(to top, rgb(255, 255, 255, 0.7), rgb(255, 255, 255, 0.7)), url("/Marco/javax.faces.resource/javax.faces.resource/img/common/mw-fd-monogramme.svg?ln=default&h=11ad1b4");
}

html {
	color: black;
	background-color: var(--mw-surface-a);
	font-size: var(--mw-font-size);
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; }

body {
	font-family: var(--mw-font-family);
	font-weight: normal;
}

body .ui-widget {
	font-family: var(--mw-font-family);
}

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }

fieldset, img { border: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { display: inline; list-style: none outside none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:lang(fr) { quotes: "«" "»" '"' '"'; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

em { font-style: italic; }

strong { font-weight: bold; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }

a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

a, a:visited { color: inherit; text-decoration: none; }

a:hover { text-decoration: underline; }
a:focus { text-decoration: underline; }

hr { margin: 0; }


/********************************************* Ossature *********************************************/

html {
     user-select: none;
}

body {
	margin: 200px auto;
	width: 500px;
	height: 535px;
	color: #2A2A2A;
	background-color: transparent;
}

a, a:visited {
	color: #FD2456;;
}

.required {
  margin-left: 3px;
  color: red;
}

#header_bg_left, #header_bg_right, #header_content,
#main, #main_bg_left, #main_bg_right, #main_content,
#footer_bg_left, #footer_bg_right, #footer_links, #footer_logo {
	float: left;
	width: 100%;
}

#header_bg_left {
}

#header_bg_right {
}

#header_content_bg {
	width: 450px;
	height: 29px;
	line-height: 29px;
}

#header_content {
	margin-top: 4px;;
}

#main {
	height: 430px;
}

#main_bg_left {
}

#main_bg_right {
}

#main_margin {
	margin: 0 4px;
}

#main_content_margin {
	margin: 0 6px;
}

#main_content {
	background-color: white;
	height: 530px;
	box-shadow: 0px 8px 16px 0px #ced4da;
}

#connexion_header {
	padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer_bg_left {
}

#footer_bg_right {
}

#footer_content_bg {
	margin: 0 15px;
	height: 25px;
	line-height: 21px;
	text-align: right;
	background: url("/Marco/javax.faces.resource/javax.faces.resource/img/common/mw-support_footer.png?ln=default&h=11ad1b4") repeat-x bottom;
}

#footer_content {
	margin-bottom: 4px;
	background: #00A1D3;
	color: var(--mw-surface-a);
}

#footer_links {
	text-align: center;
	color: #B0B0B0;
}

#footer_links li {
	padding: 0 8px;
	border-right: 1px solid #9A9A9A;
}

#footer_links .lastItem {
	border: none;
}

#footer_logo {
	margin-top: 1.5em;
	text-align: center;
}

#footer_logo img{
	width: 20%;
}

#connexion_main {
	display: block;
	padding: 1rem 2rem;
}

#connexion_main label {
	float: left;
	margin: 1.5em 0 0.5em 0;
	width: 100%;
	color: #888;
}

#connexion_header img {
    width: 40%;
}

#connexion_main .password {
    background-position: 5px -58px !important;
}

#loginForm {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
	row-gap: 1rem;
}

#connexion_main input[type=text],
#connexion_main input[type=password] {
	padding: 3px 0 3px 7px;
    width: 100%;
    border: 3px solid #FD2456;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

#connexion_main input[type=text],
#connexion_main input[type=text]:hover, 
#connexion_main input[type=text]:focus, 
#connexion_main input[type=text]:active,
#connexion_main input[type=password],
#connexion_main input[type=password]:hover, 
#connexion_main input[type=password]:focus, 
#connexion_main input[type=password]:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#password_forgot {
	float: left;
	margin-top: 6px;
	color: #AAA;
}

.message_error {
	float: left;
	margin-top: 16px;
	width: 60%;
	color: #F40909;
}

#lostPassword {
	float: left;
	margin-top: 4em;
}

.button_active {
	color: var(--mw-surface-a);
}

.ui-password-panel {
	background-color: var(--mw-surface-a) !important;
}

.ui-growl-item-container {
	background-color: white;
}