/*
************************************************************
 CristalNet	- Copyright	© 2001-2003	CRIH de	Grenoble
 Tous droits réservés.
************************************************************
 #APPLICATION=GULPER
************************************************************
 Page		   :	.../noyau/include/CharteGraphique/Styles.css

 Description   :	styles de la charte	graphique

 Création	   :	xx/xx/xxxx - E.	BONNEVILLE				(#1.0.0).
 Modification  :	14/08/2003 - L.	GATEAU			(GFI)	(#1.1.0).
 Modification  :	14/08/2003 - L.	GATEAU			(GFI)	(#1.1.1).
 Modification  :	19/08/2003 - L.	GATEAU			(GFI)	(#1.1.2).
 Modification  :	19/08/2003 - L.	GATEAU			(GFI)	(#1.1.3).
 Modification  :	20/08/2003 - L.	GATEAU			(GFI)	(#1.1.4).
 Modification  :	22/08/2003 - L.	GATEAU			(GFI)	(#1.1.5).
 Modification  :	27/08/2003 - L.	GATEAU			(GFI)	(#1.2.0).
 Modification  :	04/09/2003 - L.	GATEAU			(GFI)	(#1.3.0).
 Modification  :	08/09/2003 - L.	GATEAU			(GFI)	(#1.4.0).
 Modification  :	09/09/2003 - L.	GATEAU			(GFI)	(#1.5.0).
 Modification  :	15/09/2003 - L.	GATEAU			(GFI)	(#1.5.1).
 Modification  :	13/12/2007 - F. LANGLOIS		(IETMA)	(#1.5.2).

 Validation	   :	

 Historique
 #1.0.0		   :	Création.
 #1.1.0		   :	entete,	première validation	via	www.w3.org
 #1.1.1		   :	'cursor: pointer' au lieu de 'cursor: pointer'
 #1.1.2		   :	LienPetit font-size:10px, supprimer	le style sur <span>
 #1.1.3		   :	TD --> TH pour style entete	+ padding-left padding-right
 #1.1.4		   :	PRE
 #1.1.5		   :	classe Surligne	pour la	balise EM
 #1.2.0		   :	ajout de style pour	les	menus contextuels 
			   :	separation des anciens styles dans une feuille à part
 #1.3.0		   :	import de la feuille StyleObsolete.css
			   :	harmonisation des noms : on	adopte la notation suivante	pour 
			   :	* les nom de style
			   :		une	minuscule pour commencer, le nom de	l'objet	si cela	s'applique 
			   :		et ensuite une majuscule pour chaque nouveau mot (3	maximum)
			   :	* les balises HTML en majuscule
			   :	* les attributs	de styles en minuscules.
 #1.4.0		   :	import de la feuille Boutons.css
 #1.5.0		   :	import de la feuille Onglets.css et	harmonisation des styles
 #1.5.1		   :	simplification du style tableauQuadrille
 #1.5.2		   :	import de la feuille FlipFlap.css
  ***********************************************************
*/

@import	"Boutons.css";
@import	"Onglets.css";
@import "Tableaux.css";
@import "TableauxEvolues.css";
@import "FlipFlap.css";

BODY {
	background-color: #ecf2f8;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	font-size: 12px;
	scrollbar-base-color: #3a6ea5;
	scrollbar-dark-shadow-color: black;
	scrollbar-3dlight-color:#3a6ea5;
	scrollbar-face-color: #adc6e1;
	scrollbar-highlight-color: #ecf2f8;
	scrollbar-shadow-color: #3a6ea5;
	scrollbar-darkshadow-color: #3a6ea5;
}
BODY.menu {
	background-color: #ecf2f8;
}
BODY.fenetreModale {
	background-color: #e7f6e7;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	font-size: 12px;
}

BODY.fenetreSurgissante	{
	font-size: 12px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	background-color: #e7f6e7;
}

BODY.administration	{
	background-color: white;
}

/* les titres sont centrés dans le cas d'une fenêtre surgissante */
BODY.fenetreSurgissante H1 { text-align: center; }
BODY.fenetreSurgissante H2 { text-align: center; }
BODY.fenetreSurgissante H3 { text-align: center; }
BODY.fenetreSurgissante H4 { text-align: center; }
BODY.fenetreSurgissante H5 { text-align: center; }

BODY.fenetreModale H1 { text-align: center; }
BODY.fenetreModale H2 { text-align: center; }
BODY.fenetreModale H3 { text-align: center; }
BODY.fenetreModale H4 { text-align: center; }
BODY.fenetreModale H5 { text-align: center; }

P {
	font-size: 12px;
	font-family: arial,	helvetica, sans-serif;
	margin:	0;
}

/*
 * pour	présenter du code, des fontes avec espacement fixes
 */

PRE.code {
	background-color: #ffffff;
	color: #ee6a10;
	margin-top:	1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	font-family: lucida, courier, monospace;
	font-size: 9pt;
}

/*
 * pour	présenter du code dans un paragraphe (sans retour à	la ligne)
 */

code {
	background-color: #ffffff;
	color: #EE6A10;
	font-family: lucida, courier, monospace;
	font-size: 9pt;
}

/*
 * texte pre-formatté :	respecte les retour-chariots (et espacements si	on utilise un police type courrier)
 */

PRE	{
	font-size: 12px;
	font-family: arial,	helvetica, sans-serif;
}

/*
 * LIENS
 */

A {
	font-weight: normal;
	color: #214769;
	font-family: arial,	helvetica, sans-serif;
	text-decoration: underline;
}
A.petit	{
	font-weight: normal;
	font-size: 10px;
	color: #214769;
	font-family: arial,	helvetica, sans-serif;
	text-decoration: underline;
}
A:hover	{
	color: #ff0000;
}
A.petit:hover {
	color: #ff0000;
}

/*
 * menuItem
 */

.menuItemActif:hover {
	text-decoration: none;
	color: red;
	font-family: arial,	helvetica, sans-serif;
	font-size: 8pt;
	cursor: pointer;
}
.menuItem {
	text-decoration: none;
	color: black;
	cursor: default;
	font-family: arial,	helvetica, sans-serif;
	font-size: 8pt;
}

DIV	{
	font-size: 12px;
	font-family: arial,	helvetica, sans-serif;
}

/*
 * TEXTES
 */

.section1Titre {
	font-weight: bold;
	font-size: 13px;
	color: #697999;
	font-family: arial,	helvetica, sans-serif;
	background-color: #ffffff;
}
.section1Contenu {
	font-size: 12px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	background-color: #ffffff;
}
.section2Titre {
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
.section2Contenu {
	font-size: 10px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
.section3Titre {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	background-color: #f7f7f7;
}
.section3Contenu {
	font-size: 10px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	background-color: #f7f7f7;
}
.section4Titre {
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	background-color: #c4d2e1;
}
.section4Contenu {
	font-size: 10px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	background-color: #ffffff;
}
.messageErreurTitre	{
	font-weight: bold;
	font-size: 16px;
	color: #ff0000;
	font-family: arial,	helvetica, sans-serif;
}
.messageErreurTexte	{
	font-size: 12px;
	color: #ff0000;
	font-family: arial,	helvetica, sans-serif;
}
.messageAvertissementTitre {
	font-weight: bold;
	font-size: 14px;
	color: #ee6a10;
	font-family: arial,	helvetica, sans-serif;
}
.messageAvertissementTexte {
	font-size: 12px;
	color: #ee6a10;
	font-family: arial,	helvetica, sans-serif;
}
.messageSuccesTitre {
	font-weight: bold;
	font-size: 14px;
	color: #009000;
	font-family: arial,	helvetica, sans-serif;
}
.messageSuccesTexte {
	font-size: 12px;
	color: #009000;
	font-family: arial,	helvetica, sans-serif;
}
.messageInfoTitre {
	font-weight: bold;
	font-size: 14px;
	font-family: arial,	helvetica, sans-serif;
}
.messageInfoTexte {
	font-size: 10px;
	font-family: arial,	helvetica, sans-serif;
}
.legende {
	font-weight: bold;
	font-size: 12px;
	color: #3a6ea5;
	font-family: arial,	helvetica, sans-serif;
}
.sousLegende {
	font-weight: bold;
	font-size: 10px;
	color: #3a6ea5;
	font-family: verdana, geneva, arial, helvetica,	sans-serif;
}
.legendeImage {
	font-size: 11px;
	color: #000000;
	font-style:	italic;
	font-family: arial,	helvetica, sans-serif;
}

/*
 * TITRES 
 */

H1 { 
	font-weight:	bold; 
	font-size: 18px;	
	color: #2a507a;	
	font-family:	arial, helvetica, sans-serif;
}
H2 { 
	font-weight: bold; 
	font-size: 16px; 
	color: #2a507a;	
	font-family: arial,	helvetica, sans-serif;
}
H3 { 
	font-weight: bold; 
	font-size: 14px; 
	color: #2a507a;	
	font-family: arial,	helvetica, sans-serif;
}
H3 A { 
	font-weight: bold; 
	text-decoration: none;
	cursor: hand;
}
H4 { 
	font-weight: bold; 
	font-size: 13px; 
	color: #2a507a;
	font-family: arial,	helvetica, sans-serif;
}
H5 {
	font-weight: bold;
	font-size: 12px;
	color: #2a507a;
	font-family: arial,	helvetica, sans-serif;
}
EM.surligne	{
	background-color:#ffff99;
	font-style:normal;
}
B.surligne	{
	background-color:#ffff99;
}

/*
 * style indiquant un message contextuel ou	un menu	contextuel
 */

.contextuel	{
	background-color:#ffff99;  
	font-style:	normal;
	text-decoration: underline;
	cursor:pointer;
}

/*
 * MENU	CONTEXTUEL [début]
 * style pour construire un	tableau	
 * qui s'affiche comme un menu contextuel
 */

/*
 * utilisez	le style menuContextuel	pour le	tag	TABLE 
 * en combinaison avec le style	visible	ou invisible
 */
TABLE.menuContextuel {
	background-color: #e7f6e7;
	font-size: 9pt;
	color: #214769;
	font-family	: arial, helvetica,	sans-serif;
	font-weight: normal;
	border-bottom: #214769	1px	solid;
	border-left: #214769  1px solid;
	border-right: #214769  1px solid;  
	border-top:	#214769	 1px solid;
	border-collapse: collapse;
	position: absolute;
}
TABLE.menuContextuel TH	{
	background-color:#3a6ea5;
	color: #ffffff;
	border-bottom: #214769	2px	solid;
	border-left: #214769  2px solid;
	border-right: #214769  2px solid;  
	border-top:	#214769	 2px solid;
}
TABLE.menuContextuel TD	{
	background-color: #ffffff;
	color: #ffffff;
	border-bottom: #214769	0 solid;
	border-left: #214769  0	solid;
	border-right: #214769  0 solid;	 
	border-top:	#214769	 0 solid;
}

TABLE.menuContextuel A {
	width:100%;
	background-color:#ffffff;
	color:#3a6ea5;
	text-align:	left;
	text-decoration: none;
	padding-left:8px;
	padding-right:8px;		
}

TABLE.menuContextuel A:hover {
	width:100%;
	background-color:#ecf2f8;
	color: #3a6ea5;
	text-align:	left;
	text-decoration: none;
	padding-left:8px;
	padding-right:8px;	  
	cursor:pointer;
}

/*
 * MENU	CONTEXTUEL [fin]
 */

/*
 * FORMULAIRES
 *
 */	
FORM {
	margin:	0;
}
 
.libelleChampPetit {
	font-weight: bold;
	font-size: 9px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	text-align:	right;
}
.libelleChamp {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
	text-align:	right;
}

.champ {
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
.champMoyen	{
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
.champPetit	{
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}


SELECT {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
OPTION {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
INPUT {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}
TEXTAREA {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: arial,	helvetica, sans-serif;
}


/*
* fond jaune dpc
*/
.dpc {
	background-color: #FFFFCC;
}


/* 
 * CADRES
 *
 */
LEGEND {
	font-weight: bold;
	font-size: 12px;
	color: #3a6ea5;
	font-family: arial,	helvetica, sans-serif;
}

FIELDSET {
    background-color:#ffffff;
}

.fenetreModaleTitre	{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	color: #2a507a;
	font-family: arial,	helvetica, sans-serif;
}
.fenetreModaleTexte	{
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
	color: #2a507a;
	font-family: arial,	helvetica, sans-serif;
}
/*
 * LISTES
 *
 */
OL.majuscule {
	list-style-type: upper-alpha;
}
OL.minuscule {
	list-style-type: lower-alpha;
}
OL.grandsChiffresRomains {
	list-style-type: upper-roman;
}
OL.petitsChiffresRomains {
	list-style-type: lower-roman;
}
OL.decimal {
	list-style-type: decimal;
}
OL.disque {
	list-style-type: disc
}
OL.cercle {
	list-style-type: circle
}
OL.carre {
	list-style-type: square
}
/* au cas où le	style OL.decimal ne	suffit pas */
.enumerationDecimale {
	font-weight: bold;
	font-size: 16px;
	font-family: arial,	helvetica, sans-serif
}
/* au cas où le	style OL.masjuscule	ne suffit pas */
.enumerationMajuscule {
	font-weight: bold;
	font-size: 14px;
	font-family: arial,	helvetica, sans-serif
}
/* au cas où le	style OL.minuscule ne suffit pas */
.enumerationMinuscule {
	font-weight: bold;
	font-size: 14px;
	font-family: arial,	helvetica, sans-serif
}



/*
 * TABLE tableauBordeContinu
 *
 */
TABLE.tableauBordeContinu {
/*    background-color: #ffffff; */
	border-collapse: collapse;
	font-family: arial,	helvetica, sans-serif;
	margin:	0;
	padding: 0;
	width: 100%;
	border-right: #214769 1px solid;
	border-top:	#214769	1px	solid;
	border-left: #214769 1px solid;
	border-bottom: #214769 1px solid;
}
TABLE.tableauBordeContinu TR.impaire TH {
	font-size: 12px;
	color: #000000;
	background-color: #c4d2e1;
}
TABLE.tableauBordeContinu TR.paire	TH {
	font-size: 12px;
	color: #000000;
	background-color: #dde6ee;
}
TABLE.tableauBordeContinu TR TH {
	font-weight: bold;
	font-size: 12px;
	color: #214769;
	background-color: #adc6e1;
}
TABLE.tableauBordeContinu * TH.clefDeTri
{
	font-size: 12px;
	color: #ffff00;
	background-color: #adc6e1;
	cursor:	pointer;
}
TABLE.tableauBordeContinu * TH.clefDeTriParDessus
{
	font-size: 12px;
	color: #ffff00;
	background-color: #3a6ea5;
	cursor:	pointer;
}

TABLE.tableauBordeContinu TR TD	{
	font-size: 11px;
}

TABLE.tableauBordeContinu TR.impaire TD {
	background-color: #ecf2f8;	  
}
TABLE.tableauBordeContinu TR.paire	TD {
	background-color: #ffffff;	  
}
TABLE.tableauBordeContinu TR.transparent TD	{
/*	background-color: #ecf2f8;	  */
}

TABLE.tableauBordeContinu TR.active TD	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauBordeContinu TR.selectionnee TD  {
	background-color: #ffff99;
	cursor:pointer;
}
TABLE.tableauBordeContinu TR.active TH	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauBordeContinu TR.selectionnee TH  {
	background-color: #ffff99;
	cursor:pointer;
}





/*
 * TABLE tableauBorde
 *
 */
TABLE.tableauBorde {
/*    background-color: #ffffff; */
	border-collapse: collapse;
	font-family: arial,	helvetica, sans-serif;
	margin:	0;
	padding: 0;
	width: 100%;
	border-right: #214769 1px solid;
	border-top:	#214769	1px	solid;
	border-left: #214769 1px solid;
	border-bottom: #214769 1px solid;
}
TABLE.tableauBorde TR.impaire TH {
	font-size: 12px;
	color: #000000;
	background-color: #c4d2e1;
}
TABLE.tableauBorde TR.paire	TH {
	font-size: 12px;
	color: #000000;
	background-color: #dde6ee;
}
TABLE.tableauBorde TR TH {
	font-size: 12px;
	color: #214769;
	background-color: #adc6e1;
	border-right: #ffffff 1px solid;
	border-top:	#ffffff	1px	solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;	
}
TABLE.tableauBorde * TH.clefDeTri
{
	font-size: 12px;
	color: #ffff00;
	background-color: #adc6e1;
	cursor:	pointer;
}
TABLE.tableauBorde * TH.clefDeTriParDessus
{
	font-size: 12px;
	color: #ffff00;
	background-color: #3a6ea5;
	cursor:	pointer;
}

TABLE.tableauBorde TR TD	{
	font-size: 11px;
	border-right: #ffffff 1px solid;
	border-top:	#ffffff	1px	solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;	
}

TABLE.tableauBorde TR.impaire TD {
	background-color: #ecf2f8;	  
}
TABLE.tableauBorde TR.paire	TD {
	background-color: #ffffff;	  
}
TABLE.tableauBorde TR.grisee	TD {
	background-color: #eeeeee;
	color: #aaaaaa;	  
}

TABLE.tableauBorde TR.transparent TD	{
/*	background-color: #ecf2f8;	  */
}

TABLE.tableauBorde TR.active TD	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauBorde TR.selectionnee TD  {
	background-color: #ffff99;
	cursor:pointer;
}
TABLE.tableauBorde TR.active TH	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauBorde TR.selectionnee TH  {
	background-color: #ffff99;
	cursor:pointer;
}

/*
 * TABLE tableauSansBordure
 *
 */
TABLE.tableauSansBordure {
/*    background-color: #ffffff; */
	border-collapse: collapse;
	font-family: arial,	helvetica, sans-serif;
	margin:	0;
	padding: 0;
	width: 100%;
}
TABLE.tableauSansBordure TR.impaire TH {
	font-size: 12px;
	color: #000000;
	background-color: #c4d2e1;
}
TABLE.tableauSansBordure TR.paire	TH {
	font-size: 12px;
	color: #000000;
	background-color: #dde6ee;
}
TABLE.tableauSansBordure TR TH {
	font-size: 12px;
	color: #214769;
	background-color: #adc6e1;	
}
TABLE.tableauSansBordure * TH.clefDeTri
{
	font-size: 12px;
	color: #ffff00;
	background-color: #adc6e1;
	cursor:	pointer;
}
TABLE.tableauSansBordure * TH.clefDeTriParDessus
{
	font-size: 12px;
	color: #ffff00;
	background-color: #3a6ea5;
	cursor:	pointer;
}

TABLE.tableauSansBordure TR TD	{
	font-size: 11px;
}

TABLE.tableauSansBordure TR.impaire TD {
	background-color: #ecf2f8;	  
}
TABLE.tableauSansBordure TR.paire	TD {
	background-color: #ffffff;	  
}
TABLE.tableauSansBordure TR.grisee	TD {
	background-color: #eeeeee;
	color: #aaaaaa;	  
}

TABLE.tableauSansBordure TR.transparent TD	{
/*	background-color: #ecf2f8;	  */
}

TABLE.tableauSansBordure TR.active TD	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauSansBordure TR.selectionnee TD  {
	background-color: #ffff99;
	cursor:pointer;
}
TABLE.tableauSansBordure TR.active TH	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauSansBordure TR.selectionnee TH  {
	background-color: #ffff99;
	cursor:pointer;
}

/*
 * TABLE tableauQuadrille
 *
 */
TABLE.tableauQuadrille {
/*     background-color: #ffffff; */
	border-collapse: collapse;
	font-family: arial,	helvetica, sans-serif;
	margin:	0;
	padding: 0;
	width: 100%;
}
TABLE.tableauQuadrille TR.impaire TH {
	font-size: 12px;
	color: #000000;
	background-color: #c4d2e1;
}
TABLE.tableauQuadrille TR.paire	TH {
	font-size: 12px;
	color: #000000;
	background-color: #dde6ee;
}
TABLE.tableauQuadrille TR TH {
	font-weight: bold;
	font-size: 12px;
	color: #214769;
	background-color: #adc6e1;
	border-right: #214769 1px solid;
	border-top:	#214769	1px	solid;
	border-left: #214769 1px solid;
	border-bottom: #214769 1px solid;
}
TABLE.tableauQuadrille * TH.clefDeTri
{
	font-size: 12px;
	color: #ffff00;
	background-color: #adc6e1;
	cursor:	pointer;
}
TABLE.tableauQuadrille * TH.clefDeTriParDessus
{
	font-size: 12px;
	color: #ffff00;
	background-color: #3a6ea5;
	cursor:	pointer;
}

TABLE.tableauQuadrille TR TD	{
	font-size: 11px;
	border-right: #214769 1px solid;
	border-top:	#214769	1px	solid;
	border-left: #214769 1px solid;
	border-bottom: #214769 1px solid;
}

TABLE.tableauQuadrille TR.impaire TD {
	background-color: #ecf2f8;	  
}
TABLE.tableauQuadrille TR.paire	TD {
	background-color: #ffffff;	  
}
TABLE.tableauQuadrille TR.transparent TD	{
/*	background-color: #ecf2f8;	  */
	border-right: #214769 0	solid;
	border-top:	#214769	0 solid;
	border-left: #214769 0 solid;
	border-bottom: #214769 0 solid;
}

TABLE.tableauQuadrille TR.active TD	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauQuadrille TR.selectionnee TD  {
	background-color: #ffff99;
	cursor:pointer;
}
TABLE.tableauQuadrille TR.active TH	{
	background-color: #ffffcc;
	cursor:pointer;
}
TABLE.tableauQuadrille TR.selectionnee TH  {
	background-color: #ffff99;
	cursor:pointer;
}




/*
 * TABLEAUX	CHAPITRES
 *
 */
.enteteChapitreBleu	{ 
	font-weight:	bold;
	font-size: 11px;
	color: #000000;
	background-color: #adc6e1;
	border-top:	#3a6ea5	1px	solid;	
}
.chapitreBleu {
	font-size: 11px;
	color: #000000;
	background-color: #ecf2f8;
	border-bottom: #3a6ea5 1px solid;
	border-left:	#3a6ea5	1px	solid;
	border-right: #3a6ea5 1px solid;	 
	border-top:	#3a6ea5	1px	solid;
	padding	: 12px;	 
}
.enteteChapitreRouge {
	font-weight:	bold;
	font-size: 11px;
	color: #000000;
	background-color: #fe6c7a;
	border-top:	#c00000	1px	solid;
}
.chapitreRouge {
	font-size: 11px;
	color: #000000;
	background-color: #ffe7e1;
	border-bottom: #c00000 1px solid;
	border-left: #c00000	1px	solid;
	border-right: #c00000 1px solid;	 
	border-top:	#c00000	1px	solid;
	padding: 12px	
}
.enteteChapitreJaune {	
	font-weight:	bold;
	font-size: 11px;
	color: #000000;
	background-color: #ffff99;
	border-top:	#ffcc00	1px	solid
	
}
.chapitreJaune {
	font-size: 11px;
	color: #000000;
	background-color: #ffffcc;
	border-bottom: #ffcc00 1px solid;
	border-left:	#ffcc00	1px	solid;
	border-right: #ffcc00 1px solid;	 
	border-top:	#ffcc00	1px	solid;
	padding	: 12px;
}
.enteteChapitreVert	{ 
	font-weight:	bold;
	font-size: 11px;
	color: #000000;
	background-color: #4eccb1;
	border-top:	#30a68d	1px	solid  
}
.chapitreVert {
	font-size: 11px;
	color: #000000;
	background-color: #dbf5ef;
	border-bottom: #30a68d 1px solid;
	border-left:	#30a68d	1px	solid;
	border-right: #30a68d 1px solid;	 
	border-top:	#30a68d	1px	solid;
	padding	: 12px	
}
.enteteChapitreViolet {	  
	font-weight:	bold;
	font-size: 11px;
	color: #000000;
	background-color: #c891ff;
	border-top:	#5d00ba	1px	solid;	 
}
.chapitreViolet	{
	font-size: 11px;
	color: #000000;
	background-color: #f2e5ff;
	border-bottom: #5d00ba 1px solid;
	border-left:	#5d00ba	1px	solid;
	border-right: #5d00ba 1px solid;	 
	border-top:	#5d00ba	1px	solid;
	padding	: 12px;	 
}
.enteteChapitreOrange {	
	font-weight:	bold;
	font-size: 11px;
	color: #000000;
	background-color: #fdb85d;
	border-top:	#ee6a10	1px	solid;	
}
.chapitreOrange	{
	font-size: 11px;
	color: #000000;
	background-color: #ffe6cd;
	border-bottom: #ee6a10 1px solid;
	border-left:	#ee6a10	1px	solid;
	border-right: #ee6a10 1px solid;	 
	border-top:	#ee6a10	1px	solid;
	padding	: 12px;	 
}
.enteteChapitreMarron {	  
	font-size: 11px;
	color: #000000;
	background-color: #cb945d;
	border-top:	#8a5b54	1px	solid;
	border-left:	red	0 solid;
	border-right: red 0	solid;
	padding:0;	   
}
.chapitreMarron	{
   font-size: 11px;
   color: #000000;
   background-color: #f3e6d9;
   border-bottom: #8a5b54 1px solid;
   border-left:	#8a5b54	1px	solid;
   border-right: #8a5b54 1px solid;	 
   border-top: #8a5b54 1px solid;
   padding:	12px;
}

/* 
 * BANDEAUX
 *
 */
.bandeauMessage	{
		background : #ffffcc;
		text-align:center;
		font-size: 9pt;
		font-family	: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		color: #214769;
		font-weight: normal;
		border-bottom: #214769	1px	solid;
		border-left: #214769  1px solid;
		border-right: #214769  1px solid;  
		border-top:	#214769	 1px solid;
		padding:10px;
}
.bandeauInformation	{
		background : #e5e5e5;
		text-align:left;
		font-size: 8pt;
		font-family	: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		color: #214769;
		font-weight: normal;
		border-bottom: #214769	1px	solid;
		border-left: #214769  1px solid;
		border-right: #214769  1px solid;  
		border-top:	#214769	 1px solid;
		padding: 5px;
}
/*
 * MENUS VERTICAUX
 *
 */
.mvEnTeteFerme {
	font-weight: normal;
	font-size: 11px;
	color: #214769;
	font-family: arial,	helvetica, sans-serif;
	text-align:	center;
	background-image: url("./Images/MenuVertical/FermeM.gif");
	background-repeat: repeat;
}
.mvEnTeteOuvert	{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: arial,	helvetica, sans-serif;
	text-align:	center;
	background-image: url("./Images/MenuVertical/OuvertHM.gif");
	background-repeat: repeat;
}
.mvSousMenuTable {
	border-bottom: #214769 1px solid;
	border-left: #214769 1px solid;
	border-right: #214769 1px solid;  
	border-top:	#214769	1px	solid;
}
.mvSousMenuCellule {
	font-weight: normal;
	font-size: 11px;	
	color: #214769;
	font-family: arial,	helvetica, sans-serif;
	text-align:	left;
	background-color: #ffffff;
}
.mvSousMenuCelluleSelectionnee {
	font-weight: normal;
	font-size: 11px;	
	color: #214769;
	font-family: arial,	helvetica, sans-serif;
	text-align:	left;
	background-color: #afc9e4;	
}

.mvSousMenuCelluleParDessus	{
	font-weight: normal;
	font-size: 11px;	
	color: #214769;
	font-family: arial,	helvetica, sans-serif;
	text-align:	left;
	background-color: #e0eaf4;	 
}

/*
 * AIDE	EN LIGNE
 * style propre	à l'aide en	ligne
 */

BODY.menuAideEnLigne {
	background-color: #ecf2f8;
	border-bottom: #214769 1px solid;
	border-left: #214769 1px solid;
	border-right: #214769 1px solid;  
	border-top:	#214769	1px	solid;
}


BODY.aideEnLigne {
	background-color: #ffffed;
	margin-left	: 10px;
	margin-right : 10px;
	margin-top : 5px; 
}


/*
 * STYLES COMBINES
 *
 * styles utilisables en combinaison avec d'autres styles
 */
 
/*
 * ALIGNEMENT 
 * utilisez	les	combinaisons de	style pour aligner le texte	à gauche
 */
 
.gauche	{
	text-align:	left;
}

.droite	{
	text-align:	right;
}

.centre	{
	text-align:	center;
}
.barre {
	text-decoration: line-through;
}
/*
 * utilisez	les	styles visible ou invisible	en combinaison 
 * avec	un autre style
 */
 
.visible {
	visibility:	visible;
}

.invisible {
	visibility:	hidden;	
}

.nonAffiche {
    display: none;
}

.detache {
	position:absolute;
	z-index:1
}


/*
 * COULEUR
 */
.obligatoire {
	color: #c00000;
}
.interdit {
	color: #000000;
	background-color: #eeeeee;
}
/*
 * BORDURE
 * 
 */
.bordureH {
	border-top:	#214769	1px	solid;
	border-bottom: #214769 1px solid;	
}
.bordureV {
	border-right: #214769 1px solid;
	border-left: #214769 1px solid;
}
.bordure {
	border-right: #214769 1px solid;
	border-top:	#214769	1px	solid;
	border-left: #214769 1px solid;
	border-bottom: #214769 1px solid;	
}
/*
 * MARGE
 * Marges Horizontales,	Verticales et les deux
 */

.margeH	{
	padding-left:2px;
	padding-right:2px;
	margin-left:2px;
	margin-right:2px;
}

.margeV	{
	padding-top:2px;
	padding-bottom:2px;
	margin-top:2px;
	margin-bottom:2px;
}

.marge {
	padding-left:2px;
	padding-right:2px;
	margin-left:2px;
	margin-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:2px;
	margin-bottom:2px;
}

.fixe {
	table-layout: fixed;
}

TABLE.relief {
	border-style: ridge;
}

.mouseover
{
	cursor:hand;
}

.mouseout
{
	cursor:default;
}