/* Rappel sélection (horaires, ri...) */
#goatSelection2
{	
	float:left;
	padding-bottom:20px;
}
#goatSelection2 h2
{
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
}
#goatSelection2 span
{
	font-weight: bold;
}

#goatSelection
{
}
#goatSelection span
{
	font-weight: bold;
}
#goatSelection .plan
{
	float: right;
	font-weight: bold;
	background-image: url("../img/xgoat/plan.gif");
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 18px;
	margin-right: 20px;
}

/* liste d'outils dans les formulaires (horaires à l'arrêt, recherche itinéraires... */
#route UL.goatOptions {
	DISPLAY: inline;
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;	
}
#route UL.goatOptions A{
	COLOR:#C70063;
}

#route UL.goatOptions LI {
	DISPLAY: inline;
	MARGIN: 0px;
	PADDING: 0px;
	BACKGROUND-IMAGE: none;
}

/* Outils (chgt de sens, impression...) */
#goatTools
{
	float: left;
	text-align: left;
	margin-left: 50px;
	padding-top: 20px;
}
#goatTools UL
{
	margin: 0px;
	padding-left: 10px;
}
#goatTools LI
{
}

/* Résultat (fiche horaire, feuille de route...) */
#goatResult
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
#goatResult .goatResultTop
{
	font-size: 92%;
	font-weight: bold;
	margin: 2px 4px;
	padding-bottom:3px;
}

#goatResult .linehourFirst {
	FLOAT: left;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_debut.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 12px;
}
#goatResult .linehourPrev {
	FLOAT: left;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_plustot.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 8px;
	MARGIN-LEFT: 4px;
}
#goatResult .linehourNext {
	FLOAT: right;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_plustard.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center right;
	PADDING-RIGHT: 8px;
	MARGIN-RIGHT: 4px;
}
#goatResult .linehourLast {
	FLOAT: right;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_fin.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center right;
	PADDING-RIGHT: 12px;
}
#goatResult .synthesePrev
{
	text-align: left;
	font-size: 92%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 4px;
	background-image: url("../img/FR/puce_top.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
#goatResult .syntheseNext
{
	text-align: left;
	font-size: 92%;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 4px;
	background-image: url("../img/FR/puce_bottom.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
#goatResult .resumePrev
{
	float: left;
	background-image: url("../img/FR/puce_prev.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 8px;
}
#goatResult .resumeNext
{
	float: right;
	background-image: url("../img/FR/puce_next.gif");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 8px;
}
#summary {
	TEXT-ALIGN: left;
	MARGIN-BOTTOM: 10px;
}
#summary H2{
	COLOR:#000000;
}
#summary .left {
	WIDTH: 20%;
}
#summary SPAN {
	FONT-WEIGHT: bold;
}

/* Légende */
#goatLegend
{
	margin: auto;
	font-size: 92%;
	text-align: left;
	margin-top: 15px;
}
#goatLegend UL
{
	list-style: none;
    border: solid 1px #089FA2;
	padding: 0px;
	margin: 0px;
	height: 55px;
}
#goatLegend LI
{
	list-style: none;
	float: left;
	width: 65px;
	text-align: center;
	margin-top: 5px;
}
#goatLegend IMG
{
	margin: 0px;
}
#goatLegend IMG.disrupt
{
	margin-top: 4px;
}

/* Tableaux */
#goatResult TABLE
{
	BORDER-COLLAPSE: collapse;
	MARGIN: auto;
	width:100%;
}
#goatResult TABLE CAPTION
{
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #089FA2;
	PADDING: 2px;
	border:medium none;
	FONT-WEIGHT: bold;
	font-size:115%;
	TEXT-ALIGN: center;
	MARGIN: auto;
}
#goatResult TABLE TH {
	PADDING: 3px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #777D97;
}
#goatResult TABLE TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: solid 1px #089FA2;
}
#goatResult TABLE .row0 {
    BACKGROUND-COLOR: #FFFFFF;
}
#goatResult TABLE .row1 {
    BACKGROUND-COLOR: #F1F2F6;
}
#goatResult TABLE TD.details {
	TEXT-ALIGN: center;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/details.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center 5px;
	PADDING-TOP: 25px;
}

#goatResult TABLE SPAN
{
	font-weight:bold;
}

#goatResult TABLE.routesynthese Td
{
	text-align: center;
	vertical-align: middle;
}

/* fiche horaire de ligne */
#linehour, #linehour CAPTION {
	WIDTH: 540px;
}
#linehour CAPTION {
}
#linehour CAPTION H2 {
	BACKGROUND: none;
	PADDING: 0px;
	FONT-SIZE: 100%;
}
#linehour TBODY TH {
	TEXT-ALIGN: left;
}
#linehour TH.mode SPAN, #linehour TH.arret SPAN, #linehour TH.plan SPAN {
	DISPLAY: none;
}
#linehour .note {
	PADDING: 3px;
	BACKGROUND-COLOR: #F0F0F0;
	COLOR: #000000;
	FONT-SIZE: 92%;
}
#linehour TH.note {
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
}
#linehour TD.plan {
	TEXT-ALIGN: center;
}
#linehour TD.plan IMG {
	MARGIN: 0px;
}
#linehour TD.note {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}
#linehour TD.hour {
	TEXT-ALIGN: center;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
}

#noteLegend {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
	TEXT-ALIGN: left;
}
#noteLegend UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#noteLegend SPAN {
	FONT-WEIGHT: bold;
}
#noteLegend A {
	DISPLAY: none;
}

/* fiche horaire à l'arrêt */
#stophour {
}
#stophour CAPTION {
	DISPLAY: none;
}
TABLE#stophour TH {
	PADDING: 0px 2px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #5AB323;
}
TABLE#stophour TD {
	TEXT-ALIGN: center;
	PADDING: 1px;
}
#stophour TD ABBR, #stophour TD SPAN.abbr {
	DISPLAY: none;
}
#stophour SPAN.direction {
	DISPLAY: none;
}
#stophour SPAN.note {
	FONT-SIZE: 85%;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 2px;
}
#stophour UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#stophour LI {
	MARGIN: 1px 0px;
	PADDING: 0px;
}

#itinaryLegend {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
	TEXT-ALIGN: left;
}
#itinaryLegend UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#itinaryLegend LI {
	MARGIN: 2px 0px;
	PADDING: 0px;
}
#itinaryLegend SPAN {
	PADDING: 0px 2px;
}

/* synthèse */
table#routesynthese, table#routesynthese caption
{
	width: 540px;
}
table#routesynthese caption h2
{
	background: none;
	padding: 0px;
	font-size: 100%;
}
table#routesynthese thead th
{
}
table#routesynthese td
{
	text-align: center;
	vertical-align: middle;
}
table#routesynthese td.details
{
	text-align: center;
	padding-top: 25px;
	vertical-align: top;
}
table#routesynthese td.mode a
{
	text-decoration: none;
}
table#routesynthese img
{
	vertical-align: middle;
}
table#routesynthese a
{
	font-weight: bold;
}

/* Feuille de route */
TABLE#routeresume, TABLE#routeresume CAPTION {
	WIDTH: 540px;
}
TABLE#routeresume CAPTION {
}
TABLE#routeresume CAPTION H2 {
	BACKGROUND: none;
	PADDING: 0px;
	FONT-SIZE: 100%;
}
TABLE#routeresume THEAD TH {
}
TABLE#routeresume TBODY TD {
	VERTICAL-ALIGN: middle;
}
TABLE#routeresume TR.depart TD, TABLE#routeresume TR.arrivee TD {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #E2D804;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	VERTICAL-ALIGN: middle;
}
TABLE#routeresume SPAN {
	FONT-WEIGHT: bold;
}
TABLE#routeresume .disrupt {
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/xGoat/disrupt.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING: 14px 0px 14px 25px;
	MARGIN-LEFT: 20px;
}
TABLE#routeresume .disrupt A {
	COLOR: #E34B2E;
}
TABLE#routeresume TD.horaire {
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: bottom;
	PADDING-LEFT: 10px;
}
TABLE#routeresume TBODY TD.mode {
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: center;
}
TABLE#routeresume TBODY TD.plan {
	PADDING: 30px 5px 5px 5px;
}
TABLE#routeresume TBODY TD.plan A {
	BACKGROUND-IMAGE: url("../img/xGoat/plan.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 18px;
}