/****************************************************************************
***		Société:	ETML
***		Auteur: 	Levoye Laurent	
***		Date:		07.03.2009
***		Projet:		TPI 
***		But:		Avoir une fauille de style pour uniformiser le site
***
****************************************************************************/
/*Caractéristique de la page*/
body {
	width: 1024px; /*Largeur de la page 1024px*/
	height: 768px; /*Hauteur de la page 768px*/
	margin: 5px 0; /*Marge superieur 5px, marge coté 0*/
	text-align:center; /*Alignement du texte au centre*/
	font-family: Arial, Helvetica, sans-serif; /*Police pour la page*/
	background-color: #DCDCDC; /*Couleur de fond*/
	}
	
/*Corps de texte*/
#conteneur
{
	width: 889px; /*Largeur de la zone de texte 889px*/
	min-height: 568px; /*Hauteur minimale de la zone de texte 568px*/
	margin-top: -299px; /*Magre du haut -299px par rapport a tous ce qui est à ca gauche*/
	text-align: left; /*Alignement du texte à gauche*/
	background: #FFFFFF; /*Couleur de fond*/
	margin-left: 115px; /*Marge à gauche de 115px par rapport à la page*/
	font-size: 14px; /*Taille du texte*/
	padding-top: 10px; /*Marge à l'intérieur de la zone*/
	}

/*Caracteristique de la zone menu*/
#menu
{
	height: 100px; /*Hauteur du menu 100px*/
	width: 899px; /*Largeur du menu 899px*/
	background:url(menu.png) no-repeat;/*Image de font*/
	margin-left: 105px; /*Marge à gauche de 105px par rapport à la page*/
	margin-top: -100px; /*Marge supérieur -100px pour être à la même hauteur que le logo*/
	}

/*Caractéristique de l'intérieur du menu*/
.menu
{
	padding-left: 5px; /*Marge à gauche de 5px à l'intérieur de la zone*/
	padding-top: 25px; /*Marge supérieur de 25px à l'intérieur de la zone*/
	text-align:left; /*Texte aligné à gauche*/
	font-size:20px; /*Taille du texte*/
	font-weight:bold; /*Texte en gras*/
	}
	
/*Lien hypertexte spéciale menu*/
.menu a
{
	color: #000000;	/*Couleur du lien*/
	text-decoration: none; /*Soulignement du lien*/
	}
	
/*Emplacement du logo*/
#logo
{
	height: 100px; /*Hauteur du Logo 100px*/
	width: 100px; /*Largeur du Logo 100px*/
	margin-left: 5px; /*Marge de gauche 5px avec le bord de la page*/
	background:#FF0000; /*Couleur de fond*/
	
	}
	
/*Caractéristique de la zone sous-menu*/	
#sous-menu
{
	width: 100px; /*Largueur du sous-menu 100px*/
	height: 400px; /*Hauteur du sous-menu 400px*/
	margin-left: 5px; /*Marge avec le bord gauche de la page 5px */
	background:url(sous-menu.png) no-repeat;/*Image de font*/
	}

/*Caractéristique de l'intérieur du sous-menu*/
.sous-menu
{
	padding-left: 5px; /*Marge à gauche de 5px par rapport à la zone sous-menu*/
	padding-top: 25px; /*Marge supérieur de 25px par rapport à la zone sous-menu*/
	text-align:left; /*Texte aligné à gauche*/
	font-size: 14px; /*Taille du texte*/
	font-weight: bold; /*Texte en gras*/
	
	}
	
/*Lien hypertexte spéciale sous-menu*/
.sous-menu a
{
	color: #000000;	/*Couleur du lien*/
	text-decoration: none; /*Soulignement du lien*/
	}
	
/*Barre de défilement*/
pre
{
	overflow: auto;
	}

/*Caractéristique du pied de page*/	
#piedDePage
{
	height: 25px; /*Hauteur du pied de page 25px*/
	width: 890px; /*Largeur du pied de page 890px*/
	margin-left: 115px; /*Marge à gauche 115px*/
	color: #000000; /*Couleur du texte*/
	margin-top: 5px; /*Marge supérieur de 5px par rapport à la zone de texte*/
	font-size: 12px; /*Taille du texte*/
}

/*Caractéristique de la zone login*/	
.login
{
	width: 100px; /*Largueur du sous-menu 100px*/
	height: 50px; /*Hauteur du sous-menu 50px*/
	margin-left: 10px; /*marge à gauche de 10 pixels*/
	margin-top: -140px; /*Marge supérieur de -140px */
	text-align:left; /*Alignement du texte à gauche*/
	}
	
/*Lien hypertexte spéciale login*/
.login a
{
	color: #000000;	/*Couleur du lien*/
	text-decoration: none; /*Soulignement du lien*/
	}
	
/*Titre 1*/	
h1{
	/*font-size: 24px;/*Taille du texte*/
	color: #FFFFFF;/*Couleur du texte*/
	background-color: #FF0000;/*Couleur de fond*/
	margin-left: 15px; /*Positionnement du texte avec une marge à gauche de 15px*/
	width: 800px; /*Largueur de la bande 800px*/
	}
	
/*Message lors de la connexion et déconnexion*/	
.MessageAccueil {
	color: #000000; /*Couleur du texte*/
	font-size: 30px; /*Taille du texte*/
	text-align:center; /*Alignement du texte centré*/
	font-weight:bold;  /*Texte en gras*/
	}
	
/*Echec de login*/		
.MessageErreur {		
	font-size: 30px; /*Taille du texte*/
	color: #FF0000; /*Couleur du texte*/
	text-align:center; /*Alignement du texte centré*/
	}
	
/*Lien hypertexte*/	
a {	
	color: #0000FF;	/*Couleur du lien*/
	text-decoration: underline; /*Soulignement du lien*/
	}

/*Titre des tableaux*/
.titreTableauSurligne{
	font-size:25px;/*Taille du texte*/
	font-weight:bold; /*Texte en gras*/
	background: #FF0000; /*Surlignement du titre en rouge*/
	}

/*Titre des tableaux*/
.titreTableau{
	font-size:25px;/*Taille du texte*/
	font-weight:bold; /*Texte en gras*/
	}
	
/*entête de colonne*/
.meta{
	font-weight: bold; /*Texte en gras*/
	font-size: 14px; /*Taille du texte*/
	}