/* 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 */
#goatSelection {
	FLOAT: left;
	WIDTH: 350px;
	BACKGROUND-COLOR: #D4E5F9;
	BACKGROUND-IMAGE: url("../img/FR/page/goatselection_bg-top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
	MARGIN-RIGHT: 30px;
}
#goatSelection .contenu {
	PADDING: 5px;
}
#goatSelection .bottom {
	HEIGHT: 11px;
	BACKGROUND-COLOR: #D4E5F9;
	BACKGROUND-IMAGE: url("../img/FR/page/goatselection_bg-bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
}

/* Liste d'options */
#content UL.goatOptions {
	COLOR: #2F64CC;
	LIST-STYLE: square;
}
#content UL.goatOptions LI {
	MARGIN: 5px;
}
#content FORM#route UL.goatOptions {
	FLOAT: none;
}

/* Texte d'aide à droite des cadres bleues */
#content UL.goatHelp {
	COLOR: #2F64CC;
	LIST-STYLE: none;
	PADDING-LEFT:380px;
	PADDING-RIGHT:140px;

}
#content UL.goatHelp LI {
	MARGIN: 5px;
}

/* Outils lors de l'affichage du résultat */
#content UL.goatTools {
	TEXT-ALIGN: center;
	MARGIN: 0px;
	PADDING: 0px;
}
#content UL.route {
	MARGIN-LEFT: 100px;
}
#content UL.stophour {
	MARGIN-LEFT: 50px;
}
#content UL.stophour2 {
	MARGIN-LEFT: 220px;
}
#content UL.goatTools LI {
	DISPLAY: inline;
	LIST-STYLE: none;
	/*WIDTH: 100px;*/
}
#content UL.goatTools LI DIV {
	WIDTH: 100px;
	PADDING-TOP: 30px;
	FLOAT: left;
}
#content UL.goatTools LI.telecharger DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_telecharger.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}
#content UL.goatTools LI.envoiami DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_send_friend.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	WIDTH: 70px;
}
#content UL.goatTools LI.imprimer DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_imprimer.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	WIDTH: 70px;
}
#content UL.goatTools LI.favoris DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_favoris.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}
#content UL.goatTools LI.favorisDisabled DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_favoris_grise.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}
#content UL.goatTools LI.internet DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_internet.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}
#content UL.goatTools LI.plan DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_plan.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}
#content UL.goatTools LI.perturbation DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_perturbation.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}
#content UL.goatTools LI.perturbationDisabled DIV {
	BACKGROUND-IMAGE: url("../img/FR/picto_perturbation_grise.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
}

/* Résultat goat (feuille de synthèse, feuille de route, fiche horaire...) */
#goatResult {
}
#goatResult .error {
	PADDING-TOP: 15px;
}
#goatResult .goatResultTop {
	MARGIN-TOP: 10px;
	WIDTH: 600px;
	MARGIN-BOTTOM: 5px;
}
#goatResult .synthesePrev {
	BACKGROUND-IMAGE: url("../img/FR/puce_top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
}
#goatResult .syntheseNext {
	MARGIN-TOP: 5px;
	BACKGROUND-IMAGE: url("../img/FR/puce_bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
}
#goatResult .resumePrev {
	FLOAT: left;
	BACKGROUND-IMAGE: url("../img/FR/puce_prev.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
}
#goatResult .resumeNext {
	FLOAT: right;
	BACKGROUND-IMAGE: url("../img/FR/puce_next.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center right;
	PADDING-RIGHT: 16px;
}

/* Feuille de synthèse */
TABLE#routesynthese {
	WIDTH: 600px;
}
TABLE#routesynthese CAPTION {
	FONT-WEIGHT: bold;
}
TABLE#routesynthese THEAD TH {
}
TABLE#routesynthese TD, TABLE#routesynthese THEAD TH {
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
}
TABLE#routesynthese TD.mode A {
	TEXT-DECORATION: none;
}
TABLE#routesynthese A {
	FONT-WEIGHT: bold;
}
TABLE#routesynthese IMG {
	VERTICAL-ALIGN: middle;
}

/* Feuille de route */
.resumeSummary {
}
TABLE#routeresume {
	WIDTH: 600px;
}
TABLE#routeresume CAPTION {
	FONT-WEIGHT: bold;
}
TABLE#routeresume THEAD TH {
	TEXT-ALIGN: center;
}
TABLE#routeresume TR.depart, TABLE#routeresume TR.arrivee {
	FONT-WEIGHT: bold;
}
TABLE#routeresume TD {
}
TABLE#routeresume TD.mode, TABLE#routeresume TD.horaire, TABLE#routeresume TD.plan  {
	TEXT-ALIGN: center;
}
TABLE#routeresume A {
	FONT-WEIGHT: bold;
}
TABLE#routeresume IMG {
	VERTICAL-ALIGN: middle;
}
TABLE#routeresume TD.desc IMG {
	MARGIN: 0px 4px 0px 0px;
}

TABLE#routeresume TD.startFlag {
	BORDER-RIGHT: none;
	BACKGROUND-IMAGE: url("../img/cartoGoogle/depart.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 24px 2px;	
}

TABLE#routeresume TD.startDesc {
	BORDER-LEFT: none;
}

TABLE#routeresume TD.arrivalFlag {
	BORDER-RIGHT: none;
	BACKGROUND-IMAGE: url("../img/cartoGoogle/arrivee.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 24px 2px;
}

TABLE#routeresume TD.arrivalDesc {
	BORDER-LEFT: none;
}


TABLE#routeresume DIV.tad {
	BACKGROUND-IMAGE: url("../img/xgoat/tad.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	MARGIN: 5px 30px;
	PADDING-LEFT: 30px;
}

/* Horaires de ligne
.hourPrev {
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 5px;
	FLOAT: left;
}
.hourNext {
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 5px;
	FLOAT: right;
}
.hourCourses {
	MARGIN-TOP: 10px;
	TEXT-ALIGN: center;
}
TABLE#linehour {
	WIDTH: 670px;
}
TABLE#linehour CAPTION {
	FONT-WEIGHT: bold;
}
TABLE#linehour THEAD TH {
	TEXT-ALIGN: center;
}
TABLE#linehour TBODY TH {
    FONT-WEIGHT: normal;
	BORDER: 1px solid #2F64CC;
	PADDING: 3px;
}
TABLE#linehour TD {
}
TABLE#linehour TD.mode, TABLE#linehour TD.nota, TABLE#linehour TD.tarif, TABLE#linehour TD.horaire {
	TEXT-ALIGN: center;
}
TABLE#linehour A {
	FONT-WEIGHT: bold;
}
*/

/* Horaires à l'arrêt */
TABLE#stophour {
	WIDTH: 670px;
}
TABLE#stophour TD.hour {
	TEXT-ALIGN: center;
}

/* Légende des directions */
#stopHourLegend {
	TEXT-ALIGN: left;
}
#stopHourLegend SPAN {
	FONT-WEIGHT: bold;
}
#stopHourLegend .direction {
}
#stopHourLegend .direction .directionCouleur {
	FLOAT: left;
	WIDTH: 20px;
}
#stopHourLegend .direction .directionLegende {
	PADDING-LEFT: 30px;
}
.codeRenvoiStyle {
	FONT-SIZE: 80%;
	COLOR: #000000;
	FONT-WEIGHT: bold;
}

/* Légende */
#legend {
	MARGIN-TOP: 10px;
	WIDTH: 600px;
}
#legend H2 {
	FONT-SIZE: 100%;
}
#legend UL {
	LIST-STYLE: none;
    BORDER: 1px solid #0062AD;
	PADDING: 0px;
	MARGIN: 0px;
	HEIGHT: 55px;
}
#legend LI {
	LIST-STYLE: none;
	FLOAT: left;
	WIDTH: 65px;
	TEXT-ALIGN: center;
	MARGIN-TOP: 5px;
}
#legend LI.legend-voiture {
	WIDTH: 100px;
}
#legend IMG {
	MARGIN: 0px;
}
#legend IMG.disrupt {
	MARGIN-TOP: 4px;
}

/* ECO comparateur */
DIV#ECO
{
	margin-top:10px;
}

DIV#ECO DIV.citoyen
{
	float:left;
	width:80px;
	text-align:center;
	color:Green;
}

DIV#ECO DIV.result
{
	float:left;
	border:1px solid #0062AD;
	width:490px;
	padding:10px;
	margin-left:5px;
	height:70px;
}

DIV#ECO DIV.result SPAN.title
{
	color:#0C3174;
	font-weight:bold;
}

DIV#ECO DIV.result SPAN
{
	color:#F29400;
	font-weight:bold;
}

DIV#ECO DIV.result SPAN.error
{
	color:#FF0000;
}