/* Sélection à l'intérieur du formulaire */
.goatSelection {
}
.goatSelection SPAN, #goatSelection SPAN {
    COLOR: #040c1b;
    FONT-WEIGHT: bold;
}
.goatSelection SPAN.numeroLigne, #goatSelection SPAN.numeroLigne {
    COLOR: #228b22;
}

.goatSelection SPAN, #goatSelection SPAN.withPaddingRight {
    padding-right:10px;
}


.goatSelection span.heureDepartarrivee {
    padding-left: 10px;
}

/* Sélection lors de l'affichage du résultat */
#goatSelection {
	FLOAT: left;
	WIDTH: 350px;
	MARGIN-RIGHT: 30px;
	margin-bottom:0px;
}

/* Liste d'options */
#content UL.goatOptions {
	COLOR: #2F64CC;
	LIST-STYLE: square;
	margin:0px;
	padding:0px;
}
#content UL.goatOptions LI {
	padding-bottom: 5px;
}
#content UL.goatOptions LI .error 
{
	BACKGROUND-IMAGE: url("../img/picto/picto_perturbation.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING-LEFT: 30px;
	padding-top:2px;
	padding-bottom:2px;
}
#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;
}
#content UL.goatTools LI DIV {
	WIDTH: 100px;
	PADDING-TOP: 30px;
	FLOAT: left;
}
#content H2.telecharger {
	BACKGROUND-IMAGE: url("../img/picto/picto_telecharger.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
	padding-bottom:0px;
	padding-left:30px;
	margin-bottom:5px;
	font-weight:bold;
}
#content UL.goatTools LI.telecharger DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_telecharger.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.envoiami DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_send_friend.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.avis DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_avis.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.imprimer DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_imprimer.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.favoris DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_favoris.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.favorisDisabled DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_favoris_grise.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.perturbation DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_perturbation.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}
#content UL.goatTools LI.perturbationDisabled DIV {
	BACKGROUND-IMAGE: url("../img/picto/picto_perturbation_grise.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 30px;
}

/* Résultat goat (feuille de synthèse, feuille de route, fiche horaire...) */
#goatResult {
}
#goatResult .error {
	PADDING-TOP: 15px;
	PADDING-LEFT: 50px;
}
#goatResult .goatResultTop {
	PADDING-TOP: 10px;
	WIDTH: 600px;
	MARGIN-BOTTOM: 5px;
}
#goatResult .synthesePrev {
	float:left;
	margin-bottom:5px;
}

#goatResult .syntheseAltenate {
	float:right;
	margin-bottom:5px;
}

#goatResult .syntheseNext {
	MARGIN-TOP: 5px;
}
#goatResult .synthesePrev A, #goatResult .syntheseNext A, #goatResult .resumePrev A, #goatResult .resumeNext A, #goatResult .syntheseAltenate A
{
	background-image:url(../img/fondBouton.gif);
	background-repeat:repeat-x;
	height:17px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	color:#040c1b;
}
#goatResult .resumePrev {
	FLOAT: left;
}
#goatResult .resumeNext {
	FLOAT: right;
}

#goatResult .info 
{
	font-size:105%;
}
#goatResult .pb_favorite 
{
	font-size:105%;
	COLOR: #DE0108;
}

/* 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 THEAD TH SPAN{
	FONT-SIZE:90%;
	font-weight:normal;
}

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 TD.mode SPAN, TABLE#routeresume TD.horaire SPAN {
	FONT-SIZE:90%;
}
TABLE#routeresume TD.mode SPAN.numeroRenvoi {
	FONT-SIZE:90%;
	font-weight:bold;
	color:#005EA3;
}

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: 649px;
}
#legend H3 , #hourNota H3 {
	FONT-SIZE: 110%;
	background:none;
	font-weight:bold;
	padding:0px;
	padding-bottom:5px;
}
#legend UL {
	LIST-STYLE: none;
    background-image:url('../img/legende_v3.gif');
	PADDING: 0px;
	MARGIN: 0px;
	HEIGHT: 80px;
}
#legend LI {
	LIST-STYLE: none;
	FLOAT: left;
	min-WIDTH: 55px;
	TEXT-ALIGN: center;
	MARGIN-TOP: 12px;
	MARGIN-LEFT: 12px;
}
#legend LI.legend-voiture {
	WIDTH: 100px;
}
#legend LI.legend-navette {
	WIDTH: 130px;
	list-style:none;
	list-style-image:none;
}

#legend IMG {
	MARGIN: 0px;
}
#legend IMG.disrupt {
	MARGIN-TOP: 4px;
}

