/*
	General app blue			:	#4FB1FF			medium blue (title links..)
	Link hover 					:	#AAEEFF			light blue
	Button background			:	#257EBF			darkish blue
	Button background:hover		:	#55AEFF			a little less darkish blue
	Button unavailable (dev)	:	#EEEEEE			light gray
	Table title bar				: 	#ABC5DE			medium blue
	Table title bar (alternate)	: 	#DEEEFE			light blue
	Table action column			:	#DFEBFF			light blue	
	
*/

html, body 																/* [DB] make debug info visible */
{
	background: #FFF;
	border: 0;
	margin: 0;
	padding: 0;
}

strong
{
	font-weight: normal;
/* 
	border-bottom: 1px dotted #999;
 */
}

/*---------------------------------------------------------------------*/
#showgaela
{
	display: none;
	z-index: 999;
	text-align: center;
	position: absolute;
	top: 0;					/* 130px for display below menu */
	left: 0;
	background: #2F435D;	/* (#DEEEFE) (#54B0E8) #54B0E8 for display below menu */
	color: #FFF;			/* C0D1F3 */
	font-size: 1.5em;
	font-weight: bold;
	width: 97%;
	height: 63px;			/* 50px for display below the menu */
	padding-top: 35px;		/* 20px for display below the menu */
	padding-left: 20px;
	padding-right: 20px;
}
#showgaela .ini
{
	color: #FFF;
	font-size: 1.2em;
}

/*---------------------------------------------------------------------*/
table.bandeauhaut
{
	width: 100%;
	height: 100px;
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;											/* necessary to avoid white borders (despite border: 0) */
}
table.bandeauhaut td.menu
{
	background: url(images/Fond-Menu.png);
	background-repeat: horizontal;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}
table.bandeauhaut td
{
	background: url(images/FondBandeauHaut.png);
	background-repeat: horizontal;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}

table.bandeaubas
{
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}
table.bandeaubas td
{
	background: url(images/Fond-Bas.png);
	background-repeat: horizontal;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}
table.bandeaubas td.bottom
{
	font-size: 10px;
	color: #FFFFFF;
	font-family: verdana;
	text-decoration: none;
	padding: 10px 0 10px 0;
}

/*---------------------------------------------------------------------*/
table
{
	width: 920px;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: left;
}
table td
{
	border: 0;
	padding: 10px 5px 10px 5px;
	margin: 0;
}

.content
{
	font-size: 12px;
	color: #000000;
	background: #FFF;
	font-family: verdana;
	text-decoration: none;
	text-align: justify;
	cursor: default;
	line-height: 1.5;
}
.content a,
.content a:link,
.content v:link
{
	color: #3352A5;									/* orig #3352A5 lighter #3653CC*/
	font-family: verdana;
	text-decoration: none;
}
.content a:hover
{
	color: #6DB9FF;
	font-family: verdana;
	text-decoration: none;
}
.content .menu a,
.content .menu a:link
{
	color: #FFFFFF;
	font-size: 13px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
.content .menu a:hover
{
	color: #ACDDFF;
	font-size: 13px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
.content .menu .menuseparator
{
	color: #4FB1FF;
	font-size: 12pt;
}
.content .menu .special
{
	color: #4FB1FF !important;
/*
	font-style: italic;
*/
}
.content .menu .special:hover
{
	color: #AEF !important;
}

.non_link_home_text
{
	color: #555;
	font-weight: normal;
}

/*---------------------------------------------------------------------*/
.menu .menu_apptitle
{
	font-size: 1.2em;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
.appname
{
	font-size: 1.2em;
	color: #4FAFEA;
	position: relative;
	top: 1px;
	margin-right: 2x;
}
.appname:hover
{
	color: #FFF;
}
.menu_apptitle .initiale
{
	font-size: 1.1em;
	color: #77BBFF;
}
.menu .menu_apptitle .widget
{
	color: #4FB1FF;
	font-size: 1em;
	font-weight: normal;
}
.menu_role_dev
{
	color: #FFF;
	background: #F8F;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	margin-left: 2px;
}
.menu_role_sysadmin
{
	color: #FFF;
	background: #FFA000;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	margin-left: 2px;
}
.menu_role_admin
{
	color: #FFF;
	background: #4AF;	/*437CFF*/
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	margin-left: 2px;
}
.menu_role_demo
{
	color: #FFF;
	background: #9C5CFD;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	margin-left: 2px;
}
.menu_role_login
{
	color: #FFF;
	background: #43AC7F;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	margin-left: 2px;
}

/*---------------------------------------------------------------------*/
.path
{
	color: #000000;
	font-size: 11px;
	font-family: verdana;
	text-decoration: none;
}

.mandatory
{
	color: #F88;
	font-weight: bold;
	font-size: .8em;
}

/*---------------------------------------------------------------------*/
.button
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	color: #FFFFFF !important;				/*safari treats buttons as if disabled! => workaround*/
	background-color: #257EBF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	border: 1px solid #2B94FF;	/*164B82 darker*/
	height: 24px;
	font-size: 12px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	min-width: 120px;
	padding: 1px 11px 1px 11px;
}
.button:hover																			/* [DB] */
{
	background-color: #55AEFF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	color: #FFF;
	cursor: pointer; 
}
.buttonOptions
{
	border-radius: 9px; 
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	color: #FFFFFF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	background-color: #257EBF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	border: 1px solid #2B94FF;	/*164B82 darker*/
	height: 18px;
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	min-width: 80px;
	text-align: center;
	padding: 1px 11px 1px 11px;
}
.buttonOptions:hover
{
	background-color: #55AEFF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	cursor: pointer; 
}
.buttonInline
{
	display: inline-block;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	color: #FFFFFF !important;				/*safari treats buttons as if disabled! => workaround*/
	background-color: #257EBF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	border: 1px solid #2B94FF;	/*164B82 darker*/
	height: 15px !important;
	font-size: 9px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	min-width: 80px;
	padding: 0 7px 0 7px;
	position: relative;
	top: -1px;
}
.buttonInline:hover
{
	background-color: #55AEFF !important;
	border: 1px solid #55AEFF;
	cursor: pointer; 
}
.buttonWarning
{
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	height: 18px;
	font-size: 9px;
	color: #FFF !important;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFAA00 !important;
	border: 1px solid #DA9B0F !important;
	padding: 0 5px 0 5px;
	min-width: 80px;
}
.buttonWarning:hover
{
	background-color: #0F0 !important;
	border: 1px solid #0F0 !important;
	color: #090 !important;
	cursor: pointer; 
}
.buttonStrong
{
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	font-size: 9px;
	color: #FFF !important;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	background-color: #FF9933 !important;
	border: 1px solid #EF8913 !important;
	padding: 2px 7px 2px 7px;
	min-width: 80px;
}
.buttonStrong:hover
{
	background-color: #EF7903 !important;
	border: 1px solid #EF7913 !important;
	color: #FFF !important;
	cursor: pointer; 
}
.buttonWrkNeutral
{
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	height: 18px;
	font-size: 9px;
	color: #FFF !important;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	background-color: #DDD !important;
	border: 1px solid #DDD !important;
	padding: 0 5px 0 5px;
	min-width: 80px;
}
.buttonGreen
{
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	height: 18px;
	font-size: 9px;
	color: #FFF !important;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	background-color: #090!important;
	border: 1px solid #080 !important;
	padding: 0 5px 0 5px;
	min-width: 80px;
}
.buttonGreen:hover
{
	background-color: #0F0 !important;
	border: 1px solid #0F0 !important;
	color: #090 !important;
	cursor: pointer; 
}
.buttondisabled
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	border: 1px solid #CCC;
	height: 24px;
	font-size: 12px;
	color: #CCC;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	background-color: #00E0E0;															/* [DB] changed from #05b7cb; */
	min-width: 120px;
}
.buttonCfm
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	border: 1px solid #9C683E !important;												/*safari treats buttons as if disabled! => workaround*/
																						/*safari treats buttons as if disabled! => workaround*/
	background-color: #CC852E !important;												/* [DB] changed from #05b7cb; */
	color: #FFFFFF !important;															/*safari treats buttons as if disabled! => workaround*/
	height: 24px;
	font-size: 12px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	min-width: 120px;
	padding: 0 5px 0 5px;
}
.buttonCfm:hover
{
	background-color: #FE9706 !important;
	border: 1px solid #CB8851 !important;
	cursor: pointer; 
}
.buttonCfmdisabled
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	border: 1px solid #BBBA89;
	height: 24px;
	font-size: 12px;
	color: #BBBA89;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	background-color: #D9DDC0;															/* [DB] changed from #05b7cb; */
	min-width: 120px;
}
.button-types-email
{	
	display: inline-block;
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	color: #FFFFFF !important;				/*safari treats buttons as if disabled! => workaround*/
	background-color: #257EBF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	border: 1px solid #2B94FF;	/*164B82 darker*/
	height: 21px;
	font-size: 11px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	width: 350px;
	padding: 7px 11px 1px 11px;
	margin-bottom: 3px;
}
.button-types-email:hover																/* [DB] */
{
	background-color: #55AEFF !important;	/*safari treats buttons as if disabled! => workaround*/ /* [DB] changed from #05b7cb; */
	color: #FFF;
	cursor: pointer; 
}
.button-types-email.support-tech
{
	background: #0A0 !important;
	border: 1px solid #0A0;
}
.button-types-email.support-tech:hover
{
	background: #3C3 !important;
	border: 1px solid #3C3;
}
.button-types-email.support-general
{
	background: #44F !important;
	border: 1px solid #44F;
}
.button-types-email.support-general:hover
{
	background: #66F !important;
	border: 1px solid #66F;
}
.button.W																				/* [DB] buttons which are not ready at the moment */
{
	background-color: #EEE;																/* [DB] changed from #05b7cb; then #FCF; */
	color: #AAA;																		/* REF: #B9B to go with #FCF background */
	border: 1px solid #999;
}
.button.W:hover																			/* [DB] buttons which are not ready at the moment */
{
	cursor: initial; 																	/* default */
}

.delete_button
{
	border: 0;
	color: #F00 !important;
	background-color: #FEE !important;
	border: 1px solid #FBB !important;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}
.delete_buttondisabled
{
	border: 0;
	color: #CCC;
	background-color: #F0F0F0;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}

.invisible_button
{
	position: absolute;
	left: 10000px;
	top: 100px;
	border: 0;
	color: #FFF;
	background-color: #FFF;
	font-family: verdana;
	text-decoration: none;
	font-weight: normal;
}

/*---------------------------------------------------------------------*/
.boxtitle
{
	width: 905px;
	font-size: 14px;
	background-color: #1f2e4b;
	color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	height: 32px;
	padding-left: 15px;
} 
.boxtitle .middle									/* NB: need to do this in a span inside the boxtitle, because it's relative */
{
	/* 'middle' is really too quirky, we'll do an _efficient_ hack */
	position: relative;
	top: 5px;
}
.grrrbold 
{
	font-weight: bold !important;
}
.boxinfo
{
	font-size: 12px;
	background-color: #aac5df;
	color: #000000;
	font-family: verdana;
	font-style: italic;
	width: 100%;
	padding: 15px;
} 

.boxlink
{
	font-size: 16px;
	background-color: #ffcc66;
	color: #2d4a6e;
	font-family: verdana;
	font-style: italic;
	width: 100%;
	padding: 15px;
	text-align: center;
} 

/*---------------------------------------------------------------------*/
.form
{
	height: 22px;
	font-size: 12px;
	color: #2d4a6e;					/* nice light blue but not ok, because when an input is disabled, it becomes blue */
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
}
input:disabled, input:read-only
{
	color: #555;
	background: #FAFAFA;
	border: 1px solid #EEE;
} 
input:read-only															/* this color is treated differently for read-only; this hack adjusts the pb  */
{
	color: #BBB;
} 
.formerror																/* [DB] added */
{
	background: #88F0FF;												/* excellent jaune #FFEBA6 / excellent bleu CBECFF */ 
}
.formerrorheader
{
	color: #00D3D3;
	font-weight: bold;
	font-size: 1.2em;
}
.formcaptcha
{
	background: #FFF;													/* excellent jaune #FFEBA6 / excellent bleu CBECFF */ 
}
.formerrorPopup
{
	padding: 10px;
/* 
	REF--removed because it misaligns with the new text $special_choice_explanation
	border: 4px solid #F8F8F8;
 */
}
.errorheader
{
	width: 864px;
	background: #88F0FF;
	color: #000;
	text-align: center;
	font-size: 1.4em;
	padding: 20px;
	margin-top: 5px;
	border: 8px solid #88F0FF;	/*F0F0F0*/
}
.email
{
/*
	color: #4B4; 			/  *good green #4B4*  /
	background: #EBFFD5;	/  *good green #EBFFD5*  /
*/
	color: #F88;
/*
	font-weight: bold;
*/
}

.note
{
	color: #C27652;
	font-weight: bold;
	text-align: center;
	background: #FFF8F4;
	padding: 10px;
}

.title
{
	font-size: 16px;
	color: #2d4a6e;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
} 
.tabletitle
{
	font-size: 16px;
	color: #2d4a6e;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
} 

.tabenabled															/* [DB] for change to clicked tabs */
{
	border-left: 1px solid #1f2e4b;
	border-top: 1px solid #1f2e4b;
	border-right: 1px solid #1f2e4b;
	background-color: #EAEAF2;
} 
.tabenabled:hover													/* [DB] for change to clicked tabs */
{
	background-color: #AfDeFb;
} 
.tabdisabled
{
	border-left: 1px solid #BBB;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	background-color: #F4F4F4;
	color: #999;
} 

/*---------------------------------------------------------------------*/
#login, #password
{
	border: 1px solid #000;											/* [DB] better control on style */
}

#multiaffiliations
{
	text-align: center;
}


/*---------------------------------------------------------------------*/
/* The general table display */
.table_list
{
	border: 1px solid #DDD;
	background: #FFF;
	border-spacing: 0px;											/* CSS way of specifying the old-school cellspacing and cellpadding */
	border-collapse: collapse;										/* '' */
	width: 100%;
}
.table_list th
{
	background: #aac5df;
	color: #006;
/* 
	border-bottom: 1px solid #5090d0;
 */
	padding: 5px;
	text-align: center;
}
.table_list th.C
{
	text-align: center;
}
.table_list td
{
	background: #FFF;
	color: #000;
	border-top: 1px dotted #E8E8E8;
	border-left: 1px dotted #E8E8E8;
	text-align: left;
	height: 26px;
	min-height: 26px;
}
.table_list .C
{
	text-align: center;
}
.table_list .R
{
	text-align: right;
}
.table_list .L
{
	text-align: left;
}
.table_list td.action
{
	background: #DFEBFF;
	vertical-align: middle;
}
.table_paiements td.action
{
	background: #D4DAF8;
	vertical-align: middle;
}
.addedsubfield
{
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
}
.table_list th.subtitle
{
	background: #8DA7C5;										/* #DEF light blue */
}
.table_list th.subtitleAFDMseparator
{
	background: #FFF;											/* 3f5a88 */
	border-top: 1px solid #CCC;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	padding-bottom: 20px;
}
.table_list .subtitleAFDM
{
	background: #EEE;											/* 3f5a88 */
	color: #000;
	border-top: 2px solid #999;									/* 3f5a88 */
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	font-weight: bold;
	text-align: center;
}
.table_list th.lighter
{
	background: #DEF;											/* #DEF light blue */
}

.light_panel
{
	background: #F8F8F8;
}
.medium_lighter_panel
{
	background: #F2F2F2;
}
.medium_light_panel
{
	background: #EAEAEA;
}
.medium_dark_panel
{
	background: #D8D8D8;
}
.dark_panel
{
	background: #B0B0B0;
}
.blue_panel
{
	background: #F0F0FE;
}
.blue_panel td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
.biglist_panel
{
	background: #F8F8F8;
	width: 100%;
	padding: 0 40px 20px 40px;
}
.biglist_panel td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
.specialbiglist_panel
{
	background: #FFF3E4;
	width: 100%;
	padding: 0 40px 20px 40px;
}
.specialbiglist_panel td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}

/*---------------------------------------------------------------------*/
.organisations_panel_01
{
	background: #F8F8F8;
	width: 100%;
	padding: 0 40px 20px 40px;
}
.organisations_panel_01 td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
.organisations_panel_02
{
	background: #FFF3E4;
	width: 100%;
	padding: 0 40px 20px 40px;
}
.organisations_panel_02 td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
.organisations_panel_03
{
	background: #FFF4FD;
	width: 100%;
	padding: 0 40px 20px 40px;
}
.organisations_panel_03 td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
.organisations_panel_04
{
	background: #DFEBFF;
	width: 100%;
	padding: 0 40px 20px 40px;
}
.organisations_panel_04 td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
.organisations_panel_09
{
	background: #DDE4D1;
	width: 100%;
	padding: 0 40px 20px 40px;
}
/* 
.organisations_panel_09 td.action
{
	background: #DFEBFF;
	vertical-align: middle;
	text-align: center;
	width: 5%;
}
 */

/*---------------------------------------------------------------------*/
.table_stages_personne
{
	border-spacing: 2px;											/* CSS way of specifying the old-school cellspacing and cellpadding */
	width: 100%;
}
.table_stages_personne th
{
	background: #F0F0FE;
	color: #006;
	padding: 5px;
	text-align: center;
}
.table_stages_personne td
{
	background: #F0F0FE;		/* FDFDFF */
}

/*---------------------------------------------------------------------*/
.table_paiements
{
	border-spacing: 2px;											/* CSS way of specifying the old-school cellspacing and cellpadding */
	width: 100%;
}
.table_paiements th
{
	background: #F0F0FE;
	color: #006;
	padding: 5px;
	text-align: center;
}
.table_paiements td
{
	background: #F8F8FF;		/* FDFDFF */
}
.table_paiements td.libelle
{
	padding-right: 10px;
}
.table_paiements td.montant
{
	padding-right: 10px;
}
.table_paiements td.saisi-par
{
	padding-left: 10px;
}
.table_paiements tr.newrecord td
{
	background: #F0F0F0;
}

/*---------------------------------------------------------------------*/
/* For the standard displayer table() in app.inc */
.table_standard
{
	border: 4px solid #F8F8F8;
	background: #D0E0F0;
}
.table_standard th
{
	border-left: 1px solid #E0F8FF;
	border-top: 1px solid #E0F8FF;
	border-bottom: 1px solid #AAC5DF;
	border-right: 1px solid #AAC5DF;
	background: #D0E0F0;
	color: #006;
	padding: 1px 1px 1px 4px;
}
.table_standard td.bigtitle
{
	border-left: 1px solid #CAE5FF;
	border-top: 1px solid #CAE5FF;
	border-bottom: 1px solid #9AB5CF;
	border-right: 1px solid #9AB5CF;
	background: #AAC5DF; 
	color: #006;
	padding: 6px;
	font-size: 10pt; 
	font-weight: bold;
}
.table_standard td
{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #E8F0F8;
	border-right: 1px solid #E8F0F8;
	background: #F0F8FF;
	color: #006;
	max-width: 600px;
	text-wrap: normal;
	word-wrap: break-word;	/* breaks the enormous pvars cell in showpvars() */
}


.table_standard td.vert
{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #E8F0F8;
	border-right: 1px solid #E8F0F8;
	background: #D7FFA6F;
	color: #006;
	max-width: 600px;
	text-wrap: normal;
	word-wrap: break-word;	/* breaks the enormous pvars cell in showpvars() */
}

.table_standardVT
{
	border: 4px solid #F8F8F8;
	background: #D0E0F0;
}
.table_standardVT th
{
	border-bottom: 1px solid #BBD;
	border-right: 1px solid #BBD;
	border-top: 1px solid #EEF;
	border-left: 1px solid #EEF;
	background: #D0E0F0;
	color: #006;
	text-align: left;
}
.table_standardVT td.bigtitle
{
	border-left: 1px solid #CAE5FF;
	border-top: 1px solid #CAE5FF;
	border-bottom: 1px solid #9AB5CF;
	border-right: 1px solid #9AB5CF;
	background: #AAC5DF; 
	color: #006;
	padding: 6px;
	font-size: 10pt; 
	font-weight: bold;
}
.table_standardVT td
{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #E8F0F8;
	border-right: 1px solid #E8F0F8;
	background: #F0F8FF;
	color: #006;
}


/*---------------------------------------------------------------------*/
.table_inscription {
	text-align: left;
	vertical-align: top;
}

.table_inscription td {
	text-align: left;
	vertical-align: top;
}


.table_standard td {
	text-align: left;
	vertical-align: top;
}

/*---------------------------------------------------------------------*/
.table_declaration {
	text-align: left;
	vertical-align: top;
	border: 1px solid #BBB;
	padding: 5px;
	background: transparent;
}

.table_declaration th {
	background: #E8E8E8;
	color: #000;
	padding: 9px 0 9px 7px;
}

.table_declaration td {
	background: transparent;
	color: #000;
	padding: 6px 0 6px 7px;
	vertical-align: top;
}
.table_declaration td.subtitle {
	background: #F5F5F5;
	padding: 9px 0 9px 7px;
}


/*---------------------------------------------------------------------*/
/* Display error messages */
.table_erreur											/* used specifically for post-validation feedback */
{
	border: 3px double #FFF;
	background: #FFC369;
/*
	width: 100%;
*/
}
.table_erreur th
{
	background: #FFBA54;
	color: #4B4134;
	border-top: 1px solid #FFCB79;
	border-left: 1px solid #FFCB79;
	border-bottom: 1px solid #EBA74D;
	border-right: 1px solid #EBA74D;
}
.table_erreur td
{
	background: #FFDFB1;
	color: #6B5D4A;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
}

/* Version 2 où les messages sont empilés verticalement */
.table_erreurVT
{
	border: 3px double #FFF;
	background: #FFC369;
/*
	width: 100%;
*/
}
.table_erreurVT th
{
	background: #FFBA54;
	color: #6B5D4A;
	border-top: 1px solid #FFCB79;
	border-left: 1px solid #FFCB79;
	border-bottom: 1px solid #EBA74D;
	border-right: 1px solid #EBA74D;
	text-align: left;
}
.table_erreurVT td
{
	background: #FFDFB1;
	color: #6B5D4A;
}


#table_list_id tr:hover.clickable_row, 
#table_list_id tr:hover.clickable_row td   {
	background: #DFEBFF;
	border-top: 1px solid #8AA5BF;
	border-bottom: 1px solid #8AA5BF;
	cursor: pointer; 
}
#table_list_id tr:hover.non_clickable_row, 
#table_list_id tr:hover.non_clickable_row td   {
	background: #F8F8F8;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	cursor: pointer; 
}


/*---------------------------------------------------------------------*/
.block_message
{
	display: block;
	color: #1576AB;
	background: #FAFAFA;
	font-weight: bold;
	padding: 9px;
}

/*---------------------------------------------------------------------*/
/* General panels - info, confirm, error */
.panel_user_info {
	position: absolute;
	top: 25%;
	left: 0;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: #468;
	background: #DEF;
	border: 2px solid #CDE;
	padding: 40px;
	text-align: center;
}

.panel_user_confirmation {
	position: absolute;
	top: 25%;
	left: 0;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #090;
	background: #DFD;
	border: 2px solid #ADA;
	padding: 40px;
	text-align: center;
}

.panel_user_warning {
	position: absolute;
	top: 25%;
	left: 0;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: #905A00;
	background: #FFC802;
	border: 2px solid #AA8;
	padding: 40px;
	text-align: center;
}

.panel_user_error {
	position: relative;
	top: 25%;
/*
	width: 60%;
*/
	font-size: 13px;
	font-weight: bold;
	color: #F00;
	background: #FFEAFE;
	border: 2px solid #AA8;
	padding: 40px;
	text-align: center;
}

.panel_program_error {
	font-size: 20px;
	font-weight: normal;
	color: #700;
	background: #FFC;
	padding: 10px;
	border: 2px solid #FF8;
	text-align: center;
}

.hint
{
	font-size: 8pt;
	color: #999;
	font-weight: normal;
}
.hint2
{
	font-size: 8pt;
	color: #BBB;
	font-weight: normal;
}

/*---------------------------------------------------------------------*/
.new,
.new.jaune
{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 7px 1px 7px;
	margin: 0 8px 0 8px;

	color: #A48819;
	background: #FFF087;
	border: 1px solid #EADC7B;
}
.new.vert
{
	color: #50A060;
	background: #B3F2BF;
	border: 1px solid #92C69D;
}
.new.bleu
{
	color: #7684C6;
	background: #C2E8F8;
	border: 1px solid #ADC1DB;
}
.new.rouge
{
	color: #C48380;
	background: #FFD7D2;
	border: 1px solid #DCBDB2;
}

.list_addition_green
{
	display: inline-block;
 	width: 90%;
	font-size: 8pt;
	font-weight: normal;
 	background: #CFC;
 	color: #777;
 	padding: 1px 6px 3px 6px;
 	margin-left: 3px;
 }

.list_addition_blue
{
	display: inline-block;
 	width: 90%;
	font-size: 8pt;
	font-weight: normal;
 	background: #EEF4FF;
 	color: #777;
 	padding: 1px 6px 3px 6px;
 	margin-left: 3px;
 }

.list_addition_icon
{
 	color: #888;
 }

/*---------------------------------------------------------------------*/
.help_index
{
	border: 5px solid #F0F0F0;
	width: 700px;
}
.help_index_title
{
	background: #F0F0FF;
	font-weight: bold;
	text-align: center;
}
.help_index_item
{
	background: #F0F0F0;
}
.help_index_item:hover
{
	background: #F6F6FF;
}
.help_title
{
	background: #F0F0F0;
	font-weight: bold;
	font-size: 1.05em;
	padding-left: 20px;
}
.help_title strong
{
	color: #011D9D;				/*4A6DBA*/
/* 
	font-style: italic;
 */
}
.help_paragraph
{
	text-align : justify;
}
.help_paragraph strong
{
	color: #011986;				/*4A6DBA*/
	font-weight: bold;
}
.help_admin_title
{
	background: #DFEBFF;		/* E0F0E0 */
}
.help_admin_title_tag
{
	float: right;
	padding-right: 30px;
}
.help_admin_paragraph
{
}
.help_sysadmin_title
{
	background: #FFE7C5;		/* nice light magenta E8E1FF */
}
.help_sysadmin_title_tag
{
	float: right;
	padding-right: 30px;
}
.help_sysadmin_paragraph
{
}
.help_dev_title
{
	background: #FFEAFE;
}
.help_dev_title_tag
{
	float: right;
	padding-right: 30px;
}
.help_dev_paragraph
{
}

/*---------------------------------------------------------------------*/
.show_dev_list
{
	background: #FFC8FD;
	color: #666;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
.show_sysadmin_list
{
	background: #FFE29A;
	color: #666;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
.show_admin_list
{
	background: #CADBFE;
	color: #666;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
.show_pro_list_stage
{
	background: #F80;
	color: #FFF;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
#show_no_pro_list_stage
{
	background: #F80;
	color: #FFF;
	text-align: center;
	padding: 0;
}
.show_stranger_list
{
	background: #F0F0F0;
	color: #666;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
.show_reader_list
{
	background: #F0F0F0;
	color: #666;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
.show_demo_list
{
	background: #BC7CDD;
	color: #FFF;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}
.show_no_access_list
{
	background: #FFF;
	color: #999;
	font-size: 7pt;
	float: right;
	padding: 0 6px 0 6px;
}

.show_sysadmin_edit
{
	background: #FFE29A;
}
.show_admin_edit
{
	background: #CADBFE;
}
.show_user_edit
{
	background: #F0F0F0;
}
.show_inactive
{
	background: #F00;
	color: #FFF;
	padding: 1px 5px 1px 5px;
	border: 1px solid #FFF;
	font-weight: normal;
	margin-left: 10px;
}

/*---------------------------------------------------------------------*/
/* For the rangedatepicker (and no, there is no visible conflict with the rest) */
body 
{
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;				
}

a.link, a.underline 
{
	text-decoration: none;
	color: #03f;
	font-size: 14px;
}

a.link img 
{
	border: 0;
}

a.underline:hover 
{
	text-decoration: underline;
}

a.relation
{
	color: #2E7AFF !important;
	font-weight: bold;
}

a.relation:hover 
{
	color: #2E7AFF !important;
	background: #AFF !important;
	padding: 5px 5px 5px 0;
}

.ui-datepicker-month, .ui-datepicker-year
{
	background: #FFF;
}

.light
{
	color: #999;
}
.small
{
	font-size: 0.9em;
}
.vsmall
{
	font-size: 0.8em;
}
.vvsmall
{
	font-size: 0.7em;
}

.error {
	background: #FEE;
	color: #F00;
	padding: 7px;
	border: 1px solid #F00;
}

.attention_panel {
	border: 1px dotted #F00;
	background: #FFF8F8;
	padding: 7px;
	font-size: 1em;
}
.attention_panel.small {
	width: 50%;
}

.std_wider_popup {							/* some places need the popups to be normalized, e.g. page adherents_edit */
	width: 140px;
}

.display_chosen_afdm {
	color: #FFF;
	background: #77ACD6;
	font-weight: bold;
	padding: 10px;
	margin: 6px;
}

/*---------------------------------------------------------------------*/
/* fontawesome styles */
.fa_menu {
	color:#3352A5;		/* #6FB3FF; #3352A5 #BBCCDD */
}
.fa_valider {
/* 
	position: relative;
	top: -4px;
 */
	color:#006;
}
.fa_attente {
/* 
	position: relative;
	top: -4px;
 */
	color:#006;
}
.fa_effacer {
/* 
	position: relative;
	top: -4px;
 */
	color:#F00;
}
.fa_editer {
/*
	position: relative;
	top: -3px;
*/
	color:#006;
}
.fa_editer_liste {
	position: relative;				/* yes ! really necessary here */
	color:#006;
}
.fa_moto_verte {
/*
	position: relative;
	top: -4px;
*/
	color:#0A0;
}
.fa_moto_fauve {
/*
	position: relative;
	top: -4px;
*/
	color:#E08C00;
}
.fa_moto_bleue {
/* 
	position: relative;
	top: -4px;
 */
	color:#2E7AFF;
}
.fa_moto_bleu_clair {
/* 
	position: relative;
	top: -4px;
 */
	color:#D1E0F0;
}
.fa_moto_rouge {
/* 
	position: relative;
	top: -4px;
 */
	color:#F00;
}
.fa_moto_rouge_clair {
/* 
	position: relative;
	top: -4px;
 */
	color:#F88;
}
.fa_moto_orange {
/* 
	position: relative;
	top: -4px;
 */
	color:#FE9706;
}
.fa_moto_violette {
/* 
	position: relative;
	top: -4px;
 */
	color:#A260C4;
}
.fa_moto_grise {
/*
	position: relative;
	top: -4px;
*/
	color:#999;
}
.fa_moto_noire {
/*
	position: relative;
	top: -4px;
*/
	color:#000;
}
.fa_moto_blanche {
/*
	position: relative;
	top: -4px;
*/
	color:#FFF;
}
.fa_moto_sys {
/* 
	position: relative;
	top: -4px;
 */
	color:#F0F;
}
.fa_moto_hover:hover {
	color: #6DB9FF;
}
.fa_moto_hover_dark:hover {
	color: #327FE5;
}
.fa_moto_hover_red:hover {
	color: #F00;
}
.fa_moto_hover_green:hover {
	color: #0F0;
}
.fa_moto_hover_blue:hover {
	color: #D1E0F0;
}
.fa_moto_hover_white:hover {
	color: #FFF;
}

/*---------------------------------------------------------------------*/
.C
{
	text-align: center;
}
.R
{
	text-align: right;
}
.L
{
	text-align: left;
}
.J
{
	text-align: justify;
}
.VT
{
	vertical-align: top;
}
.VM
{
	vertical-align: middle;
}
.VB
{
	vertical-align: bottom;
}

/*---------------------------------------------------------------------*/
.attestation
{
	font-size: 8pt;
	text-align: justify;
}
.attestation .titre
{
	color: #1575AC;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
.attestation strong
{
	color: #1575AC;
	font-weight: bold;
}
.attestation lnk
{
	color: #DF8C00;
	text-decoration: underline;
}

.attestation2
{
	font-size: 10pt;
}
.attestation2 .titre
{
	border-radius: 32px; 
	-moz-border-radius: 32px; 
	-webkit-border-radius: 32px; 
	border: 1px solid #000;
/* 
	background: #1073B3;
 */
	color: #000;
	text-align: center;
	font-weight: bold;
	padding: 15px;
}
.attestation2 .duplicata
{
	color: #F00;
}
.attestation2 strong
{
	color: #1575AC;
	font-weight: bold;
}
.attestation2 .signature
{
	padding-left: 200px;
	display: inline-block;
}

.attestation_cfm
{
	text-align: left;
	width: 600px;
}
.attestation_cfm strong
{
	color: #1575AC;
	font-weight: bold;
}
.attestation_cfm em
{
	font-style: normal;
	font-size: 1.3em;
}
.attestation_cfm p
{
	margin-left: 20px;
}
.attestation_cfm .newnumero
{
	color: #DF8C00;
	font-weight: bold;
}

/*---------------------------------------------------------------------*/
#dialog_new_stage
{
	background: #EEF7FE;
	color: #888;
	padding: 11px;
}

/*---------------------------------------------------------------------*/
.accepte_droits
{
	color: #FFF;
	background: #090;
	font-weight: bold;
	padding: 0 7px 0 7px;
}
.refuse_droits
{
	color: #FFF;
	background: #F00;
	font-weight: bold;
	padding: 0 7px 0 7px;
}

/*---------------------------------------------------------------------*/
.feedback_mail
{
	background: #AFA;
	color: #090;
	font-size: .8em;
	padding: 0 3px 0 3px;
	float: right;
}

/*--------------------------------------------------------------------*/
.publistages_maincontainer
{
	width: 100%;
	height: 500px;
	max-height: 500px;
	background: #FFF;
	border: 0px solid #F00;
	padding: 7px;
	overflow: auto;
}
.publistages_afdmsection
{
	background: #3773B2;		/*3070B6*/
	border: 0px solid #0FF;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding: 18px;
}
.publistages_intro
{
	background: #DFEBFF;
	border: 0px solid #0FF;
	color: #000;
/* 
	font-weight: bold;
 */
	padding: 40px 70px 40px 70px;
}
.publistages_afdmgeneralparag
{
	background: #F0F0F9;
	border: 0px solid #0FF;
	color: #000;
/* 
	font-weight: bold;
 */
	text-align: justify;
	padding: 20px 70px 20px 70px;
}
.publistages_stagecolumntitles
{
	background: #F0F0F9;
	color: #000;
	font-weight: bold;
}
.publistages_columntitle_dept
{
	display: inline-block;
	text-align: center;
	color: #888;
	width: 5%;
}
.publistages_columntitle_dates
{
	display: inline-block;
	text-align: left;
	color: #888;
	width: 25%;
}
.publistages_columntitle_typestage
{
	display: inline-block;
	text-align: left;
	color: #888;
	width: 66%;
}
.publistages_content_row1_even
{
	background: #E0F0FF;
	vertical-align: top;
}
.publistages_content_row1_odd
{
	background: #F0F8FF;	/*EAF8FF*/
	vertical-align: top;
}
/* 
.publistages_content_row2_even
{
	background: #FFF;
	vertical-align: top;
	text-align: left;
}
.publistages_content_row2_odd
{
	background: #F4FFFF;
	vertical-align: top;
	text-align: left;
}
 */
.publistages_content_row_skipped
{
	background: #FEF;
	border: 2px solid #F8F;
	vertical-align: top;
}
.publistages_column_dept
{
	display: inline-block;
	width: 5%;
	text-align: center;
}
.publistages_column_dates
{
	display: inline-block;
	width: 25%;
	text-align: left;
	font-size: 1.1em;
	padding-top: 35px;
	height: 100%;
	border-right: 2px solid #FFF;
}
.publistages_column_typestage
{
	display: inline-block;
	width: 66%;
	text-align: left;
	padding: 30px 0 30px 20px;
}
.publistages_typestage_text
{
	display: inline-block;
	font-size: 1.6em;
	padding-bottom: 12px;
}
.publistages_mode_text_asso
{
	background: #4B9A15;
	color: #FFF;
	font-size: .85em;
	padding: 1px 8px 1px 8px;
	margin-left: 18px;
	position: relative;
	top: -2px;
}
.publistages_mode_text_toutpublic
{
	background: #0B7CF2;		/*3492D4*/
	color: #FFF;
	font-size: .85em;
	padding: 1px 8px 1px 8px;
	margin-left: 18px;
	position: relative;
	top: -2px;
}
.publistages_mode_text_entreprise
{
	background: #D4880E;
	color: #FFF;
	font-size: .85em;
	padding: 1px 8px 1px 8px;
	margin-left: 18px;
	position: relative;
	top: -2px;
}
.publistages_mode_text_other
{
	background: #727171;
	color: #FFF;
	font-size: .85em;
	padding: 1px 8px 1px 8px;
	margin-left: 18px;
	position: relative;
	top: -2px;
}
/* 
.publistages_column_leftofparagraph
{
	display: inline-block;
	float: left;
	padding-left: 10px;
}
 */
.publistages_column_paragraph
{
}
/* 
.publistages_column_paragraph_separaterow
{
	display: inline-block;
	vertical-align: top;
	border-top: 0;
	padding: 0 9px 9px 15px;
	text-align: left;
}
 */
.publistages_btn_inscription
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	color: #FFFFFF !important;
	background-color: #3472B4;
	height: 24px;
	font-size: 16px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 1px 16px 1px 16px;
}
.publistages_btn_inscription:hover																			/* [DB] */
{
	background-color: #3987F8;
	color: #FFF;
	cursor: pointer; 
}
.publistages_btn_complet
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	color: #FFFFFF !important;
	background-color: #BBB;
	height: 24px;
	font-size: 16px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 1px 16px 1px 16px;
}
.publistages_btn_ferme
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	color: #FFFFFF !important;
	background-color: #BBB;
	height: 24px;
	font-size: 16px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	width: 240px;
	text-align: center;
	padding: 1px 16px 1px 16px;
}
.publistages_btn_termine
{
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	color: #FFFFFF !important;
	background-color: #BBB;
	height: 24px;
	font-size: 16px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 1px 16px 1px 16px;
}

/*---------------------------------------------------------------------*/

red { color: #F00; }
green { color: #090; }
lightgreen { color: #0F0; }
blue { color: #00F; }
yellow { color: #FF0; }
orange { color: #F80; }
magenta { color: #F0F; }
cyan { color: #0FF; }
white { color: #FFF; }
gray { color: #888; }
darkgray { color: #555; }
lightgray { color: #CCC; }

bRED { background: #F00; color: #FFF; }
bGREEN { background: #090; color: #FFF; }
bLIGHTGREEN { background: #0F0; }
bBLUE { background: #00F; color: #FFF; }
bYELLOW { background: #FF0; }
bORANGE { background: #F80; color: #FFF; }
bMAGENTA { background: #F0F; color: #FFF; }
bCYAN { background: #0FF; }
bWHITE { background: #FFF; }
bGRAY { background: #888; }
bDARKGRAY { background: #555; }
bLIGHTGRAY { background: #CCC; }

/*--------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* For the standard displayer table() in app.inc */
.table_edition
{
	border: 4px solid #aeb0b1;
	background: #aeb0b1;
}
.table_edition th
{
	border-left: 1px solid #aeb0b1;
	border-top: 1px solid #aeb0b1;
	border-bottom: 1px solid aeb0b1;
	border-right: 1px solid aeb0b1;
	background: ##FFFFFF;
	color: #006;
	padding: 1px 1px 1px 4px;
}
.table_edition td.bigtitle
{
	border-left: 1px solid #CAE5FF;
	border-top: 1px solid #CAE5FF;
	border-bottom: 1px solid #9AB5CF;
	border-right: 1px solid #9AB5CF;
	background: #AAC5DF; 
	color: #006;
	padding: 6px;
	font-size: 10pt; 
	font-weight: bold;
}
.table_edition td
{
	border-top: 1px solid #000;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #E8F0F8;
	border-right: 1px solid #E8F0F8;
	background: #FFFFFF;
	color: #006;
	max-width: 600px;
	text-wrap: normal;
	word-wrap: break-word;	/* breaks the enormous pvars cell in showpvars() */
}

.table_editionVT
{
	border: 4px solid #F8F8F8;
	background: #FFFFFF;
}
.table_editionVT th
{
	border-bottom: 1px solid #BBD;
	border-right: 1px solid #BBD;
	border-top: 1px solid #EEF;
	border-left: 1px solid #EEF;
	background: #FFFFFF;
	color: #006;
	text-align: left;
}
.table_editionVT td.bigtitle
{
	border-left: 1px solid #CAE5FF;
	border-top: 1px solid #CAE5FF;
	border-bottom: 1px solid #9AB5CF;
	border-right: 1px solid #9AB5CF;
	background: #FFFFFF; 
	color: #006;
	padding: 6px;
	font-size: 10pt; 
	font-weight: bold;
}
.table_editionVT td
{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #E8F0F8;
	border-right: 1px solid #E8F0F8;
	background: #F0F8FF;
	color: #006;
}