/* Elements G�n�riques */
body
{
	font-family: Arial, Helvetica, serif;
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(../img/back.gif);
	margin: 10px 10px 0px 10px;
	padding: 0px;
}


a:link
{
	/* unvisited link */
	color: #660000;
	background-color: inherit;
}

a:visited
{
	/* visited link */
	color: #003399;
	background-color: inherit;
}

a:active
{
	/* selected link */
	color: #999933;
	background-color: inherit;
}

img
{
	border-width: 0px; /* permet d'�viter que les images soient entour�es d'une ligne lorsqu'ils se trouvent dans une balise <a> */
}

/* nodec pour "no decoration" utilisé pour les images (parfois un espace est ajouté entre */
/*  la balise <a> et <img> suite à la génération xsl*/
a.nodec
{
	text-decoration: none;
}

/* utilisé pour afficher la liste des participants dans la page all.php, généré par page.xsl. part pour "participant"*/
td.part
{
	text-align: center;
	width: 12%;
	border-style: ridge;
	border-width: 1px;
}

li
{
	list-style-position: outside;
	list-style-image: url(../img/Li1.gif);
	list-style-type: square;
}


/*==================*/
/*  Elements particuliers */
/*==================*/


/*------------- Structure de la page -------------------------*/
/* La structure est découpée en quatre éléments  principaux   */
/*  L'en-tête, le bandeau de navigation, la partie principale */
/*    et le pied de page                                      */
/*------------------------------------------------------------*/

p.z_titre
{
	text-align: center;
	font-weight: bold;
	font-size: x-large;
}

#EnTeteDePage
{
	position: relative;
	width: 100%;
	height: auto;
	bottom: auto;
	text-align: left;
	vertical-align: middle;
	font-size: small;
	font-weight: bold;
}

#NavigationBorder
{
	position: relative;
	overflow: auto;
	float: left;
	width: 15%;
	height: auto;
}

#PartiePrincipale
{
	position: relative;
	overflow: auto;
	width: 80%;
	height: auto;
	margin-left: 12px;
	float: left;
}

#PiedDePage
{
	position: relative;
	width: 100%;
	top: auto;
	clear: both;
	font-size: xx-small;
}

#PiedDePage #PiedDePageL
{
	float: left;
}
#PiedDePage #PiedDePageR
{
	float: right;
}
#PiedDePage #PiedDePageB
{
	clear: both;
	text-align: center;
}


/*-------------- Liens ------------------------------*/
/* Les liens sont situés dans la barre de navigation */
/*---------------------------------------------------*/ 
.Lien
{
	width: 145px;
	height: 45px;
	text-align: center;
	background-image: url("../img/Button.png");
	background-repeat: no-repeat;
	background-color: inherit;
}

.Lien:hover
{
	background-image: url("../img/ButtonH.png");
	background-repeat: no-repeat;
}

.Lien a
{	
	width: 136px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	text-decoration: none;
	font-size: smaller;
	color: #003366;
	background-color: inherit;
	font-weight: bolder;
}



/*---------------  Titre de la page -----------------*/
/* Titre (optionel) qui apparaît en haut de la page */
/*---------------------------------------------------*/
#PageTitre
{
	text-align: center;
	vertical-align: middle;
	font-size: xx-large;
	font-weight: bold;
}


/* Formatage du bloc titre (Stage d'astronomie de ...) */
.TitreTitre
{
	vertical-align: middle;
	width: 70%;
	height: 60px;
	font-weight: bold;
	font-size: 24px;
}

.TitreImage
{
	text-align: center;
	vertical-align: middle;
	width: 30%;
	height: 60px;
	font-size: xx-small;
	border-width: 0px;
}


/* Formatage du bloc sujet (les étoiles, l'observation,  ...) */

.SujetTitre
{
	height: 55px;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
}

.SujetImage
{
	text-align: center;
}

.SujetTexte
{
	text-align: center;
}


/* formatage de la présentation d'un tableau générique (deux colonnes)�*/
.GeneriqueTableau
{
	border-style: ridge;
	border-width: 1px;
	width: 100%;
}

.GeneriqueColTexte
{
	border-style: ridge;
	border-width: 1px;
	width: 84px;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

.GeneriqueColImage
{
	border-style: ridge;
	border-width: 1px;
	width: 98px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.GeneriqueCell
{
	border-style: ridge;
	border-width: 1px;
	padding: 5px;
}

.GeneriqueTitre
{
	height: 40px;
	vertical-align: middle;
	text-align: left;
	font-size: 20px;
}

.MsgErreur
{
	text-align: left;
	font-size: 20px;
	background-color: inherit;
	color: red;
}

.MsgErreurInvisible
{
	text-align: left;
	font-size: x-small;
	background-color: inherit;
	color: White;
}

.GeneriqueSmallFont
{
	font-size: x-small;
}

/* utilisé dans la page de description des stages */
table.Stages
{
	border-width: thin;
	border-color: #CCCC99;
	border-style: solid;
	width: 100%;
	font-size: x-small;
	text-align: center;
	background-color: inherit;
	color: inherit;
}

th.Stages
{
	border-style: solid;
	border-width: 2px;
	border-color: #CCCC99;
	background-color: inherit;
	color: inherit;
}

td.Stages
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCC99;
	background-color: inherit;
	color: inherit;
}

/* Utilisé dans les pages de gestion du site */
.GestNavigationBorder
{
	vertical-align:top;
	}
	
	
table.GestStages
{
	border-width: thin;
	border-color: #CCCC99;
	border-style: solid;
	width: 100%;
	font-size: x-small;
	text-align: center;
	background-color: inherit;
	color: inherit;
}

th.GestStages
{
	border-style: solid;
	border-width: 2px;
	border-color: #CCCC99;
	background-color: inherit;
	color: inherit;
}

td.GestStages
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCC99;
	background-color: inherit;
	color: inherit;
}	
	
	
/* utilisé dans la page de description des examens */
table.Examen
{
	border-width: thin;
	border-color: #CCCC99;
	border-style: solid;
	width: 100%;
	font-size: medium;
	text-align: center;
	background-color: inherit;
	color: inherit;
}

th.Examen
{
	border-style: solid;
	border-width: 2px;
	border-color: #CCCC99;
	background-color: inherit;
	color: inherit;
}

td.Examen
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCC99;
	background-color: inherit;
	color: inherit;
}