/*------------------------------------------------------------------------
# styles du portail (attention URL relative au repertoire du portail)
# adapté pour un écran de 1024 x 768 (57% des utilisateurs)
# zone de lecture 800 x 600 - le reste en graphismes
-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
# styles des infobulles
-------------------------------------------------------------------------*/

.info_bulle_ng{
	position:relative;
	z-index:24;
	color:#494949;
	text-decoration:none
}
.info_bulle_ng:hover{
	z-index:25;
}
.info_bulle_ng span{
	display: none;
}
.info_bulle_ng:hover span{
	display:block;
	position:absolute;
	top:-2em; left:3em; width:25em;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}

/*------------------------------------------------------------------------
# styles des textes
-------------------------------------------------------------------------*/

.gros_text_standard_ng {
	font-family: Tahoma;
	font-size: 13px;
	color: #494949;
	cursor:default;
}
.text_standard_ng {
	font-family: Tahoma;
	font-size: 11px;
	color: #494949;
	cursor:default;
}
.petit_text_standard_ng {
	font-family: Tahoma;
	font-size: 9px;
	color: #494949;
	cursor:default;
}
.t_petit_text_standard_ng {
	font-family: Tahoma;
	font-size: 7px;
	color: #494949;
	cursor:default;
}
.text_std_actif  {
	font-family: Tahoma;
	font-size: 11px;
	color: #494949;
	cursor: pointer;
}
.text_std_actif:hover  {
	color: #2e8b57;
}
.exergue {
	font-style: italic;
	color: #B67534;
	cursor:default;
}
/*------------------------------------------------------------------------
# styles de la balise HR
-------------------------------------------------------------------------*/
hr {
  height: 1px;
  color: #b0c4de;
  background-color: #b0c4de;
  border: 0;
}
/*------------------------------------------------------------------------
# styles des liens
-------------------------------------------------------------------------*/

a  {
	font-family: Tahoma;
	font-size: 11px;
	color: #494949;
	line-height: 10px;
	text-decoration: none;
}

a:hover  {
	color: #2e8b57;
}

a.big_blue {
  font-size: 13px;
  line-height: 15px;
  color : #0000FF;
}
a.big_blue:hover  {
	color: #2e8b57;
}
/*------------------------------------------------------------------------
# styles des boutons et champs de saisie
-------------------------------------------------------------------------*/

.button {
	border: 1px solid #b0c4de;
	padding: 0 0 0 0;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
  behavior: url(../base/lib/PIE.htc);
}
.button:hover {
	color: #2e8b57;
	cursor: pointer;
}
.button:disabled {
	background:  #ABC5E2;	
	color: #000000;
	cursor: default;
}

.button_disabled {
	border: 1px solid #b0c4de;
	padding: 1px 0px;
	background:  #ABC5E2;	
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}

.button_ng {
	border: 1px solid #b0c4de;
	padding: 2px 6px;
	color: #494949;
	font-family: Tahoma;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
	cursor: pointer;
}
.button_ng:hover {
	color: #2e8b57;
}
.button_ng:disabled {
	background:  #ABC5E2;	
	color: #000000;
	cursor: default;
}
.button_ng_disabled {
	position:absolute;
	width:100px;
	height:19px;
	border: 1px solid #b0c4de;
	padding: 0 0 0 0;
	color: #494949;
	font-family: Tahoma;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	cursor: default;
	background:  #ABC5E2;	
	color: #000000;
}

.button_std_ng {
	position:absolute;
	width:110px;
	height:19px;
	border: 1px solid #b0c4de;
	padding: 0 0 0 0;
	color: #494949;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
  behavior: url(../base/lib/PIE.htc);
}
.button_std_ng:hover {
	color: #2e8b57;
	cursor: pointer;
}
.button_std_ng:disabled {
	background:  #ABC5E2;	
	color: #000000;
	cursor: default;
}
.button_std_ng_disabled {
	position:absolute;
	width:110px;
	height:19px;
	border: 1px solid #b0c4de;
	padding: 0 0 0 0;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  behavior: url(../base/lib/PIE.htc);
	background:  #ABC5E2;	
	color: #000000;
	cursor: default;
}

.button_transparent{
	cursor: pointer;
}
.button_transparent:hover{
	color: #2e8b57;
}

.v_small_button {
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
	border: 1px solid #b0c4de;
	line-height:15px;
	padding: 0px 1px 0px 1px ;
	color: #494949;
	font-family: Tahoma;
	font-size: 9px;
	text-decoration: none;
	text-align:center;
}
.v_small_button:hover {
	background:#d5f0e7;
	color:  #2e8b57;
	cursor: pointer;
}
.v_small_button:disabled {
	background:  #ABC5E2;
	color: #000000;
	cursor: default;
}
.small_button {
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
  behavior: url(../base/lib/PIE.htc);
	border: 1px solid #b0c4de;
	padding: 1px 1px;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	line-height:20px;
	text-decoration: none;
	text-align:center;
}
.small_button:hover {
	background:#d5f0e7;
	color:  #2e8b57;
	cursor: pointer;
}
.small_button:disabled {
	border: 1px solid #b0c4de;
	padding: 1px 1px;
	background:  #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}
.small_button_actif {
	border: 1px solid #b0c4de;
	padding: 1px 1px;
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
  behavior: url(../base/lib/PIE.htc);
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align:center;
	line-height:20px;
	text-decoration: none;
}
.small_button_disabled {
	border: 1px solid #b0c4de;
	padding: 1px 1px;
	line-height:20px;
	background:  #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
	text-align:center;
}

/*------------------------------------------------------------------------
# boite de saisie et formulaires
-------------------------------------------------------------------------*/
.choix_liste {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
}
.choix_liste:disabled {
	border: 1px solid #b0c4de;
	background: #ABC5E2;
	color: #000000;
}
.areabox {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	padding: 3px;
	margin: 0px;

}
.areabox:disabled {
	border: 1px solid #b0c4de;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	padding: 3px;
	margin: 0px;

}

.checkbox {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
}
.inputbox_small {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
	font-family: Tahoma;
	font-size: 9px;
	text-align: left;
}
.inputbox_small:disabled {
	background: #ABC5E2;
	color: #000000;
}
.inputbox {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
}
.inputbox:disabled {
	border: 1px solid #b0c4de;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
}
.inputbox_big {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
}
.inputbox_big:disabled {
	background: #ABC5E2;
	color: #180bf7;
}
.inputbox_c {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #BED4EC;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}
.inputbox_c:disabled {
	border: 1px solid #b0c4de;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}
.inputbox_readonly {
	border: 1px solid #b0c4de;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	cursor: default;
}
.inputbox_readonly_normal {
	border: 0px solid #b0c4de;
	background: #ABC5E2;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	text-align: right;
	cursor: default;
}


.inputbox_ng {
	border: 1px solid #b0c4de;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	background: #c0c0c0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#e6e6fa)); background: -webkit-linear-gradient(#c0c0c0, #e6e6fa); background: -moz-linear-gradient(#c0c0c0, #e6e6fa); background: -ms-linear-gradient(#c0c0c0, #e6e6fa); background: -o-linear-gradient(#c0c0c0, #e6e6fa); background: linear-gradient(#c0c0c0, #e6e6fa); -pie-background: linear-gradient(#c0c0c0, #e6e6fa); 
  color: #494949;
	font-family: Tahoma;
	font-size: 13px;
	text-align: left;
}
.inputbox_ng:disabled {
	border: 1px solid #b0c4de;
	background: #8FA7C2;
	color: #494949;
	font-family: Tahoma;
	font-size: 13px;
	text-align: left;
}

textarea { resize:none; }
textarea.inputbox {
	border: 1px solid #b0c4de;
	background: #F0F0F0;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	width:100%;
	height:80px;
}
textarea.inputbox_transparent {
	border: 1px solid #b0c4de;
	background: transparent;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	width:100%;
	height:80px;
}
textarea.inputbox_libre {
	border: 1px solid #ABC5E2;
	background: #316AAB;
	color: #BED4EC;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
}
textarea.inputbox_h_libre {
	border: 1px solid #ABC5E2;
	background: #316AAB;
	color: #BED4EC;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	width:100%;
}
textarea.area_invisible {
	border: 0px;
	background: transparent;
	color: #494949;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
}
textarea.petit_area_invisible {
	border: 0px;
	background: transparent;
	color: #494949;
	font-family: Tahoma;
	font-size: 9px;
	text-align: left;
}

/*------------------------------------------------------------------------
# styles des titres
-------------------------------------------------------------------------*/

.titre  {
	font-family: Tahoma;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #494949;
	text-align: center;
}
.sous_titre_standard_ng {
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #494949;
	cursor:default;
}
.petit_sous_titre_standard_ng {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #494949;
	cursor:default;
}
.t_petit_sous_titre_standard_ng {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #494949;
	cursor:default;
}
.titre_menu  {
	text-align: center;
	font-family: Forte;
	font-size: 20px;
	font-style: italic;
	color: #494949;
	cursor: default;
}

/*------------------------------------------------------------------------
# styles des tableaux
-------------------------------------------------------------------------*/
table {
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	border-collapse: collapse;
	text-align: center;
}
td {
	font-family: Tahoma;
	font-size: 11px;
	border: 0px;
	background: transparent;
	padding: 10px 10px;
	margin: 0px;
	cursor: default;
}

table.ng{
  text-align:left;
}

td.ng {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #ABC5E2;
	padding: 0px 0px;
	margin: 0px;
	cursor: default;
}
table.presentation0 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #b0c4de ;
	text-align: center;
	background : #ff9200;
}
table.presentation1 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #b0c4de ;
	text-align: center;
	background : #72eafa;
}
table.presentation2 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #b0c4de ;
	text-align: center;
	background : #6eea32;
}
table.presentation3 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #b0c4de ;
	text-align: center;
	background : #f8ff00;
}
table.presentation4 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #b0c4de ;
	text-align: center;
	background : #c18a39;
}
td.td_titre {
  background: #f9fdc8; 
  font-family: Tahoma;	
  font-size: 11px; 
  border: 1px solid #ABC5E2; 
  text-align: center;	
  padding: 5px 5px; 
  cursor: default;
}
td.td_ligne {
	background: #aafcda; 
	font-family: Tahoma;  
	font-size: 11px;
  border: 1px solid #ABC5E2; 
  text-align: left; 
  padding: 5px 5px; 
  cursor: default;
}
td.td_ligne_nw {
	background: #aafcda; 
	font-family: Tahoma;  
	font-size: 11px;
  border: 1px solid #ABC5E2; 
  text-align: left; 
  padding: 5px 5px; 
  white-space:nowrap;
  cursor: default;
}
td.td_titre_petit {
  background: #f9fdc8; 
  font-family: Tahoma;	
  font-size: 9px; 
  border: 1px solid #ABC5E2; 
  text-align: center;	
  padding: 2px 2px; 
  cursor: default;
}
td.td_ligne_petit {
	background: #aafcda; 
	font-family: Tahoma;  
	font-size: 9px;
  border: 1px solid #ABC5E2; 
  text-align: left; 
  padding: 2px 2px; 
  cursor: default;
}
/*------------------------------------------------------------------------
# redefinition des tableaux de la messagerie
-------------------------------------------------------------------------*/
td.boite_messages_haut {
	background: #f9fdc8;
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 2px 2px;
	White-Space:nowrap;
	cursor: default;
}
td.boite_messages_bas {
	background: #aafcda;
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #ABC5E2;
	text-align: left;
	padding: 2px 2px;
	White-Space:nowrap;
	cursor: default;
}
/*------------------------------------------------------------------------
# styles cadres
-------------------------------------------------------------------------*/
.cadre_ng_1 {
	font-family: Tahoma;
	font-size: 13px;
	border: 1px solid #b0c4de;
	padding: 5px 5px 5px 5px;
	line-height: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	box-shadow: #999 10px 10px 10px;
	background: #e6e6fa; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e6e6fa), to(#f5f5f5)); background: -webkit-linear-gradient(#e6e6fa, #f5f5f5); background: -moz-linear-gradient(#e6e6fa, #f5f5f5); background: -ms-linear-gradient(#e6e6fa, #f5f5f5); background: -o-linear-gradient(#e6e6fa, #f5f5f5); background: linear-gradient(#e6e6fa, #f5f5f5); -pie-background: linear-gradient(#e6e6fa, #f5f5f5); 
	behavior: url(../base/lib/PIE.htc);
}
.cadre_std_ng {
	font-family: Tahoma;
	font-size: 13px;
	border: 1px solid #b0c4de;
	padding: 5px 5px 5px 5px;
	line-height: 13px;
}
/* cadre de second plan */
.cadre_std_ng_2 {
  background-color:#d5f0e7;
	color: #494949;
	font-family: Tahoma;
	font-size: 10px;
	padding: 5px  5px 5px  5px;
	border: 1px solid #5ea6bc;
	margin: 0px;
}
/* bordure de cadre standard */
.border_std_ng_2 {
	border: 1px solid #5ea6bc;
}
.border_std_ng {
	border: 1px solid #b0c4de;
}
/*------------------------------------------------------------------------
# styles par defaut des corps de page inclus dans un iframe
-------------------------------------------------------------------------*/
body.iframe {
	font-family: Tahoma;
}
/*------------------------------------------------------------------------
# styles des corps de page
-------------------------------------------------------------------------*/
body.std_ng {
  background-color:#e6e6fa;
	color: #494949;
	font-family: Tahoma;
	padding: 5px 5px 5px 5px;
	border: 1px solid #b0c4de;
	margin: 5px;
}
/* cadre de second plan */
body.std_ng_2 {
  background-color:#d5f0e7;
	color: #494949;
	font-family: Tahoma;
	padding: 10px  10px 10px  10px;
	border: 1px solid #5ea6bc;
	margin: 0px;
}
/* cadre de 3eme plan */
body.std_ng_3 {
  background-color:#e5ffe7;
	color: #494949;
	font-family: Tahoma;
	padding: 10px  10px 10px  10px;
	border: 1px solid #fea6bc;
	margin: 0px;
}
body.vide_ng {
  background-color:#e6e6fa;
	color: #494949;
	font-family: Tahoma;
	padding: 5px 5px 5px 5px;
	margin: 5px;
}
body.infos_accueil {
	font-family: Tahoma;
	font-size: 10px;
	color: #163B6B;
	background: #F0F0F0;
	border: 1px solid #b0c4de;
	padding: 10px  10px 10px  10px;
	margin: 0px;
}
#dialog-confirm {
	background: #FF9900;		
}