/* global */
#goatSelection {
	TEXT-ALIGN: left;
	MARGIN: 2px;
	padding:2px;
	width:350px;
}

#goatSelection H2 {
	COLOR: #eab70e;	
	TEXT-ALIGN:left;
	FONT-WEIGHT: bold;	
	FONT-SIZE: 100%;		
}

#goatSelection SPAN {
	FONT-WEIGHT: bold;
    COLOR: #F1B20B;
}
#goatResult {	
	TEXT-ALIGN: left;
	position:relative;
	padding-top:0px;
}
#goatOption {
	FLOAT: right;
	TEXT-ALIGN: right;
	MARGIN-BOTTOM: 5px;
	MARGIN-RIGHT:8px;
}
#goatOption DIV {
	MARGIN-BOTTOM: 5px;
}

/* Légende */
#goatLegend {
	MARGIN: auto;
	FONT-SIZE: 92%;
	TEXT-ALIGN: left;
	ALIGN: left;
	WIDTH:630px;
}
#goatLegend UL {
	LIST-STYLE: none;
	HEIGHT: 56px;
	PADDING: 0px;
	MARGIN: 0px;
    BORDER: #9B0E59 1px solid;
}
#goatLegend LI {
	FLOAT: left;
	PADDING: 0px;
	MARGIN: 0px;
	TEXT-ALIGN: center;
	MARGIN-TOP: 5px;
	WIDTH: 50px;
}
#goatLegend LI.disrupt {
	WIDTH: 80px;
}

.goatInfo {
	TEXT-ALIGN: left;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 10px;
}
.goatInfo IMG {
	MARGIN: 2px;
	VERTICAL-ALIGN: middle;
}

.goatError {
	FONT-WEIGHT: bold;
    COLOR: #F38F1D;
}

/* formulaires */
#formHour {
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT:0px;
}
#formHour LABEL {
	FLOAT: left;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
#formHour FIELDSET{
	MARGIN-LEFT:0px;
}

/* lignes des fiches horaires, feuilles de route etc... */
.xRow0 { 
	BACKGROUND-COLOR: #FFFFFF; 
/*	BORDER:1px solid #0090b1;	*/
}
.xRow1 {
	BACKGROUND-COLOR: #FFFFFF; 
/*	BORDER:1px solid #0090b1;	*/
}

.xRowDiv0 IMG, .xRowDiv1 IMG {
	MARGIN: 2px;
	VERTICAL-ALIGN: middle;
}

.xRowDiv0 { 
	BACKGROUND-COLOR: #D3E0E0; 	
	PADDING: 2px;
}
.xRowDiv1 {
	BACKGROUND-COLOR: #FFFFFF; 
	PADDING: 2px;
}
.xTableDiv {
}
.xCaptionDiv {
	MARGIN: 3px auto 0px auto;
    COLOR: #EAB70E;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #068C89;
    TEXT-ALIGN: center;
    PADDING: 2px;
	FONT-SIZE: 108%;
}
.xLeftDiv {
	width: 70%;
	 PADDING: 2px;
}
.xRightDiv {
	float:right;
	TEXT-ALIGN: center;
	PADDING: 2px;
	MARGIN-RIGHT:10px;
}

.xLink{
	FONT-WEIGHT:bold;
}

/* feuille de synthèse */
.synthesePrev{
	TEXT-ALIGN:left;
}

.syntheseNext{
	MARGIN-TOP:5px;
	TEXT-ALIGN:left;
	MARGIN-BOTTOM:12px;
}
#synthese {
	BORDER-COLLAPSE: collapse;
	MARGIN: 0px auto 0px auto;
	WIDTH: 410px;
	FONT-SIZE: 100%;
}
#synthese CAPTION {
	MARGIN: 3px auto 0px auto;
    COLOR: #EAB70E;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #068C89;
    TEXT-ALIGN: center;
    PADDING: 2px;
	FONT-SIZE: 108%;
	display:none;
}
#synthese TR {
}
#synthese TH {
    BACKGROUND-COLOR: #B6B6B6;
    PADDING: 2px;
}
#synthese TD {
	VERTICAL-ALIGN: middle;
	FONT-SIZE: 100%;
	PADDING: 4px 2px 4px 2px;
	TEXT-ALIGN: center;
	BORDER:1px solid #F2F2F2;
}
#synthese IMG {
	VERTICAL-ALIGN: middle;
	MARGIN: 0px 2px 0px 2px;
}
#synthese A, #synthese SPAN {
	FONT-WEIGHT: bold;
}
#synthese td A{
	text-transform: uppercase;
}

#synthese td .titres_blancs{
	font-size:13px;
}

/* 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/FR/puce_prev.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM:10px;
}
.routeNext{
	FONT-WEIGHT: bold;
	FLOAT: right;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 8px;
	FONT-SIZE: 92%;
	BACKGROUND-IMAGE: url(../img/FR/puce_next.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM:10px;
}
#summary{
	TEXT-ALIGN:left;
	MARGIN-BOTTOM:12px;
}


#route {
	MARGIN: 0px auto 0px auto;
	WIDTH: 440px;
	FONT-SIZE: 100%;
}
#route CAPTION {
	DISPLAY: none;
}
#route THEAD, #route TFOOT {
    BACKGROUND-COLOR: #068C89;
    COLOR:#FFFFFF;
}
#route THEAD .mode, #route TFOOT .mode {
    TEXT-ALIGN: right;    
}
#route TD {
	PADDING: 0px 7px;
/*
	BORDER-TOP:1px solid #0090b1;
    BORDER-BOTTOM:1px solid #0090b1;
*/
}
#route TBODY .mode, #route TBODY .heure {
    TEXT-ALIGN: center;
}
#route .mode, #route .time{
/*
	BORDER:1px solid #0090b1;
*/
	BORDER: none;
}

.map {
	border-image : none;
}

#route .disrupt {
    TEXT-ALIGN: center;
    FONT-SIZE: 92%;
}
#route A, #route SPAN  {
	FONT-WEIGHT: bold;
}
#route .macaron {
	VERTICAL-ALIGN: middle;
	MARGIN-BOTTOM: 2px;
	BORDER: none;
}

.overflow img{
	margin-right:3px;
}
/* fiche horaire de ligne */
.hourPrev {
	FONT-WEIGHT: bold;
	FONT-SIZE: 92%;
	BACKGROUND-POSITION: 90% 0px;
	width:100%;
	height:18px;
}
.hourNext {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 90% 0px;
	width:100%;

}
.hourFirst {
	FONT-WEIGHT: bold;
	FONT-SIZE: 92%;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 90% 0px;
	width:100%;

}
.hourLast {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 90% 0px;
	width:100%;
}

.changeDir {
	FONT-WEIGHT: bold;
	FONT-SIZE: 92%;
}
#linehour {
	BORDER-COLLAPSE: collapse;
	WIDTH: 582px;
	FONT-SIZE: 92%;
	COLOR: #000000;
}
#linehour CAPTION {
	height:24px;
	color:white;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    PADDING-top: 5px;
    font-size:13px;
	BACKGROUND-IMAGE: url("../img/calculateur/bg_ligne7.gif");
	BACKGROUND-REPEAT: no-repeat;
}
#linehour CAPTION.captionClass1 {
}
#linehour CAPTION.captionClass2 {
}
#linehour .head a span{
	font-size:12px;
	text-transform:uppercase;
}
#linehour TD {
    BORDER: #F2F2F2 1px solid;
	PADDING: 4px 2px 4px 2px;
}
#linehour A {
	TEXT-DECORATION: underline;
}
#linehour SPAN  {
	FONT-WEIGHT: bold;
}
#linehour .mode {
	TEXT-ALIGN: center;
    BORDER: #FFFFFF 1px solid;
    BACKGROUND-COLOR: #b6b6b6;
}
#linehour .nota {
	FONT-SIZE: 92%;
/*    BORDER-BOTTOM: #068C89 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;
	WIDTH: 460px;
	FONT-SIZE: 92%;
    BORDER: #068C89 1px solid;
	COLOR: #000000;
}
#stophour CAPTION {
    COLOR: black;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #F7F3F7;
    TEXT-ALIGN: center;
	FONT-SIZE: 108%;
}
#stophour TD {
    BORDER-LEFT: #068C89 1px solid;
	PADDING: 1px;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: center;
}
#stophour .hour {
    BORDER-BOTTOM: #068C89 1px solid;
    BACKGROUND-COLOR: #DDDDDD;
    FONT-WEIGHT: bold;
}
#stophour .nota {
	FONT-SIZE: 92%;
	COLOR: #555555;
}

.stopHourLegend {
	WIDTH: 460px;
	FONT-SIZE: 92%;
	TEXT-ALIGN: left;
}
.stopHourLegend SPAN {
	FONT-WEIGHT: bold;
}
.stopHourLegend DIV {
	CLEAR: left;
	MARGIN: 1px;
	FLOAT: left;
	PADDING: 1px;
}

/* lieux préférés */
#depMesLieux, #arrMesLieux {
	DISPLAY: none;
	BACKGROUND-COLOR: #FFFFFF;
    MARGIN-RIGHT: 15px;
}
#MesLieux {
	BACKGROUND-COLOR: #FFFFFF;
    MARGIN-RIGHT: 15px;
}

#formArretHour{
	text-align:center;
	BACKGROUND-REPEAT: no-repeat;
	padding-top:3.5px;	
}

.overflow{
	width:582px;
	text-align:right;
}

.overflow .hourFirst,.overflow .hourPrev,.overflow .hourNext,.overflow .hourLast{
margin-left:500px;
text-align:left;
text-transform:uppercase;
width:90px;
padding-bottom:2px;
}
.syntheseNav a{
	color:black;
}
.syntheseNav{
	padding-left:20px;
}
.syntheseNav img{
	border:0px;
	vertical-align:middle;
	margin-right:4px;
}
#menuBas img{
	border:0px;
	vertical-align:middle;
	margin-right:4px;
}
#synlibelle{
	font-size:11px;
	padding-bottom:3px;
	font-weight:bold;
	text-align:center;
}
#plustard{
	padding-left:20px;
	height:18px;
}
#menuBas{
	padding:1em;
	text-transform: uppercase;
}
#menuBas a{
	padding-left:20px;
}
#grtable{
	background:#F2F2F2;
}

#depart td{
	border:0px;
	margin:0px;
	padding:0px;
	font-size:11px;
}

#depart img{
	border:0px;
	margin:0px;
}

#arrivee td{
	border:0px;
	margin:0px;
	padding:0px;
	font-size:11px;
}

#arrivee img{
	border:0px;
	margin:0px;
}



#duree td{
	border:0px;
	margin:0px;
	padding:0px;
	font-size:11px;
}

#duree img{
	border:0px;
	margin:0px;
}


#details td{
	border:0px;
	margin:0px;
	padding:0px;
	font-size:11px;
}

#details img{
	border:0px;
	margin:0px;
}

#grtable{
width:100%;
}

#route .head{
	text-align:center;
	color:white;
	background-color:#B5B6B5;
}

#route .map{
	background-color:#B5B6B5;
}

#hourlinePanel{
	background-color:#F7F3F7;
	width:620px;
	left:auto;
	right:auto;
	margin:0;
	border:red;
	padding:5px 1px;
}

.linesArray CAPTION {
	background-color:#b6b6b6;
}

.rowLine {
	vertical-align:top;
	background-color:#FFFFFF;
}

#lineDirection {
	font-weight:bold;
}