/* Rappel sélection (horaires, ri...) */
#entete 
{
	padding-bottom:10px;
	text-align:left;
}

#enteteStopHours
{
	text-align:left;
}

#goatSelection2
{
	width:100%;
	padding: 3px 0px;
}

#goatSelection2 .line
{	
	margin:0px;
}

#goatSelection2 .line IMG
{	
	vertical-align:middle;
	
}

#goatSelection2 .lineDarkGreen
{	
	margin:0px;
}

#goatSelection2 H2 .title
{
	BACKGROUND-IMAGE: url("../img/Page/cadre_03.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right top;
	width:472px;
	height:25px;
	float:left;
	padding-top:6px;
}
#goatSelection2 H2 .title SPAN
{
	color:#FF0000;
}

#goatSelection2 h2 .numero{

	BACKGROUND-IMAGE: url("../img/Page/cadre_01.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	width:50px;
	float:left;
	height:25px;
	padding:0px;
	margin:0px;
}
#goatSelection2 h2 .numero span{

	font-weight: bold;	
	margin-left:14px;
	display:block;
}

#goatSelection2 H2  {
	WIDTH: 522px;	
	margin-top:5px;
	FONT-SIZE: 120%;
	margin:0px;
	color:#FFFFFF;
	height:25px;
	BACKGROUND-IMAGE: url("../img/Page/cadre_02.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: left top;
}

#goatSelection2 .content
{
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 95%;
	COLOR:#000000;
	border-left:2px solid #d9dadb;
	border-right:2px solid #d9dadb;
	padding:0px 10px 0px 10px;
}


#goatSelection2 DIV.bottom_left , #goatSelection2 DIV.bottom_right {
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	padding:0px;
}

#goatSelection2 DIV.goat_bottom 
{
	background-image:url('../img/Page/cadre_06.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
	height:15px;
	padding:0px;
}

#goatSelection2 DIV.bottom_left 
{
	background-image:url('../img/Page/cadre_05.gif');
	background-position:left bottom;
	height:15px;
	width:19px;
	float:left;
	padding:0px;
}

#goatSelection2 DIV.bottom_right
{
	background-image:url('../img/Page/cadre_07.gif');
	background-position:right bottom;
	height:15px;
	width:19px;
	float:right;
	padding:0px;
}

#goatSelection2 SPAN {
	FONT-WEIGHT: bold;
}

#goatSelection p
{
	padding-left:20px;
}
#goatSelection SPAN {
	FONT-WEIGHT: bold;
}
#goatSelection .plan {
	FLOAT: right;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/xGoat/plan.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 18px;
	MARGIN-RIGHT: 20px;
}


/* Résultat fiche horaire */
#HorairesFiche {
	WIDTH:520px;
	PADDING:0px;
	margin-top:0px;
}

#HorairesFiche .hourFirst, #HorairesFiche .hourPrev {
	FLOAT: left;
	height:22px;
	padding-bottom:8px;
}


#HorairesFiche .hourLast {
	FLOAT: right;
	height:22px;
	margin-right:20px;
	padding-bottom:8px;
}

#HorairesFiche .hourNext {
	FLOAT: right;
	height:22px;
	padding-bottom:8px;
}

#HorairesFiche .hourFirst A, #HorairesFiche .hourPrev A, #HorairesFiche .hourLast A, #HorairesFiche .hourNext A
{
	COLOR: #089FA2;
	background-image:url('../img/Page/bt_02.gif');
	background-repeat:repeat-x;
	background-position:left 2px;
	float:left;
	padding: 2px 4px 4px 4px;
	text-decoration:none;
	width:60px;
	text-align:center;
}

#HorairesFiche .hourFirst SPAN, #HorairesFiche .hourPrev SPAN, #HorairesFiche .hourLast SPAN, #HorairesFiche .hourNext SPAN
{
	background-image:url('../img/Page/bt_02.gif');
	background-repeat:repeat-x;
	background-position:left 2px;
	float:left;
	padding: 2px 4px 4px 4px;
	text-decoration:none;
	width:60px;
	text-align:center;
}


#HorairesFiche DIV.btleft {
	background-image:url('../img/Page/bt_01.gif');
	background-position:left 2px;
	background-repeat:no-repeat;
	width:11px;
	height:22px;
	float:left;
}

#HorairesFiche DIV.btright {
	background-image:url('../img/Page/bt_03.gif');
	background-position:right 2px;
	background-repeat:no-repeat;
	width:11px;
	height:22px;
	float:left;
}


/* liste d'outils dans les formulaires (horaires à l'arrêt, recherche itinéraires... */
#content .route UL.goatOptions, #hour UL.goatOptions {
	DISPLAY: inline;
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;	
}
#content .route FIELDSET .list UL, #hour FIELDSET .list UL
{
	MARGIN: 0px;
	PADDING: 0px;
}
#content .route UL.goatOptions A, #hour UL.goatOptions A{
}
#content .route UL.goatOptions LI, #hour UL.goatOptions LI {
	DISPLAY: inline;
	MARGIN: 0px;
	PADDING: 0px;
	BACKGROUND-IMAGE: none;
}

/* Outils (chgt de sens, impression...) */
#goatTools 
{
	WIDTH:100%;
	TEXT-ALIGN: left;
	MARGIN-RIGHT: auto;	
	margin-bottom:10px;
	overflow:auto;
	padding: 3px 0px;
}
#goatTools ul li
{
	list-style: none;
	background: #ffffff url('../img/Picto/puce.gif');
	background-repeat: no-repeat;
	background-position: left 70%;
	margin-right:20px;
	float:left;
	margin-bottom:10px;
	padding-left: 15px;
	color:#005a9a;
}

#content .goatTools2 {
	WIDTH:520px;
	padding:10px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

#content .goatTools2 H2 
{
	color:#005B9A;
	font-size:130%;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:20px;
}


#content .goatTools2 UL {
	PADDING:0px;	
	MARGIN:0px;
}
#content .goatTools2 LI {
	DISPLAY: list-item;
	PADDING-TOP:5px;
	PADDING-bottom:5px;
	list-style:none;
}
#content .goatTools2 LI.envoiami {
	BACKGROUND-IMAGE: url("../img/Picto/send_friend.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.envoiavis {
	BACKGROUND-IMAGE: url("../img/Picto/send_avis.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.imprimer {
	BACKGROUND-IMAGE: url("../img/Picto/print.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;	
	padding-left:28px;
}
#content .goatTools2 LI.favoris {
	BACKGROUND-IMAGE: url("../img/Picto/favoris.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.favorisDisabled {
	BACKGROUND-IMAGE: url("../img/Picto/favoris.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	COLOR: #000000;
	FONT-SIZE: 90%;
	padding-left:28px;
}
#content .goatTools2 LI.plan {
	BACKGROUND-IMAGE: url("../img/Picto/plan.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.perturbation {
	BACKGROUND-IMAGE: url("../img/Picto/etatreseau_blanc.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.perturbationDisabled {
	BACKGROUND-IMAGE: url("../img/Picto/etatreseau_blanc.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
	COLOR: #000000;
	FONT-SIZE: 90%;
}
#content .goatTools2 LI.trajet {
	BACKGROUND-IMAGE: url("../img/Picto/trajets_blanc.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.monitoring {
	BACKGROUND-IMAGE: url("../img/Picto/prochainspassages_blanc.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.lineHours {
	BACKGROUND-IMAGE: url("../img/Picto/horaires_blanc.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:28px;
}
#content .goatTools2 LI.title
{
	font-weight:bold;
}

/* Résultat (fiche horaire, feuille de route...) */
#goatResult {
	TEXT-ALIGN: center;
	MARGIN-TOP: 20px;
	MARGIN-BOTTOM: 15px;
}
#goatResult H2
{
	margin-top:15px;
}
#goatResult .goatResultTop {
	FONT-SIZE: 85%;
	FONT-WEIGHT: bold;
	MARGIN: 2px 4px;
	PADDING-BOTTOM:5px;
}

#goatResult .linehourFirst {
	FLOAT: left;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_debut.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 12px;
}
#goatResult .linehourPrev {
	FLOAT: left;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_plustot.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 8px;
	MARGIN-LEFT: 4px;
}
#goatResult .linehourNext {
	FLOAT: right;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_plustard.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center right;
	PADDING-RIGHT: 8px;
	MARGIN-RIGHT: 4px;
}
#goatResult .linehourLast {
	FLOAT: right;
	BACKGROUND-IMAGE: url("../img/Picto/fleche_fin.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center right;
	PADDING-RIGHT: 12px;
}

#goatResult .synthesePrev
{
	float: left;
	text-align:center;
	height:22px;
	margin-bottom:5px;
}

#goatResult .syntheseNext 
{
	float: right;
	text-align:center;
	height:22px;
	margin-bottom:5px;
}

#goatResult .resumePrev {
	FLOAT: left;
	text-align:center;
	height:22px;
	margin-bottom:5px;
}
#goatResult .resumeNext {
	FLOAT: right;
	text-align:center;
	height:22px;
	margin-bottom:5px;
}

#goatResult .synthesePrev A, #goatResult .syntheseNext A, #goatResult .resumePrev A, #goatResult .resumeNext A
{
	COLOR: #089FA2;
	background-image:url('../img/Page/bt_02.gif');
	background-repeat:repeat-x;
	background-position:left 2px;
	float:left;
	padding: 2px 0px 4px 0px;
	text-decoration:none;
}

#goatResult .synthesePrev SPAN, #goatResult .syntheseNext SPAN, #goatResult .resumePrev SPAN, #goatResult .resumeNext SPAN
{
	background-image:url('../img/Page/bt_02.gif');
	background-repeat:repeat-x;
	background-position:left 2px;
	float:left;
	padding: 2px 0px 4px 0px;
	text-decoration:none;
	width:130px;
	display:block;
}

#goatResult .synthesePrev A, #goatResult .syntheseNext A, #goatResult .synthesePrev SPAN, #goatResult .syntheseNext SPAN
{
	width:130px;
	display:block;
}

#goatResult .resumePrev A, #goatResult .resumeNext A, #goatResult .resumePrev SPAN, #goatResult .resumeNext SPAN
{
	width:80px;
	display:block;
	padding-top:3px;
	padding-bottom:8px;
}

#goatResult DIV.btleft {
	background-image:url('../img/Page/bt_01.gif');
	background-position:left 2px;
	background-repeat:no-repeat;
	width:11px;
	height:22px;
	float:left;
}

#goatResult DIV.btright {
	background-image:url('../img/Page/bt_03.gif');
	background-position:right 2px;
	background-repeat:no-repeat;
	width:11px;
	height:22px;
	float:left;
}

#goatResult .syntheseInfo 
{
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:95%;
}
#goatResult .syntheseInfo H2
{
	color:#000000;
}

#summary {
	TEXT-ALIGN: left;
	MARGIN-BOTTOM: 10px;
}
#summary .left {
	WIDTH: 20%;
}
#summary SPAN {
	FONT-WEIGHT: bold;
}

/* Légende */
#goatLegend {
	WIDTH: 500px;
	MARGIN: auto;
	FONT-SIZE: 85%;
	TEXT-ALIGN: left;
	MARGIN-TOP: 15px;
}
#goatLegend UL {
	LIST-STYLE: none;
	PADDING: 0px;
	MARGIN: 0px;
	HEIGHT: 55px;
}
#goatLegend LI {
	LIST-STYLE: none;
	FLOAT: left;
	WIDTH: 65px;
	TEXT-ALIGN: center;
	MARGIN-TOP: 5px;
}
#goatLegend IMG {
	MARGIN: 0px;
}
#goatLegend IMG.disrupt {
	MARGIN-TOP: 4px;
}

/* Tableaux */
#goatResult TABLE {
	BORDER-COLLAPSE: collapse;
	MARGIN: auto;
}
#goatResult TABLE CAPTION {
	COLOR: #FFFFFF;
	background-color:#6BBACE;
	PADDING: 2px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}
#goatResult TABLE TH {
	PADDING: 3px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #777D97;
}

#goatResult TABLE TD.details {
	TEXT-ALIGN: center;
	FONT-SIZE: 85%;
    FONT-WEIGHT: bold;
}

/* fiche horaire de ligne */
#linehour, #linehour CAPTION {
	WIDTH: 500px;
}
#linehour CAPTION {
}
#linehour CAPTION H2 {
	BACKGROUND: none;
	PADDING: 0px;
	FONT-SIZE: 100%;
}
#linehour TBODY TH {
	TEXT-ALIGN: left;
}
#linehour TH.mode SPAN, #linehour TH.arret SPAN, #linehour TH.plan SPAN {
	DISPLAY: none;
}
#linehour .note {
	PADDING: 3px;
	BACKGROUND-COLOR: #F0F0F0;
	COLOR: #000000;
	FONT-SIZE: 92%;
}
#linehour TH.note {
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
}
#linehour TD.plan {
	TEXT-ALIGN: center;
}
#linehour TD.plan IMG {
	MARGIN: 0px;
}
#linehour TD.note {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}
#linehour TD.hour {
	TEXT-ALIGN: center;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
}

#noteLegend {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
	TEXT-ALIGN: left;
}
#noteLegend UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#noteLegend SPAN {
	FONT-WEIGHT: bold;
}
#noteLegend A {
	DISPLAY: none;
}

/* fiche horaire à l'arrêt */
#stophour 
{
	font-size:100%;
}
#stophour CAPTION {
	/*DISPLAY: none;*/
}
TABLE#stophour TH {
	PADDING: 0px 2px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #5AB323;
	
}
TABLE#stophour TD {
	TEXT-ALIGN: center;
	PADDING: 1px;
}
#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;
}

#itinaryLegend {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
	TEXT-ALIGN: left;
}
#itinaryLegend UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#itinaryLegend LI {
	MARGIN: 2px 0px;
	PADDING: 0px;
}
#itinaryLegend SPAN {
	PADDING: 0px 2px;
}

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

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


/* synthèse */
TABLE#routesynthese, TABLE#routesynthese CAPTION {
	WIDTH: 500px;
}
TABLE#routesynthese CAPTION H2 
{
	margin-top:0px;
	FONT-SIZE: 100%;
	color:#FFFFFF;
	font-weight:normal;
}

TABLE#routesynthese TD  {
	text-align: center;
}
TABLE#routesynthese TD.mode A {
	TEXT-DECORATION: none;
}
TABLE#routesynthese IMG {
	VERTICAL-ALIGN: middle;
}
TABLE#routesynthese A {
	FONT-WEIGHT: bold;
}

/* Feuille de route */
TABLE#routeresume, TABLE#routeresume CAPTION {
	WIDTH: 500px;
}
TABLE#routeresume CAPTION 
{
	text-align:center;
	margin-top:5px;
	BACKGROUND-COLOR: #6bbace;
	color:#ffffff;
}
TABLE#routeresume CAPTION H2 {
	BACKGROUND: none;
	PADDING: 0px;
	FONT-SIZE: 100%;
}
TABLE#routeresume THEAD TH {
}
TABLE#routeresume TBODY TD {
	VERTICAL-ALIGN: middle;
	border:1px solid #3680b0;
}
TABLE#routeresume TR.depart TD, TABLE#routeresume TR.arrivee TD {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #75bac9;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	VERTICAL-ALIGN: middle;
	color:#FFFFFF;
}
TABLE#routeresume TR.depart A, TABLE#routeresume TR.arrivee A
{
	color:#FFFFFF;
}
TABLE#routeresume SPAN {
	FONT-WEIGHT: bold;
}
TABLE#routeresume .disrupt {
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/xGoat/disrupt.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING: 14px 0px 14px 25px;
	MARGIN-LEFT: 20px;
}
TABLE#routeresume .disrupt A {
	COLOR: #E34B2E;
}
TABLE#routeresume TD.horaire {
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: bottom;
}
TABLE#routeresume TBODY TD.mode {
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: center;
}
TABLE#routeresume TBODY TD.plan {
	TEXT-ALIGN: center;
}
TABLE#routeresume TBODY TD.plan A {
	BACKGROUND-IMAGE: url("../img/xGoat/plan.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top center;
	PADDING-TOP: 18px;
	text-decoration:none;
}

TABLE#routeresume TBODY TD.plan A:hover {
	
}