/*****************************************************************************************/
/*      Auteur : Denis LALLET
/*     Version : 1.1
/*        Date : 10/09/2005
/* Commentaire : Page pour la définition d'un écran d'ordinateur
/*               Les zones peuvent-être completees par une page css propre a une rubrique												*/
/****************************************************************************************/
/*----------------------- Definition des balises ---------------------------*/

body {
	color:					#000000; /*Police noire */
	
	margin:					0; /* Pas de marge à l'ecran */
	padding:				0;
	
	font-family:				Verdana, sans-serif; /* Police par defaut */
	font-size:				12pt;
}
/* On masque les lignes HR */
hr {
	clear:					both;
	visibility:				hidden;
}
/* Style des liens */
a {
	font-family:				Verdana, sans-serif;
	font-size:				8pt;
	font-weight:				bold;
}

a:link {
	text-decoration:			none;
	color:					#006699;
}

a:active {
	text-decoration:			underline;
	color:					#006699;
}

a:visited {
	text-decoration:			none;
	font-style:				italic;
	color:					#006699;
}
a:hover {
	text-decoration:			underline;
	color:					#006699;
}

/* Suppression de la bordure autour des images */
img {
	border:					0px;
}

/* Style de la balise emphase */
em {
	font-family:				"Times New Roman", serif;
}
caption {
	display:				none;
}
/*Petite boule bleue en relief pour les puces */
li {
	list-style-image:			url(/images1/puce.gif);
	/* Pour les navigateurs qui ne reconnaissent pas list-style-image */
	list-style-type:			disc;
}

/*Petite boule jaune en relief signaler le lien actif */
li.actif {
	list-style-image:		url(/images1/bd_pb.gif);
	/* Pour les navigateurs qui ne reconnaissent pas list-style-image */
	list-style-type:		disc;
}

/*******************************************************************************************/
/*-------------------------- Définition des zones de l'ecran ------------------------------*/
/*******************************************************************************************/



/*+----------------------------------------------------------------------+*/
/*|                                  ZONE TITRE                          |*/
/*+-----------------+----------------------------------------------------+*/
/*|    ZONE MENU    |                                                    |*/
/*|+---------------+|                                                    |*/
/*||    MENU       ||                                                    |*/
/*||  CONTEXTUEL   ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                    ZONE DE TEXTE                   |*/
/*||               ||                  ZONE DE PUBLICATION               |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*|+---------------+|                                                    |*/
/*|+---------------+|                                                    |*/
/*||    MENU       ||                                                    |*/
/*||  PERMANENT    ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*||               ||                                                    |*/
/*|+---------------+|                                                    |*/
/*+-----------------+----------------------------------------------------+*/
/*----- Entete de l'ecran - Titre de la page -----*/
#zonetitre {
	height:					50px;
	
	border-style:				solid;
	border-width:				0;
	background-color:			#000000;
	background-image:			url("/images1/titre.jpg");	
	/* Les deux balises ci-dessous servent pour la feuille de style locale */
	background-repeat:			no-repeat;
	background-position:			center;
}
/* On masque le titre au format h1, il est remplace par une image (voir ci-dessus) */
#zonetitre h1 {
	display:				none;
}

/* Fils d'Ariane */
#ariane {
	margin-top:			2%;
	margin-bottom:			0;
	margin-left:			260px; /* Correspond à la zone ou est situe le menu */
	margin-right:			1%;

	border-color:			#DDDDDD;
	border-style:			solid;
	border-width:			1px;

	font-size:			small;
	color:				#9D9D9D;
}
#ariane a {
	font-size:			small;
	color:				#9D9D9D;
	font-weight:			normal;
	font-style:			normal;
	
}
/*----- Zone de texte - La ou on publie -----*/
/* Definition de la zone uniquement */
/* Le detail est propre a chaque partie du site est decrit dans une feuille de style locale */
#zonetexte {
	margin-top:			2%;
	margin-bottom:			0;
	margin-left:			260px; /* Correspond à la zone ou est situe le menu */
	margin-right:			1%;

	border-color:			#DDDDDD;
	border-style:			solid;
	border-width:			1px;

	padding:			1%;
}
#zonetexte h2 {
	font-family:			tolkien, serif;
	font-size:			150%;
	font-weight:			bold;
	color:				#000066;
	text-align:			right;
	border:				1px solid #DDDDDD;
	padding-right:			1%;
	background-color:		#EEEEEE;
}
#zonetexte h3 {
	font-family:			tolkien, serif;
	font-size:			150%;
	font-weight:			bold;
	color:				#000066;
	text-align:			left;
	border:				1px solid #DDDDDD;
	padding-left:			1%;
	background-color:		#EEEEEE;	
}
#zonetexte p {
	text-align:				justify;
}

/*----- Zone de menu - Elle contient un menu permanent commun a chaque rubrique -----*/
/*----- et un menu contextuel specifique a la rubrique.                         -----*/
/*----- La partie contextuelle est detaillee dans la feuille de style locale.   -----*/

#zonemenu {
	position:				absolute; /* Cette zone est retiree du flux */
	left:					0;
	width:					240px;
	top:					70px;
	
	border-color:			#000000;
	border-style:			solid;
	border-width:			0px;
	background-color:		#000066;
	
	margin:					0;
}

#zonemenu ul {
	margin-top:			0px;
	margin-left:			2px;
	padding-left:			20px;
}

#zonemenu li {
	margin:					0px;
	padding:				0px;
}

#zonemenu a {
	text-decoration:		none;
	display:				block;
	margin:					0;
	padding-bottom:			2px;
}

#zonemenu a:hover {
	background-color:		#006699;
	color:					#000066;
}

/*----- Menu contextuel -----*/
/* Definition de la zone uniquement */
/* Le detail est propre a chaque partie du site et est decrit dans une feuille de style locale */

#menucontextuel {
	padding:				0 1% 0 1%;
	
	/* Barre de séparation entre le menu contextuel et le menu permanent */
	border-color:			#006699;
	border-style:			solid;
	border-width:			0 0 1px 0;
}

#menucontextuel h2 {
	display:				none; /* Le menu H2 est utilisé pour Lynx pour signaler les zones */
}
.pseudo {
	text-decoration:		none;
	display:				block;
	margin:					0;
	padding-bottom:			2px;
	padding-left:			2px;
	background-color:		#006699;
	color:					#000066;
}


/*----- Menu permanent -----*/

#menupermanent {
	margin:					0;
	padding:				0;
}

#menupermanent h2 {
	display:				none; /* Le menu H2 est utilisé pour Lynx pour signaler les zones */
}

/* Contrôle du retait des puces et du comportement des rollover ...*/
#menupermanent ul {
	margin-top:				0px;
	margin-left:			2px;
	padding-left:			20px;
}

#menupermanent li {
	margin:					0px;
	padding:				0px;
}

#menupermanent a {
	text-decoration:		none;
	display:				block;
	margin:					0;
	padding-bottom:			2px;
}

#menupermanent a:hover {
	background-color:		#006699;
	color:					#000066;
}
/* Message de retour */
#retourmessage {
	border-style:			solid;
	border-color:			#DDDDDD;
	border-width:			1px;

	text-align:				center
}

#retourmessage h5 {
	font-family:			tolkien, serif;
	font-size:				200%;
	color:					#006699;
	background-color:		#000066
}
.retour {
	font-family:			tolkien, serif;
	font-size:				150%;
	font-weight:			bold;
	color:					#000066;
}
.lettrine:first-letter {
	font-family:			tolkien, serif;
	font-size:			300%;
	color:				#000066;
}
.sommaire {
	border:				1px;
	border-style:			solid;
	border-color:			#DDDDDD;
	background-color:		#EEEEEE;
	margin-right:			200px;
}
.info {
	border:				1px;
	border-style:			dashed;
	border-color:			#DDDDDD;
}
/* Utilisee pour coloriser en gris une ligne sur deux */
.gris {
	background-color:		#DDDDDD;
}
.centre {
	text-align:			center;
}
.gauche {
	text-align:			left;
}
.droite {
	text-align:			right;
}

/*-------------------------CONSTRUCTION GRAPHIQUE----------------------------*/
/* Utilisation de la position absolute de facon a ne pas polluer l'affichage */
/* pour les navigateurs qui n'utilisent pas les feuilles de style.           */
/* Coin supérieur droit */
#coinsuppdroit {
	position:				absolute;
	top: 					0px;
	right:					0px;
	background-image:		url(/images1/coinsuppdroit.gif);
	background-repeat:		no-repeat;
	width:					50px;
	height:					50px;
	z-index:				3;
}

/*Raccord supérieur gauche */
#raccsuppgauche {
	position:				absolute;
	left:					0px;
	top:					50px;
	background-image:		url(/images1/coinsuppgauche.jpg);
	background-repeat:		no-repeat;
	width:					266px;
	height:					20px;
	z-index:				1;
}

/* Bas du menu permanent */
#raccmenu {
	background-image:		url(/images1/coininfgauche.jpg);
	background-repeat:		no-repeat;
	width:					240px;
	height:					20px;
}