/*****************************************************
 * Feuille de style de l'application refonte EDI-WEB *
 * style=ca										 	 *
 * (c) 2004 Tessi Informatique						 *
 ****************************************************/
 	
@import url("banniere.css");
@import url("menu.css");

/*******************************************************************************************
 * Rq. Certains noms de styles sont définis en dur à l'extérieur d'EDI WEB,
 * notamment des styles de Struts Layout dont les noms proviennent de Struts Layout :
 * - .clsAction (tag Tab)
 * -- ongletTextEna: title of a selected tabbed panel
 * -- ongletTextDis: title of a non-selected tabbed panel
 * -- ongletTextErr: title of a non-selected tabbed panel containing validation errors
 * -- ongletSpace
 * -- ongletMain
 * -- ongletMiddle
 * Voir la page 'Containers, panels' de l'API Struts Layout à l'adresse
 * https://www.improve-foundations.org/redmine/projects/struts-layout/wiki/Containers_panels
 * 
 * Certains autres sont relatifs aux tags Tessi, ex.
 * - .erreur (tag tessi:errors)
 */
 
img {
	border-style: none; /* pour IE antérieur à la version 11 */
}
  
H3.pictoCreation, .pictoCreation {
	vertical-align: middle;
}
 
 
BODY#preco TABLE.FORM3 TABLE > TBODY > TR {
	background-color: #DADBDE;
}
BODY#preco TABLE.FORM3 {
	background-color: #FFFFFF;	
}
 
 /*
  * Frames autres que celle principale (càd le tag frame name="main")
  */
#menuBody, #banniereBody, #retractBody {
	margin: 0px;
}

#aideAnchor {
	position: absolute;
	/*
	 * La distance icône d'aide / bord droit de la fenêtre reste constante.
	 * L'icône reste à hauteur du titre même en cas de scrolling vertical (ascenseur).
	 */ 
	top: 10px;
	right: 10px;
}

BODY
{
    FONT-SIZE: 13px;
    COLOR: #485b78;
    background-color: #FFFFFF;
    background-attachment: fixed;
    FONT-FAMILY: Arial;
    /* Une marge à 0 provoque des effets de bord. */
    /* margin: 0px; */
}

body p {
	/* attendu : texte */
	color: #485B78;
}

/* 
 * Rq: si la modification de GrilleTitre ne convient pas, possibilité de jouer sur la frame,
 * mais une frame est "déconnectée" du document côté CSS (stackoverflow.com/a/13927526)
 */
/* #mainFrame {
	margin: 20px 0px 0px 20px;
	padding: 15px 0px 0px 15px;
} */

BODY.login
{
    FONT-SIZE: 10pt;
    COLOR: black;
    background-color: #FFFFFF;
    margin: 0px;    
}

TABLE
{
    FONT-SIZE: 13px;
    COLOR: #485b78;
    FONT-FAMILY: Arial;
    overflow: hidden !important;
}
  
TH
{
	font-weight: normal;
}

H1, H2 {
	COLOR: #485B78;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
}

H1 { FONT-SIZE: 14pt; }
H2 { FONT-SIZE: 12pt; }

BODY > H1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top : 4.5px; /* 12.5 (cet élément) - 8 (body) */
	padding-bottom : 12.5px;
}

h3 {
	COLOR: #485B78;
	font-size: 22px;
	FONT-FAMILY: Arial;
	FONT-WEIGHT: normal;
}

H4
{
    FONT-SIZE: 13px;
    COLOR: #485B78;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
}
H5
{
    FONT-SIZE: 13px;
    COLOR: #485B78;
    FONT-FAMILY: Arial;
    font-weight: Normal;
}
PRE
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
 
input, textarea
{
	font-family: Arial;
	font-size: 13px;
}

/* 
 * Couleur du contenu du texte de
 * - tous les champs de saisie
 * - toutes les listes déroulantes
 */
input.FIELD, textarea, select {
	color: #485B78;
}

/* modification des champs de saisie, 				*
 *cette partie n'a pas été modifiée	pour la charte  */
 
.entete
{
    BACKGROUND-COLOR: #c9dfdf
}
.champTailleFixe
{
    FONT-FAMILY: 'courier new',monospace;
    BACKGROUND-COLOR: #c9dfdf;
}

/* tag erreurs Tessi */
.erreur, .warning, .info {
	FONT-WEIGHT: bold;
}
.erreur
{
    COLOR: #A70F6D;
}
.warning
{
    COLOR: #db6b35;
}
.info
{
    COLOR: #2033a0;
}
.champNiv1PetitNM
{
    FONT-SIZE: 8pt;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #c9d3df;
    TEXT-ALIGN: center;
    BORDER-BOTTOM-STYLE: none
}

.listPetit
{
    FONT-SIZE: 7pt
}
.tresPetit
{
    FONT-SIZE: 8pt
}
.tresPetitReverse
{
    Color: black;
    Background-Color :#C9DFDF;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.petit
{
    FONT-SIZE: 9pt
}
.case
{
    BACKGROUND-COLOR: #EAF2F2
}
.caseSupp
{
    COLOR: #9f9f9f;
    BACKGROUND-COLOR: #EAF2F2
}
*/**********************************************************/

.fiche
{
    BORDER-RIGHT: #EAF2F2 20px solid;
    BORDER-TOP: #EAF2F2 20px solid;
    BORDER-LEFT: #EAF2F2 20px solid;
    BORDER-BOTTOM: #EAF2F2 20px solid;
    BACKGROUND-COLOR: #EAF2F2;  
}
.ficheSansBord
{
	/*  */
}
.ficheInverse
{
    BORDER-RIGHT: #c9dfdf 20px solid;
    BORDER-TOP: #c9dfdf 20px solid;
    BORDER-LEFT: #c9dfdf 20px solid;
    BORDER-BOTTOM: #c9dfdf 20px solid;
    BACKGROUND-COLOR: #c9dfdf
}
.liste
{
    BACKGROUND-COLOR: #c9dfdf
}
.sansBord
{
    MARGIN: 0px
}
.tabLot
{
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #EAF2F2;
    TEXT-ALIGN: center;
    BORDER-BOTTOM-STYLE: none
}
.tabPetit2
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #EAF2F2;
    TEXT-ALIGN: center
}
.chpPetit3
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #c9dfdf
}
.ligErr
{
    FONT-FAMILY: 'courier new',monospace;
    BACKGROUND-COLOR: #dd4343
}

/*******************************************
 * class for the title of the subscription *
 ******************************************/
P.SUBSCRIPTION 
{
    color : #FFFFFF;
    font-family: arial;
    font-weight : bold;
    text-align : center;
    font-size : 16px;
}
/********************************************************
 * color of the thin line surrounding the subscriptions *
 *******************************************************/
TABLE.SUBSCRIPTION 
{
	background-color : #000000;
}
/*************************
 * class for the headers *
 ************************/
TH.SUBSCRIPTION 
{
	color      : #FFFFFF;
	background-color : #274465;
	font-weight: bold;			
}
/*******************************
 * class for the subscriptions *
 ******************************/
TD.SUBSCRIPTION 
{
	color      : #FFFFFF;
	background-color : #336699;
}


P.SUBS 
{
    color : #FFFFFF;
    font-family: arial;
    font-weight : bold;
    text-align : center;
    font-size : 16px;
}

TABLE.SUBS 
{		
	background-color : #274465;
	border-collapse: collapse;	
}
TABLE.subs2 
{
	background-color : #000000;
}



TH.SUBS 
{
		color      : #FFFFFF;
		background-color : #274465;
		font-weight: bold;			
		text-align : left;
		font-size : 16px;
		font-family: arial;
}

TR.SUBS 
{
	background-color : #3366A3;
}


TD.SUBS 
{
	color      : #FFFFFF;
	background-color : #3366A3;
}

TD.ERROR
{
    FONT-WEIGHT: bold;
    font-size: 13px;
    COLOR: #A70F6D;
}
P.LABEL
{
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
}
TH.LABEL
{
    TEXT-ALIGN: right;
    padding: 4px;
    padding-right: 10px;
}
P.FIELD
{
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
}

TH.FIELD, TD.FIELD, TH.clsAction, TD.clsAction {   
	vertical-align: middle;
}

TH.FIELD, TD.FIELD {
	padding-top: 3px;
    padding-bottom: 3px;
}

TH.clsAction, TD.clsAction {
	padding-top: 4px;
    padding-bottom: 4px;
}

TH.FIELD
{
    TEXT-ALIGN: right;
}
TD.FIELD
{
    FONT-WEIGHT: normal;
    /* FONT-STYLE: italic; */
    COLOR: #A70F6D;
    padding-left: 10px;
    white-space: nowrap;
}

TH.FIELD_MIDDLE
{
    TEXT-ALIGN: left;
    vertical-align: middle;
}
/*******************************************
 * ajout GFR 30.03.2005 : remplacer <DIV>  *
 ******************************************/
.GrilleTitre
{
	padding: 0px;
	border: 0px;
	/* margin-top: -15px; */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

TABLE.FORMTESSI{
	padding: 0px;
	border: 0px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

TH.FORMTESSI {
	color      : #FFFFFF;
	background-color : silver;
	font-weight: bold;			
    padding: 0px;
    border: 0px;	
	margin-top: -40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

TR.FORMTESSI 
{
    COLOR: black;
    background-color:transparent;
    font-weight: bold;	
    padding: 0px;
    border: 0px;	
	margin-top: -40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

TD.FORMTESSI 
{
    COLOR: black;
    background-color:transparent;
    font-weight: bold;		
    padding: 0px;
    border: 0px;	
	margin-top: -40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

P.FORMTESSI {
	text-align: center;
    padding: 0px;
    border: 0px;	
	margin-top: -40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

TABLE.ongletEnteteTessi {
	/* relooking : plus de bordures */
	/* BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: #80add6 2px solid; 
	BORDER-LEFT: #80add6 2px solid; 
	BORDER-BOTTOM: #80add6 2px solid; */ 
	BACKGROUND-COLOR: white;
	padding: 0px;
	margin: 0px;
}

TH.ongletEnteteTessi, TR.ongletEnteteTessi, TD.ongletEnteteTessi, P.ongletEnteteTessi {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/******************************************
 * fin ajout GFR 30.03.2005               *
 ******************************************/

TH.FORM
{
	color      : #FFFFFF;
	background-color : silver;
	font-weight: bold;			
}

TD.FORM 
{
    COLOR: black;
    background-color:transparent;
    font-weight: bold;		
}

P.FORM
{
	text-align: center;
}

TABLE.FORM2 
{
	background-color : #000000;
}
TH.FORM2
{
	color      : black;
	background-color : #DCDCDC;
	font-weight: normal;			
}
TD.FORM2 
{
    COLOR: black;
	background-color :  #c9dfdf;
	font-weight: normal;
}

/***************************************************
 * FORM3 et FORM4 utilisés seulement pour le contenu des 
 * listes: alternance des deux dans les listes

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

TABLE.FORM3 
{
	FONT-SIZE: 12pt;
	/* 
	 * Sert à la fois pour la couleur de fond des cellules d'en-tete et les bordures à l'intérieur du tableau.
	 * La couleur de ces dernières est 'surchargée' à #485B78, celle des cellules d'en tête est plus
	 * claire pour qu'on arrive à les différencier.
	 */
	background-color : #8398b6; 
	padding: 0pt;
	margin: 0pt;	
}
TABLE.FORM3 TABLE > TBODY > TR {
	background-color : #485B78;
}

/*
 * layout:collection
 * 
 * Overrider les attributs cellspacing, cellpadding etc. qui sont positionnés en dur
 *  par Struts-Layout
 */
TABLE.FORM3 TABLE[cellspacing="1"][cellpadding="1"][border="0"][width="100%"] {
	border-spacing: 0px 0px;
	border-collapse: collapse;
}
TABLE.FORM3 TABLE[cellspacing="1"][cellpadding="1"][border="0"][width="100%"] * {
	border-spacing: 0px 0px;
	border-collapse: separate;
}

TABLE.FORM3 table tr:last-child {
	border-bottom: 10px solid #485B78;
}



TH.FORM3 TABLE TBODY {
	display: table-row-group;
}

TH.FORM3
{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
TH.FORM3:first-child
{
	border-left: 1px solid #485B78;
}
TH.FORM3:last-child
{
	border-right: 1px solid #485B78;
}


TH.FORM3, TH.FORM3 TD
{
	color      : #FFFFFF;
	padding: 0pt;	
	margin: 0pt;
	FONT-SIZE: 11px;
	vertical-align: middle;				
}

TH.FORM3
{
	height: 30px;
}

TD.FORM3, TD.FORM4, TD.SELECTSWAP {
	FONT-FAMILY: Arial;
	font-size: 11px;
	color: #485B78;
	border-left: 1px solid #485b78;
	border-right: 1px solid #485b78;
}  

TD.FORM3
{
	background-color: #DADBDE;
}

TD.FORM3, TD.FORM4, TD.SELECTSWAP
{
	height: 28px;	
}

P.FORM3
{
	text-align: center;
	padding: 0pt;		
	margin: 0pt;
}

TH.FORM4
{
	color      : black;
	background-color : white;
	font-weight: normal;			
}
TD.FORM4
{
	background-color: #FFFFFF;
}

TD.FORM3 TABLE > TBODY > TR {
	background-color : #DADBDE;
}

TD.FORM4 TABLE > TBODY > TR {
	background-color : #FFFFFF;
}

TH.SELECTSWAP
{
	color      : #FFFFFF;
	font-weight: bold;	
	padding: 0pt;
	margin: 0pt;
	FONT-SIZE: 8pt;				
}	
TD.SELECTSWAP
{
    background-color: #A70F6D;
    color: #FFFFFF;
    font-weight: bold;    
}

P.FORM5
{
	text-align: center;
	padding: 0pt;		
	margin: 0pt;
}

/**************************************************/
/* 	   Couleurs etat de signature des remises     */
/**************************************************/
TD.FORMSIGN1, TD.FORMETAT01,
TD.FORMSIGN2, TD.FORMETAT02,
TD.FORMSIGN3, TD.FORMETAT03,
TD.FORMSIGN4, TD.FORMETAT04,
TD.FORMSIGN5, TD.FORMETAT05 {
	padding: 0pt;	
	margin: 0pt;
	FONT-SIZE: 11px;
	font-weight: normal;
}

TABLE.FORM3 TD.FORMSIGN1, TABLE.FORM3 TD.FORMETAT01,
TABLE.FORM3 TD.FORMSIGN2, TABLE.FORM3 TD.FORMETAT02,
TABLE.FORM3 TD.FORMSIGN3, TABLE.FORM3 TD.FORMETAT03,
TABLE.FORM3 TD.FORMSIGN4, TABLE.FORM3 TD.FORMETAT04,
TABLE.FORM3 TD.FORMSIGN5, TABLE.FORM3 TD.FORMETAT05
{
	border-left: 1px solid #485B78;
	border-right: 1px solid #485B78;	
	
	/* color: #485B78; */
}
/* bleu */
TD.FORMSIGN1 
{	
    COLOR: white;
	background-color :  #3366CC; 
}
/* rouge */
TD.FORMSIGN2 
{				
    COLOR: white;
	background-color :  #DD492F; 
}
/* rose */
TD.FORMSIGN3 
{				
    COLOR: black;
	background-color :  #EB9383; 
}
/* vert */
TD.FORMSIGN4 
{				
    COLOR: black;
	background-color :  #00CC00; 
}
/**************************************************/
/* rose */
TD.FORMLOA3 
{
    COLOR: black;
	background-color :  #EB9383; 
}
/* rouge */
TD.FORMLOA2 
{
    COLOR: white;
	background-color :  #DD492F; 
}
/* jaune */
TD.FORMLOA6 
{
    COLOR: black;
	background-color :  #FFFF99; 
}
/* bleu */
TD.FORMLOA1 
{
    COLOR: white;
	background-color :  #3366CC; 
}
/* turquoise */
TD.FORMLOA5 
{
    COLOR: black;
	background-color :  #00DCD2; 
}
/* vert */
TD.FORMLOA4 
{
    COLOR: black;
	background-color :  #00CC00; 
}
/* blanc */
TD.FORMLOA7 
{
    COLOR: black;
	background-color :  #FFFFFF; 
}
/**************************************************/
/* 	   Couleurs niveau de gravite			  */
/**************************************************/
/* code 0 : bleu-violet */
TD.FORMHIS0 
{
    COLOR: white;
	background-color :  #8A2BE2; 
}

/* code 1 : turquoise */
TD.FORMHIS1 
{
    COLOR: black;
	background-color :  #00DCD2; 
}

/* code 2 : jaune */
TD.FORMHIS2 
{
    COLOR: black;
	background-color :  #FFFF99; 
}

/* code 3 : rose */
TD.FORMHIS3 
{
    COLOR: black;
	background-color :  #EB9383; 
}
/* code 4 : rouge */
TD.FORMHIS4 
{
    COLOR: white;
	background-color :  #DD492F; 
}

TD.PAGER 
{
	background-color :  #EAF2F2;
	text-align: center;
}
A
{
    COLOR: red;
    TEXT-DECORATION: underline;
}
B
{
    COLOR: #A70F6D;
    TEXT-DECORATION: none;
}
.saisieObligatoire /* voir aussi champObligatoire */
{
	color: #22324F;
	text-align: right;
	padding-bottom: 10px;
	padding-right: 8px; 
}
A:link
{
    COLOR: #A70F6D;
    TEXT-DECORATION: underline;
}

.lienTelechargementSignApp{
	 COLOR: #A70F6D !important;
    TEXT-DECORATION: underline;
}

.FORM3 A:link {
	color: #A70F6D;
}

/*
 * Gestion des boites à onglet (contours, zone clickable, fond...)
 */
.ongletEntete
{
	BACKGROUND-COLOR: white;
}


.ongletIdentification
{
	BACKGROUND-COLOR: white;
	WIDTH: 332px;
	HEIGHT: 133px;
	TEXT-ALIGN: center;
}


.ongletLogin10006
{
	WIDTH: 250pt;
	HEIGHT: 100pt;
}

.ongletLogin11006
{
	WIDTH: 250pt;
	HEIGHT: 100pt;
}

.ongletLogin13906
{
	WIDTH: 250pt;
	HEIGHT: 100pt;
}

.ongletLogin14506
{
	WIDTH: 250pt;
	HEIGHT: 100pt;
}

/*
.ongletLogin17806
{
	WIDTH: 250pt;
	HEIGHT: 100pt;
}
*/

/* 
 * Mention sur les champs obligatoires, présente
 * sur la plupart des formulaires de saisie.
 */
.libelleZoneSaisieObligatoireAsterisque, .libelleZoneSaisieObligatoireTexte {
	FONT-FAMILY: Arial; 
	FONT-SIZE: 13px;  
	FONT-WEIGHT: bold; /* rq. balises <B>, anciennement positionnées sur chaque page, restées en place */
}
.libelleZoneSaisieObligatoireAsterisque {
	/*
	 * Taille de 18px pour retomber à peu près sur la taille de l'asterisque
	 * stockée sous forme d'image "ast.gif" pour Struts Layout.
	 */
	FONT-SIZE: 18px; 
	color: #A70F6D;
}
.libelleZoneSaisieObligatoireTexte {
	color: #485B78;
}

.ongletLogin18206
{
	WIDTH: 250pt;
	HEIGHT: 100pt;
}

/*
 * Libellés des champs (zones de saisie...) intégrés au sein du HTML généré
 * via un tag layout:tabs 
 */
.ongletMain div table.clsAction th:not(.FORM3) {
	text-align: right;
}

.ongletTextEna
{
	BORDER-RIGHT: #485B78 1px solid; 
	BORDER-TOP: #485B78 1px solid;
	FONT-FAMILY: Arial; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	BORDER-LEFT: #485B78 1px solid; 
	COLOR: #FFF; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-COLOR: #485B78;  
	TEXT-ALIGN: center;
}

.ongletTextDis, .ongletTextErr
{
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid;
	FONT-FAMILY: Arial; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	TEXT-ALIGN: center;
	/* BORDER-BOTTOM: #A70F6D 2px solid; */
}

.ongletTextDis {
	COLOR: #22324F;
	BACKGROUND-COLOR: #e6e6e6;
}

.ongletTextErr {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #A70F6D;
}

.ongletMain {}

/*
 * Séparation (horizontale) entre les onglets et leur contenu.
 */
td.ongletMiddle
{
	FONT-SIZE: 1px; /* ?? */
	/* 
	 * Position: absolute permet d'avoir une ligne continue à droite de l'écran,
	 * mais a pour conséquence de supprimer l'espace occupé par cet élément,
	 * ce qui fausse les marges entre les onglets et le contenu juste en-dessous.  
	 */ 
	position: relative;
	width: 100%;
	
	BORDER-TOP: #485B78 2px solid;
}

.ongletSpace, .ongletMain, {}

/**
 * DEBUT calendrier
 */
TD.CALENDRIER
{
	background-color: #DBDEE3; 
	text-align: center; 
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
}

A.CALENDRIER
{
	text-decoration: none;
	color: #485B78;
	font-size: 14px;
}

.CALENDARBORDER
{
	background-color: #000000; 
}

.CALENDARTITLE
{
	background-color: #485B78;
}

.CALENDARWEEK
{
	background-color: #FFFFFF;
}

.CALENDARWEEKEND
{
	background-color: #F7E7F1;
}

.CALENDARSELECTED {
	background-color: #A70F6D;
	color: #FFFFFF;
}

.CALENDARSELECTED a {
	color: #FFFFFF;
}

img[onclick="hideCalendar()"] {
	position: absolute;
	right: 3px;
	top: 3px;
}

a[href*="javascript"][onclick^="showCalendar"] {
	position: relative;
  top: 6px;
  right: -8px;
  /* 
   * Pour éviter un indicateur champ obligatoire (l'icône astérisque '*'),
   * ou surtout un message d'erreur "<champ> est obligatoire, ne soient collés. 
   */
  padding-right: 10px; 
}
/**
 * FIN calendrier
 */

/* gestion du click sur le bouton en haut à gauche */
a.boutonLogo
{
    font-weight: bold;
    text-align: center;
	height:58px;
	width:170px;
    display:block;
}
a.boutonLogo:hover
{
    background-image:transparent;
    font-weight: bold;
    text-align: center;
	height:58px;
	width:170px;
}
TH.ALIGNE
{
    text-align: left;
}

.bouton150
{
	width: 150px;
}

/***************************************************
 * FORMETAT01, FORMETAT02 et FORMETAT03 utilisés pour 
 * le contenu des listes: alternance des trois dans  
 * les listes de la feuille ordresAValiderSelection.jsp
 *
 **************************************************/
/* violet */
TD.FORMETAT01 
{	
	COLOR: black;
	background-color : #c5cce0;
}
/* bleu */
TD.FORMETAT02 
{
	COLOR: black;
	background-color : #0099FF;			
}
/* rose-orange */
TD.FORMETAT03 
{
	COLOR: black;
	background-color : #FF998D;
}
/* vert */
TD.FORMETAT05 
{
	COLOR: black;
	background-color : #00FA9A;
}


/* rouge */
TD.FORMETAT10 
{
    COLOR: white;
	background-color :  #DD492F; 
}
/* rouge */
TD.FORMETAT20 
{
    COLOR: white;
	background-color :  #DD492F; 
}
/* orange */
TD.FORMETAT30 
{
    COLOR: white;
	background-color :  #FFA500; 
}
/* vert */
TD.FORMETAT40 
{
    COLOR: black;
	background-color :  #00CC00; 
}
/* blanc */
TD.FORMETAT50
{
    COLOR: black;
	background-color :  #FFFFFF; 
}
TD.FORMETAT60
{
    COLOR: black;
	background-color :  #FFFFFF; 
}

TD.FORMG 
{
    COLOR: black;
	background-color :  #EAF2F2;
}

/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*|                      SUGGEST                    				 |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/



div.suggestionList {
	z-index:500;
	position:absolute;
	width:150px; 
	border:1px solid #333333; 
	background-color:#ffffff; 
	font-family:Tahoma; 
	font-size:11px; 
	cursor:default; 
	visibility:hidden;
}
div.suggestionList_element_off {
	width: 148px;
	background: #ffffff;
	color: #333333;
	padding-left: 2px;
}
div.suggestionList_element_on {
	width: 148px;
	background: #6D99C6;
	color: #ffffff;
	padding-left: 2px;
}

INPUT.INFO
{
	width: 1000px;
	background-color:transparent;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE:none;
    BORDER-LEFT-STYLE:none;
    BORDER-BOTTOM-STYLE:none;
    TEXT-ALIGN:left;
    FONT-STYLE:italic;
}

/*--------------------------------------------------*/
/* pour le tag <display:table> redéfinition du style*/
/*--------------------------------------------------*/
th.sortable a {
   background-position: center;
   text-decoration: none;
   color:black;
   display:block;
   width:100%;
   padding-left:1.1em;
}

th.sortable a:hover {
	background-color: transparent;
	color: black;
	text-decoration: none;
}

th.sortable a:visited
{
	color: black;
	text-decoration: none;
}

/* Où ce style est-il utilisé ? (à supposer qu'il l'est) */
th.sortable
{
	background-image: url(../images/tessi0/sort.gif);
    background-repeat:no-repeat;
}

tr.even
{
	text-align:center;
	padding: 0pt;	
	margin: 0pt;
	FONT-SIZE: 8pt;	
	font-weight: normal;
	background-color : #EAF2F2;
}

li {
	list-style-type: square;
	/*
	 * Faute d'une solution simple pour avoir une couleur différente
	 * pour l'élément de style de liste (list-style-type) et
	 * le contenu entre balises <LI> et </LI>, les deux sont de la même couleur.
	 */
	color: #485B78;
}

tr.odd
{
	text-align:center;
	background-color :  #c5cce0;
	font-weight: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

span.pagelinks{
	padding-left: 300;
}
/*-----------------------------------------*/
/* fin du style pour le tag <display:table>*/
/*-----------------------------------------*/

/* Rq. en général générés par Struts-Layout via un tag layout:submit, layout:button */
input[type="submit"], input[type="button"]
{
    color: #FFFFFF;
    background-color: #A70F6D;
    border-style: none;
    height: 22px;
    padding-right: 10px;
    padding-left: 10px;
    
    /*
     * r53222 : marges désirées, mais si activées, provoque d'éventuels défauts d'alignement
     * des champs sur les formulaires
     * Exemple : création remise virement SEPA, déjà imparfait et variable selon les pages pre-relooking.
     * 
     * margin-bottom: 10px;
     * margin-top: 10px;
     * 
     */
}
input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:active, input[type="button"]:active,
input[type="submit"]:focus, input[type="button"]:focus
{
    background-color: #8A084E;
    outline: none;
}
input[type="submit"]:disabled, input[type="button"]:disabled
{
    background-color: #E4B7D3;
    outline: none;
}
/*
 * Rq.
 * 1. à l'heure actuelle les pages ne permettent pas la distinction
 * entre les boutons rechercher (formulaire de recherche) et les simples aides à la saisie
 * (idéalement symbolisées par une icône de loupe)
 * => les deux utilisent le même bouton RECHERCHER.
 * 
 * 2. le bouton Annuler sur remisesSensAAValider.jsp est un cas particulier
 */
/* input[type="submit"][value="Rechercher"] */
/* Sélecteur pour les boutons valider et ajouter opération globaux */
input[type="submit"][value="Annuler"],
input[type="submit"][value="Ajouter opération"],
input[type="submit"][value="Supprimer"],
input.bouton_formulaire[type="button"][value="Annuler"]
{
	background-color: transparent;
	color: #485B78;
	border-style: none;
	outline-color: transparent;
	cursor: pointer;
}

input[type="submit"][value="Annuler"]:hover, input[type="submit"][value="Annuler"]:active,
input[type="submit"][value="Ajouter opération"]:hover, input[type="submit"][value="Ajouter op?ration"]:active,
input[type="submit"][value="Supprimer"]:hover, input[type="submit"][value="Supprimer"]:active,
input.bouton_formulaire[type="button"][value="Annuler"]:hover, input.bouton_formulaire[type="button"][value="Annuler"]:active {
	color: #485B78;
	text-decoration: underline;
}

/* Sélecteur pour les boutons valider et ajouter opération globaux */
input[type="submit"][value="Annuler"]:disabled,
input[type="submit"][value="Ajouter opération"]:disabled,
input[type="submit"][value="Supprimer"]:disabled,
input.bouton_formulaire[type="button"][value="Annuler"]:disabled {
	color: #CBCFD7;
	text-decoration: none;
}

/* Remplacement des dimensions pouvant être anciennement définies en dur (.properties) */
img[src$="picto-consulter.png"] {
	width:	48px !important;  
	height:	48px !important;
}
/* Anciennement exclam.gif (42x42) */
img[src$="picto_attention.png"] {
	width: 32px;
	height: 29px;
	padding-right: 10px;
	padding-left: 10px;
}

img[src$="picto_alerte.png"] {
	width: 32px;
	height: 29px;
	padding-right: 10px;
	padding-left: 10px;
}

img[src$="picto_Info.png"] {
	width: 48px !important;
	height: 48px !important;
}
img[src$="picto_mail.png"] {
	width:	48px !important;  
	height:	48px !important;
}

p#accueilConteneurBandeDuDessus {
	height: 135px;	
}

hr, hr.accueilBorduresBandeauMessage, hr.accueilBorduresBandeauMessageHaut, hr.accueilBorduresBandeauMessageBas {
	height: 2px;
	color: #A70F6D;
	background-color: #A70F6D;
	border-style: none;
}

hr, hr.accueilBorduresBandeauMessage {
	margin: 0px;
}

hr.accueilBorduresBandeauMessageHaut {
	margin-bottom: 40px;
}

hr.accueilBorduresBandeauMessageBas {
	margin-top: 40px;
}

a#messageAccueilInfoLibelleSuite {
	text-align: center;
	color: #A70F6D;
}

div#messageAccueilInfoLibelleSuite {
	text-align: center;
	color: #A70F6D;
}

a#messageAccueilInfoLibelleSuite{
	text-align: center;
	color: #A70F6D;
}

div#contenuBandeMessageAccueil {
	min-height: 162px;
	text-align: center;	
}

h1#messageAccueilPrompt {
	margin: 0px;
	FONT-SIZE: 52px;
    COLOR: #485B78;
    FONT-FAMILY: Arial;
    text-align: center;    
}

span#messageAccueilSeparationAccueilEtBienvenue {
	display: inline-block;
	height: 10px;	
}

h2#messageAccueilBienvenue {
	margin: 0px;
	FONT-SIZE: 24px;
    COLOR: #A70F6D;
    FONT-FAMILY: Arial;
    text-align: center;
}

#messagesInformationAccueil {
	min-height: 10px; 
	margin: 0px;	
}

P.FIELD_MESSAGE
{
    FONT-WEIGHT: normal;
    COLOR: #0000CC;
}
TH.FIELD_MESSAGE
{
    TEXT-ALIGN: center;
}
TD.FIELD_MESSAGE
{
	width: 100%;
    TEXT-ALIGN: center;
    FONT-WEIGHT: normal;
    COLOR: #22324F;
    font-size: 16px;
}
TH.SIGNMOB
{
	FONT-WEIGHT: bold;
}
TD.SIGNMOB
{
	FONT-WEIGHT: bold; 
}

/**
 * Spécifique webkit (Chrome / Safari)
 * Prévenir l'affichage d'un fond jaune sur les champs
 * saisis via l'aide à la saisie du navigateur
 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}



/**
 * Spécifique :
 * 	- page de changement de mot de passe,
 *  - page de contact.
 */
form[name="DemandeurMPSFicheForm"] table.ongletEnTete, form[name="ContactFicheForm"] table.GRID_FORM {
	background-color: #DADBDE;
 	padding: 10px;
}
 
form[name="ContactFicheForm"] table.GRID_FORM input[type="submit"] {
 	margin-bottom: 7px;
}



/* 
 * Ajustement alignement vertical des champs de formulaire.
 */ 
table.GRID_FORM TH[valign="top"], table.GRID_FORM TH[valign="middle"], table.GRID_FORM TH[valign="bottom"],
table.GRID_FORM TD[valign="top"], table.GRID_FORM TD[valign="middle"], table.GRID_FORM TD[valign="bottom"]
{
	vertical-align: middle;
}

td.FORMTESSI TH.FIELD[valign="top"], td.FORMTESSI TH.FIELD[valign="middle"], td.FORMTESSI TH.FIELD[valign="bottom"],
td.FORMTESSI TD.FIELD[valign="top"], td.FORMTESSI TD.FIELD[valign="middle"], td.FORMTESSI TD.FIELD[valign="bottom"]
{
	vertical-align: middle;
}

/**
 * Convertisseur RIB : couples label/champs affichés en colonne
 */
form[name='ConvertisseurRIBFicheForm'] td.FIELD, form[name='ConvertisseurRIBFicheForm'] span.FIELD  {
	padding: 0px;
}

/**
* Pas de retour a la ligne
*/
.nowrap-text {
	white-space: nowrap;
}

/**
* Ticket 13507, forcer le rendu de la ligne de titre
*/
.fichier-signature tr th, .fichier-signature tr th table {
	background-color: #485b78 !important;
	color: #ffffff !important;
} 

/**
* Ticket 15711, Lien Démo EDIWEB doit rester en violet suite au clic
*/
#videoDemo A:link, #videoDemo A:visited {
	color: #A70F6D;
}

.helium-download:link, .helium-download:visited {
  background-color: #A70F6D;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.helium-download:hover, .helium-download:active {
  background-color: #8A084E;
}

.st-main-helium-download {
  margin: auto;
  width:75%;
  border-top-color: black;
  border-top-style: solid;
  border-bottom-color: black;
  border-bottom-style: solid;
  padding-bottom: 10px;
  background-color : white;
}