/* /// login.css ////////////////////////////////////////////////////////////// Auteur : ATHÉNÉO (2008) /////
								Feuille de styles pour le formulaire d'identification         
////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* --- <Commentaires> ---

[SelectorList]
{
*/

	/* Classification */
	/* Positionnement */
	/* Tailles */
	/* Marges intérieures, extérieures */
	/* Bordures, Trames, Fonds, etc. */
	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	/* Comportement */
	/* Propriétés orales */
	/* Impression */
	/* Génération de contenu */
	/* Autres */

/*
}

--- </Commentaires> --- */

/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */

@import url(fonts.css);
@import url(login-specifique.css);

*
{

	/* Marges intérieures, extérieures */
	margin: 0px;
	padding: 0px;

}

.noCssOnly { display: none; }

body
{

	/* Bordures, Trames, Fonds, etc. */
	background-color: white;

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;
	font-size: 14px;
	color: black;

}

table, input, select
{

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;
	font-size: 14px;
	color: black;

}

.logo
{
	/* Positionnement */
	position: absolute;
	top: 20%;
	left: 50%;

	/* Marges interieures, exterieures */
	margin: -60px 0px 0px -238px;

	/* Tailles */
	width: 477px;
	height: 119px;

	/* Bordures, Trames, Fonds, etc. */
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('../images/backgrounds/login/LogoAtheneo.png');

}

.loginForm
{

	/* Positionnement */
	position: absolute;
	top: 40%;
	left: 50%;
	
	/* Tailles */
	width: 360px;
	
	/* Marges intérieures, extérieures */
	margin: -40px 0px 0px -180px;

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	text-align: left;	
	
}

.loginForm label
{
	display: block;
	color: #47447c; font-weight: bold;
	text-transform: uppercase;
	margin: 4px -10px 0 -8px; padding: 8px 1px 4px;
}

.loginForm input
{
	display: block;

	/* Bordures, Trames, Fonds, etc. */
	border: 1px solid #ddd8ce;
	background-color: white;

	/* Marges intérieures, extérieures */
	margin: 0 0 0 -8px;
	padding: 8px;

	/* Tailles */
	width: 100%;
	
	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: normal;
	color: #7e7d82;
	text-align: left;

}
.loginForm input:hover { border-width: 2px;	padding: 7px; }
.loginForm input:focus { border-width: 2px;	padding: 7px; border-color: #8481ba; }


.commands { text-align: right; margin: 16px -10px 0 -8px; }
.loginForm .commands input
{
	display: inline-block;
	width: auto; padding: 8px 16px;
	margin-left: 8px;

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	border: none; background: #8481ba; color: white;
	font-weight: bold; text-align: center;
	text-transform: uppercase;

	/* Comportement */
	cursor: pointer;
	
}
.commands input:hover { background: #4b467c; }
.commands input:focus { background: #3d3a65; }
#resetLogin { float: left; }
#pwdMode { display: inline-block; padding: 0px 20px 2px; margin-top: 8px; background: url(../images/icons/checkOff.png) left center no-repeat; color: gray; }
#pwdMode.checked { background-image: url(../images/icons/checkOn.png) }

.loginError
{
	margin-top: 0.5em;

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: bold;
	text-align: center;
	color: red;

}

.loginInfo
{

	/* Positionnement */
	position: absolute;
	left: 0px; right: 0px; bottom: 0px;
	
	/* Marges intérieures, extérieures */
	padding: 24px 32px 20px;

	/* Bordures, Trames, Fonds, etc. */
	background: #f2f0e9;

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	text-align: right;
	color: #57565a;
	line-height: 2em;

}

.loginInfo strong { font-size: 1.4em; }

.resetInfo { color: #57565a; font-size: 0.9em; text-align: justify; margin: -1em -0.5em 1em; line-height: 1.75em; }
.resetInfo strong { display: block; font-size: 1.2em; margin-bottom: 0.25em; }

.tokenError
{
	position: absolute;
	top: 45%; left: 10%; width: 80%;
	font-weight: bold;
	text-align: center;
	color: red;
}

.version
{

	/* Positionnement */
	position: absolute;
	top: 0px;
	right: 2px;
	
	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-family: 'Tahoma', sans-serif;
	font-size: 0.8em;
	color: #606060;

}

@media (max-width: 600px), (max-height: 500px)
{
	.logo { position: static; margin: 32px auto 12px; }
	.loginForm { position: static; margin: 0 auto; max-width: 72%; }
	.loginInfo { position: static; margin-top: 20px; }
}

@media (max-width: 600px)
{
	.logo { width: 318px; height: 79px; margin: 52px auto 32px; background-image: url('../images/backgrounds/login/LogoAtheneoMedium.png'); }
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */