/*//// index.css ////////////////////////////////////////////////////////////// Auteur : ATHÉNÉO (2005) /////
										Feuille de styles pour la page d'accueil.
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* --- <Commentaires> ---

[SelectorList]
{

	/* Classification */
	/* Positionnement */
	/* Tailles */
	/* Marges interieures, exterieures */
	/* 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> --- */

/*// Styles de base ///////////////////////////////////////////////////////////////////////////////////////*/

/* Police de base */
body, input, table
{

	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	
}

body, table
{

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

}

*
{

	/* Marges interieures, exterieures */
	margin: 0px;
	padding: 0px;

}

a
{
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
 	text-decoration: none;
 	color: #0D4880;
 	
}

a:hover
{
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: bold;
 	color: black;
 	
}

img { border: none; }

/*// Styles généraux //////////////////////////////////////////////////////////////////////////////////////*/

.any_Emphasis
{

 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: bold;
	color: #0D4880;

}

/*// Styles pour éléments précis //////////////////////////////////////////////////////////////////////////*/

/* === #divMain : Conteneur principal =====================================================================*/
#divMain
{

	/* Positionnement */
	position: absolute;
	left: 50%;
	top: 50%;

	/* Tailles */
	width: 750px;
	height: 420px;
	
	/* Marges interieures, exterieures */
	margin: -210px 0px 0px -375px;
	
	/* Bordures, Trames, Fonds, etc. */
	background-image: url(../images/backgrounds/indexBack.png);
	background-positio: center center;
	background-repeat: no-repeat;

}

/* === #divAtheneoLogo : Logo ATHENEO =====================================================================*/
#divAtheneoLogo
{

	/* Positionnement */
	position: absolute;
	left: 12px;
	top: 0px;
	
	/* Tailles */
	width: 267px;
	height: 32px;
	
}

/* === #divAtheneoCom : Périmètre fonctionnel ATHENEO COM =================================================*/
#divAtheneoCom
{

	/* Positionnement */
	position: absolute;
	right: 40px;
	top: -32px;
	
}

#divAtheneoCom a
{

	/* Positionnement */
	position: absolute;
	
	/* Marges interieures, exterieures */
	padding-top: -50px;
	
	/* Comportement */
	overflow: hidden;
	
}

#divAtheneoCom a:hover
{

	/* Bordures, Trames, Fonds, etc. */
	border-top: 1px solid #001ACC;
	border-bottom: 1px solid #001ACC;

}

#aAtheneoLink_CRM			{ left: 101px; top: 65px; width: 47px; height: 21px; }
#aAtheneoLink_SAV			{ left: 174px; top: 65px; width: 42px; height: 21px; }
#aAtheneoLink_Parc		{ left: 250px; top: 98px; width: 45px; height: 21px; }
#aAtheneoLink_RH			{ left: 285px; top: 162px; width: 34px; height: 21px; }
#aAtheneoLink_GesCom		{ left: 285px; top: 226px; width: 70px; height: 21px; }
#aAtheneoLink_GesRes		{ left: 248px; top: 281px; width: 100px; height: 47px; }

/* === #divLastNews : Dernière nouvelle ===================================================================*/
#divLastNews
{

	/* Positionnement */
	position: absolute;
	left: 15px;
	top: 60px;

	/* Tailles */
	width: 260px;
	
}

#divLastNewsTitle
{

 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 180%;
	text-align: center;
	
}

#divLastNewsContent
{

	/* Tailles */
	height: 186px;
	
	/* Marges interieures, exterieures */
	padding: 2px;
	
	/* Bordures, Trames, Fonds, etc. */
	border-top: 1px solid #6972A9;
	border-bottom: 1px solid #6972A9;

	/* Comportement */
	overflow: auto;
	
}

#divLastNewsContent h4
{

	/* Marges interieures, exterieures */
	margin-top: 8px;
	font-weight: bold;
	font-size: 1em;
	color: maroon;
	
}

#divLastNewsContent p
{

	/* Marges interieures, exterieures */
	margin-top: 4px;
	border-left: 1px solid silver;
	padding-left: 4px;
	
}

#divLastNewsLink
{

	/* Marges interieures, exterieures */
	margin-top: 6px;
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: bold;
	text-align: right;
	
}

#divLastNewsLink a
{

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

/* === #divLinkBar : Barre de liens =======================================================================*/
#divLinkBar
{

	/* Positionnement */
	position: absolute;
	left: 50%;
	bottom: 30px;

	/* Tailles */
	width: 720px;
	height: 74px;
	
	/* Marges interieures, exterieures */
	margin: 0px 0px 0px -360px;
	
}

#aLinkItem_Atheneo,
#aLinkItem_Products,
#aLinkItem_Offers,
#aLinkItem_Support,
#aLinkItem_News,
#aLinkItem_Contacts
{

	/* Positionnement */
	position: absolute;
	top: 0px;

	/* Tailles */
	width: 120px;
	
	/* Marges interieures, exterieures */
	margin: 0px 0px 0px -60px;
	padding: 6px 1px;
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	text-align: center;
	
}

#divLinkBar a span
{

	/* Tailles */
	width: 50px;
	height: 50px;
	
	/* Marges interieures, exterieures */
	margin: 0px 15px;
	
	/* Comportement */
	cursor: pointer;

}

#divLinkBar a:hover
{

	/* Bordures, Trames, Fonds, etc. */
	border: 1px solid #2060A0;
	background-color: #DDDDFF;

	/* Marges interieures, exterieures */
	padding: 5px 0px;
	
}

#aLinkItem_Atheneo	{ left: 60px; }
#aLinkItem_Products	{ left: 180px; }
#aLinkItem_Offers		{ left: 300px; }
#aLinkItem_Support	{ left: 420px; }
#aLinkItem_News			{ left: 540px; }
#aLinkItem_Contacts	{ left: 660px; }

/* === #formLoginBar : Formulaire d'indentification rapide ================================================*/
#formLoginBar
{

	/* Positionnement */
	position: absolute;
	right:0px;
	bottom: -1px;

	/* Tailles */
	width: 512px;
	height: 18px;
	
	/* Marges interieures, exterieures */
	padding-right: 4px;
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: bold;
	text-align: right;
	color: black; /*#0D4880;*/
	
}

#formLoginBar input
{

	/* Positionnement */
	vertical-align: middle;
	
	/* Tailles */
	width: 96px;
	
	/* Marges interieures, exterieures */
	padding: 1px 0px 0px 3px;
	
	/* Bordures, Trames, Fonds, etc. */
	border: 1px solid #0D4880;
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-size: 10px;
	
}

#formLoginBar #inputSubmitLogin
{

	/* Tailles */
	width: 36px;
	height: 16px;
	
	/* Marges interieures, exterieures */
	padding: 0px;
	
	/* Bordures, Trames, Fonds, etc. */
	background-color: #C0C8FF;
	
 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
	font-weight: bold;
	
	/* Comportement */
	cursor: pointer;
	
}

[id="divMain"] #formLoginBar *
{

	/* Positionnement */
	vertical-align: middle;
	
}

[id="divMain"] #formLoginBar input
{

	/* Tailles */
	height: 13px;
	
}

[id="divMain"] #formLoginBar #inputSubmitLogin
{

	/* Tailles */
	height: 16px;
	
	/* Marges interieures, exterieures */
	margin-top: 1px;
	padding-bottom: 3px;
	
}

#formLoginBar a
{

 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
 	color: black;
 	text-decoration: underline;
	
}

#formLoginBar a:hover
{

 	/* Formatage du texte (Polices, Couleurs, Alignement, Effets, etc.) */
 	color: darkred;

}

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