/*
-- $Author: david $
-- $Rev: 370 $
-- $Id: fed_new.css 370 2008-11-14 13:06:54Z david $
-- $Date: 2008-11-14 14:06:54 +0100 (ven., 14 nov. 2008) $
*/
/************************************************************************
 *  FEUILLE DE STYLE CCS/2 POUR CHARTE GRAPHIQUE ASTRE
 *
 * nom : ASTRE_NEW.CSS
 *
 * date modification : 06/03/2008
 *
 * application : interfaces gérées totalement de manière dynamique en PL/SQL (pkg _FORM et _MODEL)
 *
 ************************************************************************

 Les autres éléments de styles disponibles dans les feuilles communes sont également surchargeables au besoin.
 
 De même il est possible d'ajouter toute notiond e style complémentaire dans les classes existantes.
 
 Pour permettre de gérer des affichages spécifiques dans un champ d'une table, il est possible d'ajouter des classes
 dans cette feuille de style ciblée pour un réseau particulier. Ces classes doivents être de la forme :
 
 div.table .champ
 {
	vos styles
}

En remplaçant table par le nom de la table et champ par le nom du champ concerné.

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

body
{
	color: #164677;								/* couleur par défaut de la police dans la page */
	background-color: #eef1f2;					/* couleur de fond de la page */
	background-image: none;						/* image de fond de la page */
	background-repeat: no-repeat;				/* options de répétition de l'image de fond */
	background-position: top left;				/* positionnement de l'image de fond */
}

th
{
	background-color: #014596;					/* couleur de fond des entêtes de tables */
	color: #ffdf10;								/* couleur de police des entetes de tables */
}

fieldset
{
	border: 1px solid #014596;					/* couleur des bordures des groupes de champs de formulaires */
}

input, textarea, select
{
	color: #333333;								/* couleur de police dans les champs de formulaires */
	background-color: #ffffff;					/* couleur de fond des champs de formulaires */
}

label
{
	color: inherit;								/* couleur de police des labels des champs */
	background-color: inherit;					/* couleur de fond des champs */
}

legend
{
	color: #336699;								/* couleur du texte des légendes des groupes de champs de formulaires */
}

h1
{
	color: #ff0000;								/* couleur des titres de niveau 1 (utilisé ?) */
}

h2
{
	font-style: normal;
	color: #ffdf10;								/* couleur des titres des niveau 2 (titres en haut des pages) */
}

a:link, a:visited 
{
	color: #014596;								/* couleur des liens et des liens visités dans les pages */
}

li a:link, li a:visited 
{
	color: #014596;								/* couleur des liens et des liens visités dans les listes */
}

div.header div.header_top							
{
	color: #ffdf10;								/* couleur de la police dans la partie haute du header */
	background-color: #014596;					/* couleur de fond de la partie haute du header */
	border-top: 0px solid #ffffff;				/* bordure haute de la partie haute du header */
	border-left: 0px solid #ffffff;				/* bordure gauche de la partie haute du header */
	border-right: 0px solid #ffffff;			/* bordure droite de la partie haute du header */
	border-bottom: 1px solid #014596;			/* bordure basse de la partie haute du header */
	background-image: url(../images/header_top.png);
	background-position: top left;
	background-repeat: repeat-x;
	vertical-align: bottom;
	text-align: center;
}

div.header div.header_bottom
{
	color: #014596;								/* couleur de la police dans la partie basse du header */
	background-color: #ffffff;					/* couleur de fond de la partie basse du header */
	border-top: 1px solid #ffdf10;				/* bordure haute de la partie basse du header */
	border-left: 0px solid #ffffff;				/* bordure gauche de la partie basse du header */
	border-right: 0px solid #ffffff;			/* bordure droite de la partie basse du header */
	border-bottom: 0px solid #ffffff;			/* bordure basse de la partie basse du header */
	background-image: url(../images/header_bottom.png);
	background-position: top left;
	background-repeat: repeat-x;
	vertical-align: top;
}

div.navbar li, div.navbar li.first					/* pour tous les items de la barre de navigation SAUF le dernier */
{
	border-top: 0px solid #ffdf10;				/* bordure haute de la barre de navigation */
	border-left: 0px solid #ffdf10;				/* bordure gauche de la barre de navigation */
	border-right: 1px solid #014596;			/* bordure droite de la barre de navigation */
	border-bottom: 0px solid #ffdf10;			/* bordure basse de la barre de navigation */
}

div.navbar li.last 
{
	border-right: 0px solid #ffdf10;			/* bordure droite du dernier item de la barre de navigation */
}



div.ui_content
{
	background-color: #ffffff;					/* couleur de fond de la zone de contenu */
	color: #164677;								/* couleur de la police dans la zone de contenu */
	border: 1px solid #ffffff;					/* bordures de la zone de contenu */
}

div.ui_content a:link, div.ui_content a:visited
 {
	color: #164677;								/* couleur des liens et liens visités de la zone de contenu */
}


fieldset.fieldset_main
{
	border: 1px solid #014596;					/* bordures des groupes de champs de formulaires de la classe fieldset_main */
}

input.btn_submit 
{
	width: 120px;								/* largeur des boutons */
	background-color: #014596; 					/* #eef1f2; couleur de fond des boutons des formulaires */
	color: #ffdf10;								/* couleur de la police des boutons de formulaires */
	border: 2px outset #014596;					/* bordures des boutons de formulaires */
}

table.search thead td, table.search thead th, table.search th, table.search th a
{
	background-color: #014596;					/* couleur de fond des entetes des tables de recherche */
	color: #ffdf10;								/* couleur de police des entetes de tables de recherche */
}

table.search tr.odd
{
	background-color: #ffffff;					/* couleur de fond des lignes impaires des tables de recherche */
}

table.search tr.even
{	
	background-color: #edf5ff;					/* couleur de fond des lignes paires des tables de recherche */
}



div.footer
{
	color: #ffdf10;								/* couleur de police dans le pied de page ou copyright */
	background-color: #164677;					/* couleur de fond dans le pied de page ou copyright */
	background-image: none;						/* image de fond dans le pied de page ou copyroght */
}

div.footer table
{
	color: #ffdf10;								/* couleur de police dans les tables du pied de page ou copyright */
}

div.footer a, div.footer a:visited, div.footer a:active, div.footer a:hover
{
	color: #ffdf10;								/* couleur des liens (tout état) dans le pied de page ou copyright */
}

img.imagelogo
{
	width: 120px;
	height: auto;
	border: 2px outset #014596;
}

#dhtmlgoodies_xpPane
{
	background-color: #eef1f2;					/* couleur de fond du conteneur du menu */
	border: 1px solid #9bb2ca;				/* bordures du conteneur du menu */
	background-repeat: repeat-y;				/* option de repetition de l'image de fond pour le conteneur du menu */
	background-position: top left;				/* option de position de l'image de fond pour le conteneur du menu */
	background-image: url(../images/menu_back.png);	/* image de fond pour le conteneur du menu */
	width: 176px;								/* largeur en pixels du menu */
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel
{
	border-bottom: 1px solid transparent;			/* bordure basse pour les "panneaux" du menu */
}

#dhtmlgoodies_xpPane .panelContent
{
	border-left: 1px solid transparent;				/* bordure gauche pour le contenu d'un "panneau" du menu */ 
	border-bottom: 1px solid transparent;			/* bordure basse pour le contenu d'un "panneau" du menu */
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar
{
	color: #ffffff;								/* couleur de la police dans le titre d'un "panneau" du menu */
	font-size: 11px;
	background-repeat: no-repeat;				/* option de repetition de l'image de fond pour le titre d'un "panneau" du menu */
	background-position: top left;				/* option de position de l'image de fond pour le titre d'un "panneau" du menu */
	background-image: url(../images/star.png); /*image de fond pour le titre d'un "panneau" du menu */
	background-color: #014596;					/* couleur de fond pour le titre d'un "panneau" du menu */
	padding-left: 0px;
	border: 1px outset #014596;
	vertical-align: middle;
}

#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span
{
	color: #ffdf10;								/* couleur de police pour le titre d'un "panneau" du menu */
	font-style: normal;
	vertical-align: middle;
}

#dhtmlgoodies_xpPane ul
{
	list-style-type: none;					/* type de puce par défaut des listes du menu */
	list-style-image: url(../images/bullet_blue.png);						/* image à utiliser pour les puces */
	vertical-align: middle;
	color: #014596;								/* couleur par défaut des puces des listes du menu */
	font-weight: bold;
	font-size: 10px;
	padding-left: 2px;
}


#dhtmlgoodies_xpPane ul.niveau1 div.sous-menu
{
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
	color: #014596;
	font-weight: bold;
	font-size: 10px;
	margin-left: 0px;
	margin-top: 1px;
	padding: 0px;
	padding-bottom: 1px;
	border-top: 1px solid #014596;
	border-bottom: 1px solid #014596;
}

#dhtmlgoodies_xpPane ul li, #dhtmlgoodies_xpPane ul.niveau1 li
{
	list-style-type: disc;					/* none type de puce pour les éléments de niveau 1 ou pour les éléments sans classe du menu */
	list-style-image: none; /*url(../images/bullet_blue.png);						/* image à utiliser pour les puces */
	vertical-align: middle;
	color: purple;								/* #014596 couleur de police pour les puces des éléments de niveau 1 ou pour les éléments sans classe du menu */
	font-weight: bold;
	font-size: 10px;
	margin-left: 1px;
}

#dhtmlgoodies_xpPane ul.niveau2 li
{
	list-style-type: square;					/* none type de puces pour les éléments de niveau 2 */
	list-style-image: none; /*url(../images/bullet_purple.png);						/* image à utiliser pour les puces */
	vertical-align: middle;
	color: purple;								/* #014596 couleur de police pour les puces des éléments de niveau 2 */
	font-weight: bold;
	font-size: 10px;
	margin-left: 5px;
}

#dhtmlgoodies_xpPane ul li a:hover, #dhtmlgoodies_xpPane ul.niveau1 li a:hover 
{
	border-bottom: 1px solid #bbddff;			/* bordure basse des liens pointés niveau 1 ou sans classe */
	color: #014596;								/* couleur de police des liens pointés niveau 1 ou sans classe */
	font-weight: bold;
	font-size: 10px;
}

#dhtmlgoodies_xpPane ul li a, #dhtmlgoodies_xpPane ul li a:visited, #dhtmlgoodies_xpPane ul.niveau1 li a, #dhtmlgoodies_xpPane ul.niveau1 li a:visited
{
	color: #014596;								/* couleur de police pour les liens et liens visités niveau 1 ou sans classe */
	font-weight: bold;
	font-size: 10px;
}

#dhtmlgoodies_xpPane ul.niveau2 li a:hover 
{
	border-bottom: 1px solid #bbddff;			/* bordure basse des liens pointés niveau 2 */
	color: #014596;								/* couleur de police pour les liens pointés niveau 2 */
	font-weight: bold;
	font-size: 10px;
}

#dhtmlgoodies_xpPane ul.niveau2 li a, #dhtmlgoodies_xpPane ul.niveau2 li a:visited
{
	color: #014596;								/* couleur de police pour les liens et liens visités niveau 2 */
	font-weight: bold;
	font-size: 10px;
}

/************************************************************************
	STYLES DU LOGO XYRIC
************************************************************************/
div.xyric_logo
{
	/* styles pour la div du logo */
	color: inherit;
	background-color: #ffdf10;
	width: 176px;
}

div.xyric_logo a:link, div.xyric_logo a:visited, div.xyric_logo a:active, div.xyric_logo a:hover
{
	/* styles pour les liens de la div du logo */
	color: inherit;
	background-color: transparent;
}

/************************************************************************
	STYLES DES MESSAGES ERREURS
************************************************************************/
div.div_msg
{
	width: 520px;
	color: #006633;
	margin-left: 10px;
	height: 200px;
	border: 1px solid #eef1f2;
}

div.div_entete_msg
{
	background-color: #014596;
	text-align: center;
	color: #ffdf10;
}

div.div_main_msg
{
	width:	500px;
	padding-bottom:	5px;
	margin-left:	10px;
}

div.div_msg li
{
	margin-left: 30px;
	list-style-type: square;
}

.div_main_err
{
	color: #cc0000;
}

.div_main_ok
{
	color: #006633;
}

div.div_btn
{
	width: 520px;
	margin-left: 10px;
	height: 30px;
	border: 1px solid #eef1f2;
	float: none;
	text-align: center;
}

/************************************************************************
	STYLES POUR AFFICHAGE DES NEWS
************************************************************************/
#tbl_news_main table.tbl_news_main
{
	background-color: #ffffff;					/* couleur de fond de la table des news */
}

#tbl_news_main table.tbl_news
{
	border: 1px solid #bbd1e4;					/* bordures de la table d'une news */
}

#tbl_news_main td.haut_gauche
{
	background-color: #f3f3f3; 					/* couleur de fond pour la case en haute à gauche */
}

#tbl_news_main td.haut_droite
{
	background-color: #ffffff; 					/* couleur de fond pour la case en haut à droite */
}

#tbl_news_main td.bas_gauche
{
	background-color: #f3f3f3; 					/* couleur de fond pour la case en bas à gauche */
	vertical-align: bottom;						/* alignement dans la case en bas à gauche */
}

#tbl_news_main td.bas_droite
{
	background-color: #ffffff;					/* couleur de fond pour la case en bas à droite */
}

#tbl_news_main div.date_creation
{
	background-color: #f3f3f3; 					/* couleur de fond pour la zone date de création */
	border: 1px solid #a0a4ad; 					/* bordures de la zone date de creation */
	color: #20447e; 							/* couleur de la police de la zone date de creation */
}

#tbl_news_main div.titre
{
	background-color:#f3f3f3; 					/* couleur de fond pour la zone de titre */
	border:1px solid #d2e1ee; 					/* bordures de la zone de titre */
	color:#20447e; 								/* couleurn de la police de la zone de titre */
}

#tbl_news_main div.tag
{
	background-color: #f3f3f3; 					/* couleur de fond pour la zone tag/info */
	border: 1px solid #a0a4ad; 					/* bordures de la zone tag/info */
	color: #ff0000; 							/* couleur de la police dans la zone tag/info */
}

#tbl_news_main div.nouveau
{
	background-color: #f3f3f3; 					/* couleur de fond de la zone nouveau */
	border: 1px solid #a0a4ad; 					/* bordures de la zone nouveau */
	color: #ff0000; 							/* couleur de police de la zone nouveau */
}

/************************************************************************
	SURCHARGES DE STYLES DES COMPOSANTS YAHOO!
************************************************************************/
.yui-skin-sam .yui-navset .yui-content 
{
	background:#ffffff none repeat scroll 0%;
}

/************************************************************************
 *  SURCHARGE DU SYSTEME D'AIDE
 ************************************************************************/

#dhtmlgoodies_leftPanel{	/* Styling the help panel */
	background-color:#eef1f2;	/* Blue background color */
	color:#164677;	/* White text color */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
	text-align: justify;
	
	/* You shouldn't change these 5 options unless you need to */		
	height:100%;
	left:0px;
	z-index:10;
	position:absolute;
	display:none;
	overflow:hidden;
}
	
#dhtmlgoodies_leftPanel #leftPanelContent{
	padding:0px;
}
#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
	padding-left:2px;
	padding-right:2px;
	background-color:#ffffff;
	position:absolute;
	top:2px;
	right:2px;
	border:1px solid #000000;
	color:#000000;
	font-size:0.8em;	
	font-weight: bold;
}
#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
	color:#FFF;
	background-color:#000;
}	

/************************************************************************
 *  CLASSES POUR LES ETATS
 ************************************************************************
	Etats : codes barres de quais
 ************************************************************************/
#etat_tra_adh .textes_cab {
	font-size: 12pt;
}
#etat_tra_adh .plf{
	font-size: 20pt;
}
#etat_tra_adh .type{
	font-size: 25pt;
}
#etat_tra_adh .code_traction{
	font-size: 40pt;
}
#etat_tra_adh .nom_traction{
	font-size: 30pt;
}
#etat_tra_adh .camion{
	font-size: 40pt;
}

.affichage-O {
	display: block;
}
.affichage-N {
	display: none;
}


/************************************************************************
	ICONES DE PAGINATION
************************************************************************/
.paging {
	border: 1px solid #014596;
	background-color: #fffdb6;
}

tr.highlight td {
	background-color:#A5A8AB; /*#164677;*/
}

tr.highlight td, tr.highlight td a:link, tr.highlight td a:visited{
	color:#FFFFFF;
}