/* Sélection à l'intérieur du formulaire 
.goatSelection {
}
.goatSelection SPAN, #goatSelection SPAN {
    COLOR: #2F64CC;
    FONT-WEIGHT: bold;
}
*/

/* Sélection lors de l'affichage du résultat */
DIV.goatSelection {
}
DIV.goatSelection SPAN 
{
    font-weight: bold;
    color: #95241F;
}
DIV.goatSelection img
{
    padding: 0px;
    margin: 3px 3px 3px 0px;
    vertical-align: middle;
}

/* Menu des options */
UL.goatOptions 
{
    list-style: none;
    text-align: center;
    padding: 5px 0px;
}
UL.goatOptions LI
{
    display: inline;
}
    
/* Résultat goat (feuille de synthèse, feuille de route, fiche horaire...) */
.goatResult
{
}
.goatResultTop
{
    margin-top: 10px;
    font-size: 92%;
}
.goatResultBottom
{
    font-size: 92%;
}
.goatResult .synthesePrev {
	background-image: url("../img/fr/puce_top_U1.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
}
.goatResult .syntheseNext {
	background-image: url("../img/fr/puce_bottom_U1.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
}
.goatResult .hourFirst {
	float: left;
	background-image: url("../img/fr/puce_first_U1.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
	margin-right: 4px;
}
.goatResult .hourPrev, .goatResult .resumePrev {
	float: left;
	background-image: url("../img/fr/puce_prev_U1.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 8px;
}
.goatResult .hourNext, .goatResult .resumeNext {
	background-image: url("../img/fr/puce_next_U1.gif");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 8px;
}
.goatResult .resumeNext {
	text-align: right;
}
.goatResult .hourNext {
	float: right;
}
.goatResult .hourLast {
	float: right;
	background-image: url("../img/fr/puce_last_U1.gif");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 12px;
	margin-left: 4px;
}
.goatResult .hourCourses
{
    text-align: center;
}

/* Feuille de synthèse */
#content TABLE.routesynthese
{
	WIDTH: 510px;
}
#content TABLE.routesynthese TD
{
    text-align: center;
    vertical-align: middle;
}
#content TABLE.routesynthese TD.mode a
{
    text-decoration: none;
}
#content TABLE.routesynthese img
{
    vertical-align: middle;
}

/* Feuille de route */
#content TABLE.routeresume
{
	WIDTH: 510px;
}
#content TABLE.routeresume TD {
	VERTICAL-ALIGN: middle;
}
#content TABLE.routeresume TR.depart TD, #content TABLE.routeresume TR.arrivee TD {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #F0DFB0;
	VERTICAL-ALIGN: middle;
}
#content TABLE.routeresume TD.horaire {
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: bottom;
	PADDING-LEFT: 10px;
}
#content TABLE.routeresume TD.plan {
	PADDING: 30px 5px 5px 5px;
	font-weight: bold;
	font-size: 92%;
}
#content TABLE.routeresume TD.plan A {
	BACKGROUND-IMAGE: url("../img/xGoat/plan.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 18px;
}
#content TABLE.routeresume SPAN {
	FONT-WEIGHT: bold;
}
#content TABLE.routeresume TD.desc img
{
    vertical-align: middle;
    padding: 0px;
    margin: 0px 2px 0px 0px;
}
#content TABLE.routeresume .disrupt, #content p.disrupt
{
	background-image: url("../img/fr/pert_icon2.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 10px 0px 10px 25px;
	margin-left: 20px;
}
#content TABLE.routeresume .disrupt a, #content p.disrupt a
{
    color: #95241F;
    font-weight: bold;
}


/* Fiche horaire de ligne */
table#linehour
{
	width: 510px;
}
#main DIV.mainU1 #content table#linehour tbody th
{
	text-align: right;
	font-weight: normal;
	font-size: 92%;
}
table#linehour td.plan, table#linehour td.mode, table#linehour td.horaire
{
	text-align: center;
}
table#linehour td.plan img, table#linehour td.mode img
{
	margin: 0px;
}

/* fiche horaire à l'arrêt */
table#stophour 
{
	width: 510px;
}
table#stophour caption
{
	DISPLAY: none;
}
#main DIV.mainU1 #content table#stophour thead th
{
    padding: 1px;
	font-weight: bold;
	font-size: 92%;
}
table#stophour td
{
	text-align: center;
	padding: 0px;
	font-size: 92%;
	font-weight: bold;
}
table#stophour td div
{
    margin: 1px;
}
table#stophour td span.note
{
	font-weight: normal;
}

/*
#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;
}

 */
/* Légende des directions */
#journeyLegend
{
	margin-top: 10px;
}
#journeyLegend .color
{
	float: left;
	width: 20px;
	border: 1px solid #ab7f24;
}
#journeyLegend .label 
{
    margin-left: 25px;
	margin-bottom: 6px;
}

/* Légende des renvois */
#noteLegend
{
	margin-top: 10px;
	text-align: left;
}
#noteLegend ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#noteLegend span
{
	font-weight: bold;
}
#noteLegend a
{
	display: none;
}

/* Légende des modes de transport */
#modeLegend {
	margin-top: 10px;
	width: 510px;
}
#modeLegend ul {
	list-style: none;
    border: 1px solid #ab7f24;
	padding: 0px;
	margin: 0px;
	height: 55px;
}
#modeLegend li {
	list-style: none;
	float: left;
	width: 65px;
	text-align: center;
	margin-top: 5px;
}
#modeLegend img {
	margin: 0px;
}
#modeLegend img.disrupt {
	margin-top: 4px;
}
#modeLegend a
{
	display: none;
}

/* Consommation de CO2 */
.co2
{
    border: 1px solid #ab7f24;
    padding: 0px 5px;
}