/* global */
#goatSelection {
	MARGIN-BOTTOM: 15px;
	WIDTH: 327px;
}
#goatSelection span {
	FONT-WEIGHT: bold;
}
#goatSelection .it {
	MARGIN-TOP: 15px;
	BACKGROUND-COLOR: #E5E4E7;
	PADDING: 10px;
}

.hourFormCaption
{
  background-color: fdbe1c;
  width: 40em;
  margin-left: auto;
  margin-right: auto
}

#goatResult {
	MARGIN: auto;
	WIDTH: 500px;
	MARGIN: 10px auto 20px auto;
}

#goatLegend {
	WIDTH: 500px;
	MARGIN: 20px auto 0px auto;
	FONT-SIZE: 92%;
}

#goatOption {
	float: right;
	width: 170px;
}
#goatOption ul {
	margin: 0px;
	padding: 1em 1em 1em 2em;
	border-top: 2px solid #EFEBEF;
	border-bottom: 2px solid #EFEBEF;
}

#goatOption ul.plan {
	margin: 0px;
	padding: 1em 1em 1em 2em;
	border: 0px;
}

#goatOption .goatDisrupt {
	text-align: center;
	margin-top: 1em;
}
#goatOption .goatDisrupt A {
	text-align: left;
	display: block;
	margin: auto;
	padding-left: 30px;
	BACKGROUND-IMAGE: url("../img/FR/pert_icon2.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
}

/* lignes des fiches horaires, feuilles de route etc... */
.xRow0 { BACKGROUND-COLOR: #E9E9E9; }
.xRow1 { BACKGROUND-COLOR: #FFFFFF; }

/* feuille de synthèse */
.synthesePrev {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	PADDING-LEFT: 10px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url("../img/puce_top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-BOTTOM: 5px;
}
.syntheseNext {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	PADDING-LEFT: 10px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_bottom.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-TOP: 5px;
}
#synthese {
	BORDER-COLLAPSE: collapse;
	MARGIN: 0px auto 0px auto;
	WIDTH: 500px;
	FONT-SIZE: 100%;
    BORDER: #009C73 1px solid;
}
#synthese CAPTION {
	DISPLAY: none;
}
#synthese TR {
	VERTICAL-ALIGN: middle;
}
#synthese TH {
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #009C73;
    PADDING: 3px;
}
#synthese TD {
	FONT-SIZE: 100%;
	PADDING: 4px 2px 4px 2px;
	TEXT-ALIGN: center;
}
#synthese IMG {
	VERTICAL-ALIGN: middle;
	MARGIN: 0px 2px 0px 2px;
}
#synthese A, #synthese SPAN {
	FONT-WEIGHT: bold;
}

/* feuille de route */
#summary {
	TEXT-ALIGN: left;
	MARGIN-BOTTOM: 10px;
}
#summary SPAN {
	FONT-WEIGHT: bold;
}
.routePrev {
	FONT-WEIGHT: bold;
	FLOAT: left;
	PADDING-LEFT: 8px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_prev.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-TOP: 5px;
}
.routeNext {
	FONT-WEIGHT: bold;
	FLOAT: right;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 8px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_next.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right;
	MARGIN-TOP: 5px;
}
#route {
	BORDER-COLLAPSE: collapse;
	MARGIN: 0px auto 0px auto;
	WIDTH: 500px;
	FONT-SIZE: 100%;
    BORDER: #009C73 1px solid;
}
#route CAPTION {
	DISPLAY: none;
}
#route THEAD, #route TFOOT {
    BACKGROUND-COLOR: #009C73;
    COLOR: #FFFFFF;
}
#route THEAD .mode, #route TFOOT .mode {
    TEXT-ALIGN: right;
}
#route TD {
	PADDING: 4px 2px 4px 2px;
}
#route TBODY .mode, #route TBODY .time {
    TEXT-ALIGN: center;
    PADDING: 5px;
    VERTICAL-ALIGN: top;
}
#route .disrupt {
    TEXT-ALIGN: center;
    FONT-SIZE: 92%;
}
#route A, #route SPAN  {
	FONT-WEIGHT: bold;
}
#route A.lien, #route SPAN.lien  {
	FONT-WEIGHT: bold;
	color:#FFFFFF;
}
#route .macaron {
	VERTICAL-ALIGN: middle;
	MARGIN-BOTTOM: 2px;
}

/* fiche horaire de ligne */
.hourPrev {
	FONT-WEIGHT: bold;
	FLOAT: left;
	PADDING-LEFT: 8px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_prev.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-BOTTOM: 5px;
}
.hourNext {
	FONT-WEIGHT: bold;
	FLOAT: right;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 8px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_next.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right;
	MARGIN-BOTTOM: 5px;
}
.hourFirst {
	FONT-WEIGHT: bold;
	FLOAT: left;
	PADDING-LEFT: 13px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_first.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-BOTTOM: 5px;
	MARGIN-RIGHT: 5px;
}
.hourLast {
	FONT-WEIGHT: bold;
	FLOAT: right;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 13px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/puce_last.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right;
	MARGIN-BOTTOM: 5px;
	MARGIN-LEFT: 5px;
}
#linehour {
	BORDER-COLLAPSE: collapse;
	MARGIN: 0px auto 0px auto;
	WIDTH: 500px;
	FONT-SIZE: 100%;
    BORDER: #009C73 1px solid;
}
#linehour CAPTION {
	DISPLAY: none;
}

#linehour TD {
    BORDER-LEFT: #009C73 1px solid;
	PADDING: 4px 2px 4px 2px;
}
#linehour A, #linehour SPAN  {
	FONT-WEIGHT: bold;
}
#linehour .mode {
	TEXT-ALIGN: center;
}
#linehour .mode TD {
    BORDER-BOTTOM: #009C73 1px solid;
}
#linehour .nota {
	FONT-SIZE: 92%;
}
#linehour .nota TD {
    BORDER-BOTTOM: #009C73 1px solid;
}
#linehour .nota DIV {
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;
}
#linehour .hour {
	TEXT-ALIGN: center;
}
#hourNota {
	MARGIN-TOP: 5px;
	TEXT-ALIGN: left;
	FONT-SIZE: 92%;
}
#hourNota SPAN {
	FONT-WEIGHT: bold;
}


/* fiche horaire à l'arrêt */
#stophour {
	BORDER-COLLAPSE: collapse;
	MARGIN: 0px auto 0px auto;
	FONT-SIZE: 100%;
    BORDER: #009C73 1px solid;
}
#stophour CAPTION {
  background-color: fdbe1c;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
 }
#stophour TD {
    BORDER-LEFT: #009C73 1px solid;
	PADDING: 2px 2px 2px 2px;
	VERTICAL-ALIGN: top;
}
#stophour .hour {
    BORDER-BOTTOM: #009C73 1px solid;
    BACKGROUND-COLOR: #009C73;
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
}
#stophour .nota {
	FONT-SIZE: 92%;
	COLOR: #009C73;
	PADDING-LEFT: 1px;
}

.stopHourLegend {
	MARGIN: 10px auto 0px auto;
	WIDTH: 500px;
	FONT-SIZE: 92%;
	TEXT-ALIGN: left;
}
.stopHourLegend SPAN {
	FONT-WEIGHT: bold;
}
.stopHourLegend DIV {
	MARGIN-BOTTOM: 2px;
	WIDTH: 50%;
}

/* Légende */
#goatLegend UL {
	LIST-STYLE: none;
    BORDER: 1px solid #009C73;
	PADDING: 0px;
	MARGIN: 0px;
	HEIGHT: 60px;
}
#goatLegend LI {
	LIST-STYLE: none;
	FLOAT: left;
	WIDTH: 65px;
	TEXT-ALIGN: center;
	MARGIN-TOP: 5px;
}

#goatLegend IMG.disrupt {
	MARGIN-TOP: 2px;
}
.goatForm {
	BORDER: #E7F239 1px solid;
}
.goatFormTitle {
    FONT-SIZE: small;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-STYLE: italic;
}
.goatFormText {
    FONT-SIZE: small;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.goatFormSmallText {
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.goatFormLink {
    color:#009E73;

    FONT-WEIGHT: bold;
}
.goatFormDisabledLink {
    COLOR: #AAAAAA;
}
.goatFormSelection {
    FONT-SIZE: small;
    COLOR: #58A570;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
}
.goatFormAlert {
    FONT-SIZE: small;
    COLOR: #EB8441;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
}
.goatScrollZone {
    BACKGROUND-COLOR: #FFFFFF;
}

.backLink{
	COLOR: #068C89;
}



