/* global */
#goatSelection {
	MARGIN-BOTTOM: 15px;
	WIDTH: 340px;
}
#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 .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; 
}
.nowrap
{
	white-space: nowrap
}

/* 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: #3171AF 1px solid;
}
#synthese CAPTION {
	DISPLAY: none;
}
#synthese TR {
	VERTICAL-ALIGN: middle;
}
#synthese TH {
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #3171AF;
    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;
}

/* feuille de route */
#printSummary {
	TEXT-ALIGN: center;
	MARGIN-BOTTOM: 10px;
	BG-COLOR: #FFFF00;
}

#printSummary SPAN {
	FONT-WEIGHT: bold;
}

/* feuille de route imprimable*/
#printSummary {
	TEXT-ALIGN: center;
	MARGIN-BOTTOM: 10px;
}

#printSummary 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: #3171AF 1px solid;
}
#route CAPTION {
	DISPLAY: none;
}
#route THEAD, #route TFOOT {
    BACKGROUND-COLOR: #3171AF;
    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 .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;*/
}
.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-LEFT: 5px;
	/*MARGIN-BOTTOM: 5px;*/
}
#linehour {
	BORDER-COLLAPSE: collapse;
	MARGIN: 5px auto 0px auto;
	WIDTH: 700px;
	FONT-SIZE: 100%;
   BORDER: #3171AF 1px solid;
   PADDING: 2px;
}
#linehour CAPTION {
	DISPLAY: none;
}

#linehour TD {
    BORDER-LEFT: #3171AF 1px solid;
	PADDING: 4px 2px 4px 2px;
}
#linehour A, #linehour SPAN  {
	FONT-WEIGHT: bold;
}
#linehour .mode {
	TEXT-ALIGN: center;
}
#linehour .mode TD {
    BORDER-BOTTOM: #3171AF 1px solid;
}
#linehour .nota {
	FONT-SIZE: 92%;
}
#linehour .nota TD {
    BORDER-BOTTOM: #3171AF 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;
	FONT-SIZE: 92%;
}

#hourNota TD {	
	FONT-SIZE: 80%;
}


/* fiche horaire à l'arrêt */
#stophour {
	BORDER-COLLAPSE: collapse;
	MARGIN: 0px auto 0px auto;
	FONT-SIZE: 100%;
    BORDER: #3171AF 1px solid;
}
#stophour CAPTION {
  background-color: fdbe1c;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
 }
#stophour TD {
    BORDER-LEFT: #3171AF 1px solid;
	PADDING: 2px 2px 2px 2px;
	VERTICAL-ALIGN: top;
}
#stophour .hour {
    BORDER-BOTTOM: #3171AF 1px solid;
    BACKGROUND-COLOR: #3171AF;
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
}
#stophour .nota {
	FONT-SIZE: 92%;
	COLOR: #3171AF;
	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 #3171AF;
	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;
}

#map {

}

#map A
{
	COLOR: #FFFFFF;
}

.textFareA
{
background-color: #FFFFFF;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}

.textFareB
{
background-color: #E9E9E9;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}

.textFareC
{
background-color: #FFFFFF;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}

.textFareD
{
background-color: #E9E9E9;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}

.textFareE
{
background-color: #FFFFFF;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}

.textFareF
{
background-color: #E9E9E9;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}

.textFareRH
{
background-color: #E9E9E9;
white-space: nowrap;
text-align: center;
font-weight: bold;
BORDER: 1px solid #3171AF;
}