BODY {
	MARGIN: 0px
}
BODY {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.txt {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none
}
.txt_blue {
	FONT-WEIGHT: normal;  FONT-STYLE: normal; FONT-FAMILY: Arial;  FONT-SIZE: 11px;COLOR: #003463;
}
.txt_red {
	FONT-WEIGHT: normal;  FONT-STYLE: normal; FONT-FAMILY: Arial;  FONT-SIZE: 11px;COLOR: #CC0000;
}
.titre1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #003463; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none
}
.titre2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003463; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none
}
.titre3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #004F9E; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0000ff
}
A:hover {
	TEXT-DECORATION: none
}
A:active {
	COLOR: #797979; TEXT-DECORATION: none
}

@media print {
	.noprint { display: none; }
}

/*  menu style gauche   /////////////////////////////*/

.cmdCommand{
	FONT-WEIGHT: normal;  FONT-STYLE: normal; FONT-FAMILY: Arial;  FONT-SIZE: 11px; padding-left:7px;
}
A.cmdCommand:link{
	COLOR: #003463; TEXT-DECORATION: none ;padding-left:7px;
}
A.cmdCommand:visited{
	COLOR: #003463; TEXT-DECORATION: none ;padding-left:7px;
} 
A.cmdCommand:hover{COLOR: #ffffff; BACKGROUND-COLOR: #003463;padding-left:7px;
} 


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




.toptopjaune {
	FONT-SIZE: 12px
}
A.toptopjaune:link {
	COLOR: #ffeb7b; TEXT-DECORATION: none
}
A.toptopjaune:visited {
	COLOR: #ffeb7b; TEXT-DECORATION: none
}
A.toptopjaune:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
A.toptopjaune:active {
	COLOR: #ffeb7b; TEXT-DECORATION: none
}
.toptopblanc {
	FONT-SIZE: 12px
}
A.toptopblanc:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.toptopblanc:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.toptopblanc:hover {
	COLOR: #ffeb7b; TEXT-DECORATION: underline
}
A.toptopblanc:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menug {
	COLOR: #ffffff
}
A.menug:visited {
	COLOR: #003463
}
A.menug:link {
	COLOR: #003463
}
A.menug:hover {
	COLOR: #000000
}
A.menug:active {
	COLOR: #003463; TEXT-DECORATION: none
}
.hp_sstit {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 10px; PADDING-TOP: 10px
}
.highlight {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003463; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none
}
.indice {
	FONT-SIZE: 9px; VERTICAL-ALIGN: text-top
}

/* ----------------------------------------------------------------------------------------------------------------------
 * Styles PITI
 * ----------------------------------------------------------------------------------------------------------------------
 */
/* champs de formulaire */
input,select,option,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-image: none;
}
.errlogin {
	FONT-WEIGHT: bold;  COLOR: #CC0000;
}

.rougegras {
	font-weight: bold;
	color: #FF0000;
}

/* Pour mieux ajuster les bordures dans un tableau */
td.droiteNoir {
	border-right: 1px solid #000000 !important ;
}
td.droiteGris {
	border-right: 1px solid #AAAAAA !important ;
}
td.noLeft {
	border-left: 0px !important ;
}
td.topGris {
	border-top: 1px solid #AAAAAA !important ;
}

/*
 * Style de pr�sentation d'une liste
 * ---------------------------------
 */
table.liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
table.liste tr.info td {
	font-size: 14px;
	background-color: #FFFFCC;
	border-bottom: 1px solid #AAAAAA ;
	border-top: 1px solid #AAAAAA ;
	vertical-align: sub;
}
table.liste tr.vide td {
	background-color: #FFFFFF;
}
table.liste tr.titreppal td {
	font-size: 14px;
	background-color: #cccc99;
	border: 1px solid #AAAAAA ;
	font-weight: bold;
}
table.liste tr.titre td {
	background-color: #ECECEC ;
	border: 1px solid #000000 ;
	border-right: 0px;
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.liste tr.stitre td {
	background-color: #ECECEC;
	color: #003463;
	border: 1px solid #AAAAAA ;
	border-right: 0px;
	font-weight: bold;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.liste tr.adresse td {
	background-color: #99ccff;
	border: 0px solid #AAAAAA ;
	line-height: 14px;
	vertical-align: top;
}
table.liste tr.prel td {
	background-color: #d9e1e8;
	border: 1px solid #AAAAAA ;
	border-right: 0px;
}
table.liste tr.d0 td {
	background-color: #FFFFD9;
	border: 1px solid #AAAAAA ;
	border-top: 0px;
	border-right: 0px;
}
table.liste tr.d1 td {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA ;
	border-top: 0px;
	border-right: 0px;
}
table.liste tr.d2 td {
	background-color: #ECECEC;
	border: 1px solid #AAAAAA ;
	border-top: 0px;
	border-right: 0px;
}
table.liste tr.mention td {
	background-color: #FFFFFF;
	border: 0px;
	text-align: right;
}

/* codes couleurs PITI */
table.liste tr.d0p td {
	background-color: #FFFFCC;
	border: 1px solid #AAAAAA ;
}
table.liste tr.titrep td {
	background-color: #C0C0C0;
	border: 1px solid #000000 ;
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*
 * Style de pr�sentation de la zone de message
 * -------------------------------------------
 */
table.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 26px;
	color: #000000;
}
table.message tr.titre td {
	line-height: 30px;
	font-size: 12px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #AAAAAA ;
	border-top: 1px solid #AAAAAA ;
}
table.message tr.titrecol td {
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA ;
	border-right: 0px;
}
table.message tr.messageNonLu td {
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #AAAAAA ;
	border-top: 0px;
	border-right: 0px;
}
table.message tr.message td {
	line-height: 14px;
	font-size: 11px;
	border: 1px solid #AAAAAA ;
	border-top: 0px;
	border-right: 0px;
}
table.message tr.mention td {
	background-color: #FFFFFF;
	border: 0px;
	line-height: 14px;
	text-align: right;
}

/*
 * Style de présentation d'un tableau récap
 * ----------------------------------------
 */
table.recap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
table.recap tr.titre td {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #000000 ;
}
table.recap tr.cellule td {
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #AAAAAA ;
	text-align: right;
}
table.recap tr.cellule td.signe {
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	border: 0px ;
	text-align: center;
}

/*
 * Style de présentation d'un layer d'information
 * ----------------------------------------------
 */
table.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
table.info tr.titre td {
	height: 30px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	font-style: underline;
}
table.info tr.info td {
	border: 1px solid #AAAAAA ;
}
table.info tr.detail td {
	border: 0px ;
}

/*
 * Style de saisie d'une fiche
 * ---------------------------
 */
table.fiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-indent: 2pt;
}
table.fiche tr.titre td {
	background-color: #EEEEEE;
	font-weight: bold;
	line-height: 26px;
	color: #003463;
	border-top: 1px solid #AAAAAA ;
	border-bottom: 1px solid #AAAAAA ;
}
table.fiche tr.d0 td {
	background-color: #FFFFCC;
	border-bottom: 1px solid #AAAAAA ;
}
table.fiche tr.d1 td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #AAAAAA ;
}
table.fiche tr.d2 td {
	background-color: #EEEEEE;
	border-bottom: 2px solid #AAAAAA ;
}

/*
 * Style de présentation de la zone d'inscription
 * ----------------------------------------------
 */
table.inscription {
	border-bottom: 1px solid #AAAAAA ;
	border-top: 1px solid #AAAAAA ;
}
table.inscription tr, table.inscription td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 30px;
	color: #000000;
	background-color: #EEEEEE;
}
table.inscription td.statut {
	/* border: 1px solid #AAAAAA ; */
	text-align: center;
}

/* Style pour aligner texte et image. */
.aligne {
	vertical-align: middle;
	display: inline-block;
}	

a.texte:link	{ color: #0000FF; text-decoration: underline;}
a.texte:visited	{ color: #4444FF; text-decoration: underline;}
a.texte:hover	{ color: #8888FF; text-decoration: underline;}
a.texte:active	{ color: #444444; text-decoration: none;}

/*
 * Style du menu gauche
 * --------------------
 */
TD.rubrique {
	font-size: 12px;
	font-weight: bold;
	background-color: #003463;
	color: #ffffff;
	height: 27px;
	padding-left:7px;
	vertical-align: middle;
}
A.rubrique:link{
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.rubrique:visited{
	COLOR: #ffffff; TEXT-DECORATION: none;
} 
A.rubrique:hover{
	COLOR: #AAAAAA; TEXT-DECORATION: none;
} 

TD.rubriquejeu {
	font-size: 12px;
	font-weight: bold;
	background-color: #5ac5cb;
	color: #ffffff;
	height: 27px;
	padding-left:7px;
	vertical-align: middle;
}
A.rubriquejeu:link{
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.rubriquejeu:visited{
	COLOR: #ffffff; TEXT-DECORATION: none;
} 
A.rubriquejeu:hover{
	COLOR: #FF000; TEXT-DECORATION: none;
} 

.srubrique {
	font-size: 8pt;
	font-weight: bold;
	background-color: #d9e1e8;
	color: #003463;
	height: 27px;
	padding-left:7px;
	vertical-align: middle;
	border-bottom-color:#003463;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.sav {
	font-size: 12px;
	font-weight: bold;
	background-color: red;
	color: white;
	height: 27px;
	padding-left:7px;
	vertical-align: middle;
}

/* Les barres de boutons gérées en CSS (blanc/bleu) */
table.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 26px;
}
table.bouton td {
	font-weight: bold;
	background-color: #003463 ;
	color: #FFFFFF;
	text-align : center ;
	vertical-align: middle;
}
A.bouton {
	background-color: #003463 ;
	width: 100%;
	text-align : center ;
	text-decoration: none ;
}
A.bouton:link { color: #FFFFFF }			/* unvisited link */
A.bouton:visited { color: #FFFFFF }		/* visited links */
A.bouton:active { color: #AAAAAA }		/* active links */
A.bouton:hover {  color: #AAAAAA  }		/* mouse over link */

/* Le lien sur un type de compte dans la synthèse. */
A.compte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Le lien qui passe sur une ic�ne, non soulign�. */
a.icone		{ TEXT-DECORATION: none !important; }
a.icone	.texte	{ TEXT-DECORATION: underline !important; }
a.icone	.texte:hover	{ TEXT-DECORATION: none !important; }

/*
 * Styles de l'opt-in aux relevés électroniques
 */
.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}
.Style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.Style3 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left:10px; 
	padding-bottom:10px;
}
.Style4 {color: #FF0000;font-size: 10px;}
.Style5 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left:10px; 
	padding-bottom:10px;
}

/*
====================================================================================================
    Spécifiques PROX-I pour P3F
====================================================================================================
*/
.underline {
    text-decoration: underline;
}
.proxi_blue {
	color: #003463;
}
.proxi_blue_2 {
	color: #003463;
	font-size: 14px;
}

/*
====================================================================================================
    Surcharge
====================================================================================================
*/
.btn {
    border: 1px solid #6a9ece;
    padding: 5px 20px;
    border-radius: 5px;
    background: none;
    font-weight: bold;
    cursor:pointer;
    font-size:11px;
    min-width:100px;
    line-height:1.4;
    color:#000;
}
.btn:hover, .btn:focus {
    font-size:11px;
    font-weight: bold;
    color:#000;
}
.btn-transparent { background: none; }
.btn-orange { background: #ffc000; }
.btn-transparent:hover, .btn-transparent:focus{
    background:#efefef;
    border: 1px solid #6a9ece;
}
.btn-orange:hover, .btn-orange:focus{
    background:#ffcd35;
    border: 1px solid #6a9ece;
}
.text-right{
    text-align:right;
}

.ui-widget-header {
    background:none;
    border:0;
    color: #333333;
    font-weight: bold;
}

.ui-dialog .ui-dialog-content {
    color:#000;
    font-weight:bold;
}
.ui-button:active, .ui-button.ui-state-active:hover{
    background:#efefef;
    border-color:#efefef;
}
.close{
    font-size:15px;
    color:#0072ce;
    cursor:pointer;
}

/*
====================================================================================================
    Page P3F
====================================================================================================
*/
.p3f.titre1, .transactions_echel.titre1 {
    font-weight: bold;
    font-size: 12px;
    background: #003463;
    display:inline-block;
    color: #fff;
    font-style: normal;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-align: justify;
    text-decoration: none;
    line-height:32px;
    margin-bottom:5px;
}

.p3f.titre1 {
    padding:0 15px;
    text-transform: uppercase;
}

.transactions_echel.titre1 {
	padding-left: 10px;
    width: 99%;
    text-transform: uppercase;
}

table.p3f_tab,
table.transactions_echel_tab {
    border: 1px solid #6a9ece;
    font-weight: bold;
}

/* on met en forme le titre */
table.p3f_tab .recap2 tr.titre td,
table.transactions_echel_tab .recap2 tr.titre td {
    border-right: 0;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.recap2 tr.titres td {
    font-size: 12px;
    font-weight: bold;
}
.commission {
    font-size: 9px;
    font-weight: bold;
    color: black;
}


/*
====================================================================================================
    Page transaction
====================================================================================================
*/
table.recap2 {

}

table tr.cellule.titre {
    border-bottom: 1px solid #6a9ece;
}

table tr.cellule.titre td {
    font-weight: bold;
	color: #003463;
	font-size: 12px;
}

table tr.cellule.transaction {
    border-bottom: 1px solid #6a9ece;
}