body
{ background-color: #333;  
  color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  margin:0;
  padding:0;
}

/* bidouille */
div.top h1 {margin: 0; padding: 0; padding-bottom: 30px}

/* texte de la page d'accueil */
#text
{	position: absolute;
	left: 420px;
	margin: 10px 0 0 0;
	padding: 90px 20px 10px 20px;
	color: #7BC;
	text-align: justify; 
/*	background-color: #234;*/
	background-image:url("rsc/logo_right.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

#text h1
{
	text-align: center;
	color: white;
	margin: 0;
	padding: 9px 0 9px 0;
	font-size: 14pt;
}

#text strong
{
	color: white;
}

#text .intro
{
	font-size: 11pt;
	text-align: center;
	font-weight: bold;
}

.phoneApp {
	float: none;
	overflow: auto;
}

.iPhone {
	float: left;
	padding-right: 15px;
}

.android {
	float: left;
	padding-left: 15px;
}

#text p
{
	font-size: 8pt; 
	margin: 6px 0 6px 0;
}

#text div#content {
	padding-top: 30px;	
}

#text div.logo {
	padding: 5px 0 10px 0;
	text-align: center;
}
#text div.logo img {
	border: none;
	margin: 5px;
}

/* apparence des �l�ments de formulaire */
div, label, input, select, p
{	margin: 0;
	padding: 0;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

select
{	width: 180px;
}
/*label
{	display: block;
	float: left;
	width: 100px;
}

input, select
{   display: block;
    margin-left: 100px;
}

#displayBusStopServices
{	display: block;
	float: right;
}*/

/* gestion de l'alignement des labels et des champs de formulaire */
label
{   display: block;
	position: relative;
	text-align: right;
	width: 120px;
	margin: 6px 0 6px 0;
}

input.submit
{	position: relative;
	left: 130px;
	margin-top: 5px;
}


label input, label select
{	position: absolute;
	left: 130px;
}

.top label
{ width: 100%;
}

.top label input
{ position: static;
  right: 0px;
}

input.xhr
{	position: absolute;
	left: 316px;
}
  
/* propri�t�s communes aux containers de tous les �crans */
div.containerIndex,
div.containerDisplay,
div.containerDisplayFull
{ /* background-color: #687; */
  text-align: right;
  padding: 0;
  margin: 0;
}

/* diff�rentes tailles de container selon les �crans */
/* container de la page d'accueil */
div.containerIndex
{ width:420px;
/*  margin: 30px;*/
/*  padding-top: 90px;*/
}

/* container de l'affichage des horaires */
div.containerDisplay
{ width:420px;
}

/* container de l'affichage des horaires en plein �cran */
div.containerDisplayFull
{ width:1024px;
 /* padding-: 40px;*/
}

div.top
{ background-image:url("rsc/lcd_petit/lcd_tetiere.jpg");
  background-position: top;
  background-repeat: no-repeat;
  height: 172px;
  padding: 0 30px 0 180px;
  margin: 0;
/*  border: 1px solid red;*/
  text-align: right;
}

.containerDisplayFull div.top { background-image:url("rsc/lcd_grand/lcd_tetiere.jpg"); height: 116px;}

div.topAff
{ background-image:url("rsc/lcd_petit/lcd_infos.jpg");
  background-position: top;
  background-repeat: no-repeat;
  height: 24px;
  padding: 0;
  margin: 0;
}

/*.containerIndex div.topAff { background-image:url("rsc/lcd_petit/blanc/lcd_info.jpg"); }
.containerHelp div.topAff { background-image:url("rsc/lcd_petit/bleu/lcd_info.jpg"); }
*/
.containerDisplayFull div.topAff { background-image:url("rsc/lcd_grand/lcd_info.jpg"); height: 60px;}

div.topHoraires
{ background-image:url("rsc/lcd_petit/lcd_horaires.jpg");
  background-position: top;
  background-repeat: no-repeat;
  height: 20px;
  padding: 0;
  margin: 0;
}

.containerDisplayFull div.topHoraires { background-image:url("rsc/lcd_grand/lcd_horaires.jpg"); height: 36px;}

div.bottomAff
{ background-image:url("rsc/lcd_petit/lcd_infos_bot.jpg");
  background-position: top;
  background-repeat: no-repeat;
  height: 6px;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 1px;
}

/*.containerIndex div.bottomAff { background-image:url("rsc/lcd_petit/blanc/lcd_info_bot.jpg"); }
.containerHelp div.bottomAff { background-image:url("rsc/lcd_petit/bleu/lcd_info_bot.jpg"); }
*/
.containerDisplayFull div.bottomAff { background-image:url("rsc/lcd_grand/lcd_info_bot.jpg"); height: 12px;}


/*div.top p
{	margin: 0px;
	padding: 0;
	border: 1px solid red;
}
*/
div.bottom
{ background-image:url("rsc/lcd_petit/lcd_pied.jpg");
  background-position: top;
  background-repeat: no-repeat;
  height: 83px;
  padding:0;
  margin: 0;
  border: 0;
  padding-top: 20px;
  text-align: center;
  color: black;
}
.containerDisplay div.bottom { background-image:url("rsc/lcd_petit/lcd_pied_txt.jpg");}
.containerDisplayFull div.bottom { background-image:url("rsc/lcd_grand/lcd_pied_txt.jpg"); height: 30px;}
.containerDisplayFull div.bottom p { display: none;}

div.bottom strong
{	color: blue;
}

/* paragraphe de niveau 1 */
div.p1
{ /*background-color: #DFE;*/
  background-image:url("rsc/lcd_petit/lcd_mid.jpg");
  background-position: top;
  color: #000;
  text-align: left;
  padding: 1px 44px 1px 40px;
  margin: 0;
  border: 0;
}

/*.containerIndex div.p1 { background-image:url("rsc/lcd_petit/blanc/lcd_mid.jpg"); }
/*.containerIndex div.p1 { background-image:url("rsc/lcd_petit/blanc/lcd_mid.jpg"); }
.containerHelp div.p1 { background-image:url("rsc/lcd_petit/bleu/lcd_mid.jpg"); color: white; }
*/
.containerDisplayFull div.p1 { background-image:url("rsc/lcd_grand/lcd_mid.jpg"); }

/*div.containerDisplay #startBusStop
{
  background-image:url("rsc/lcd_petit/lcd_mid.jpg");
  background-position: top;
}
*/
/* paragraphe de niveau 2 */
div.p2
{ /*margin-bottom: 10px;*/
	padding:0; /*3px 0 3px 25px;*/
	margin:0;
}

/* tags courants */
p
{ margin: 0;
  padding:0;
}

a
{ color: white;
  text-decoration: none;
}

a:hover
{ text-decoration: underline;
}

h1
{ font-size: 14pt;
  padding: 0px;
  padding-top: 20px;
}

.p1 a
{ color: black;
  font-size: 12pt;
  padding: 2px;
  padding-left:25px;
  margin: 0;
  font-weight: bold;
}

.p2 a
{ color: blue;
  font-size: 8pt;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.top a
{  font-size: 10pt;
}

h2
{ color: black;
  font-size: 12pt;
  padding: 2px;
  margin: 0;
}

.containerHelp h2
{ color: white;
}

h3
{ font-size: 10pt;
  padding: 2px;
}

h3.wrapped
{ padding-left:25px;
  background-image: url("rsc/btn/plus_over.jpg");
  background-position: left;
  background-repeat: no-repeat;  
}

h3.notWrapped
{ padding-left:25px;
  background-image: url("rsc/btn/minus_over.jpg");
  background-position: left;
  background-repeat: no-repeat;  
}

form
{ margin:0;
  padding:0;
}

/* affichage des erreurs */
div.error
{ background-image:url("rsc/lcd_petit/lcd_mid.jpg");
  background-position: top;
  color:red;
  text-align: center;
  padding: 10px;
}

div.error p
{ font-size: 2em;
}

.containerDisplayFull div.error
{ background-image:url("rsc/lcd_grand/lcd_mid.jpg");
}

/* gestion de l'affichage des zones de saisies en erreur (ou non) */
.timeError
{ background-color: #F88;
  width: 40px;
}

.timeOk
{ background-color: #FFF;
  width: 40px;
}

.busStopCodeError
{ background-color: #F88;
  width: 60px;
}

.busStopCodeOk
{ background-color: #FFF;
  width: 60px;
}

.busStopCodeQuickOk
{ background-color: #FFF;
  width: 120px;
}

.busStopCodeQuickError
{ background-color: #F88;
  width: 120px;
}

/* objets cach�s */
/* (.hideIfNoJs : �l�ments devant �tre cach�s si javascript n'est pas pr�sent) */
/*.hidden, */
#busStopCodeBlock, #busStopDayBlock, .hideIfNoJs
{ display: none;
}

.hidden {
	display: none;	
}

/* objets visibles */
/*.visible
{ display: block;
}
*/

/* ligne d'affichage des horaires */
.displayHoraire, .displayHorairePremier, .displayHoraireDernier
{	font-size: 2em;
/*	background-color: #687;*/
	text-align: center;
/*	color: yellow;*/
	color: black;
	margin:0;
	padding:0;
	border:0;
	font-family: lucida console, courrier;
	/* white-space: nowrap;*/
	height: 18px;
	width: 100%;
}

.displayHoraire
{ background-image:url("rsc/lcd_petit/lcd_mid.jpg");
  background-position: top;
  background-repeat: no-repeat;
}

.displayHorairePremier
{ background-image:url("rsc/lcd_petit/lcd_top.jpg");
  background-position: top;
  background-repeat: no-repeat;
}

.displayHoraireDernier
{ background-image:url("rsc/lcd_petit/lcd_bot.jpg");
  background-position: top;
  background-repeat: no-repeat;
}

/*.containerIndex .displayHoraire { background-image:url("rsc/lcd_petit/blanc/lcd_mid.jpg"); }
.containerHelp .displayHoraire { background-image:url("rsc/lcd_petit/bleu/lcd_mid.jpg"); }
*/
.containerDisplayFull .displayHoraire { background-image:url("rsc/lcd_grand/lcd_mid.jpg"); height: 36px; color: yellow; font-size: 3em; }

/*.containerIndex .displayHorairePremier { background-image:url("rsc/lcd_petit/blanc/lcd_top.jpg"); }
.containerHelp .displayHorairePremier { background-image:url("rsc/lcd_petit/bleu/lcd_top.jpg"); }
*/
.containerDisplayFull .displayHorairePremier { background-image:url("rsc/lcd_grand/lcd_top.jpg"); height: 36px; color: yellow; font-size: 3em; }

/*.containerIndex .displayHoraireDernier { background-image:url("rsc/lcd_petit/blanc/lcd_bot.jpg"); }
.containerHelp .displayHoraireDernier { background-image:url("rsc/lcd_petit/bleu/lcd_bot.jpg"); }
*/
.containerDisplayFull .displayHoraireDernier { background-image:url("rsc/lcd_grand/lcd_bot.jpg"); height: 36px; color: yellow; font-size: 3em; }

/* ligne d'affichage des lignes */
.displayService, .displayWarning, .displayWait
{	font-size: 1.25em;
/*	background-color: black;*/
	text-align: center;
	vertical-align: middle;
	color: white;
	margin:0;
	padding:0;
	border:0;
	height: 18px;
	width: 100%;
	background-image:url("rsc/lcd_petit/lcd_tit.jpg");
	background-position: top;
  background-repeat: no-repeat;
}

.containerDisplayFull .displayService,
.containerDisplayFull .displayWarning,
.containerDisplayFull .displayWait
{ 	background-image:url("rsc/lcd_grand/lcd_tit.jpg"); height: 36px; font-size: 2.5em }

/* Affichage de "please wait" */
.displayWait, .displayWarning
{	color: #F80;
}

#displayDepartures
{	background-image:url("rsc/lcd_petit/lcd_tit.jpg");
	background-position: top;
  	background-repeat: no-repeat;
}

.handicap
{	position: relative;
	background-image:url("rsc/lcd_petit/hand.gif");
    background-repeat: no-repeat;
	background-position: top center;
/*	display: block;*/
/*	text-indent:-5000px;*/
/*	margin-right: 20px;*/
/* visibility:hidden;*/
 }

div.containerDisplayFull .handicap
{	background-image:url("rsc/lcd_grand/hand.gif");
}
/*div.containerDisplayFull .displayHoraire
{	font-size: 6em;
}

div.containerDisplayFull .displayService
{	font-size: 3em;
}
*/

/*div.containerDisplayFull .entete
{	width: 400px;
	position: absolute;
	left: 600px;
	padding-top: 50px;
	background-image:url("rsc/logo_plat.jpg");
	background-position: top;
	background-repeat: no-repeat;
}
*/
div.containerDisplayFull .topAff, 
div.containerDisplayFull .bottomAff, 
div.containerDisplayFull .scroll, 
div.containerDisplayFull #refreshAutoP,
div.containerDisplayFull #bookmarkAndMapP
{	display: none;
}


.scroll
{ background-image:url("rsc/lcd_petit/lcd_tit.jpg");
  background-position: top;
  background-repeat: repeat;
  text-align: center;
}

/*.containerDisplayFull .scroll
{ 	background-image:url("rsc/lcd_grand/lcd_tit.jpg"); }
*/
/* boutons de scrolling */
/*.scrollYes, .scrollNo
{	margin: 5px;
}
*/
.scroll a
{	display:block;
	width: 355px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
/*	margin-left:32px;*/
	background-position: top;
	background-repeat: no-repeat;
}

/*a.scrollUpYes:hover
{	background-image:url("rsc/btn/up_over.jpg");
}
a.scrollDownYes:hover
{	background-image:url("rsc/btn/down_over.jpg");
}
a.scrollUpYes
{	background-image:url("rsc/btn/up_out.jpg");
}
a.scrollDownYes
{	background-image:url("rsc/btn/down_out.jpg");
}
*/
a.scrollUpYes
{	background-image:url("rsc/btn/up_over.jpg");
}
a.scrollDownYes
{	background-image:url("rsc/btn/down_over.jpg");
}
a.scrollUpNo
{	background-image:url("rsc/btn/up_off.jpg");
}
a.scrollDownNo
{	background-image:url("rsc/btn/down_off.jpg");
}


/*#mapSearchAddressList
{ height: 100px;
}*/

/* zone d'information */

div.containerDisplay div.info
{	width: 200px;
	background-color: #444;
	color: Yellow;
	text-align: center;
	padding: 5px;
	position: relative;
	font-size: 15px;
}

div.containerDisplayFull div.info
{	width: 800px;
	color: white;
	text-align: right;
}
div.containerDisplayFull div.info p
{	font-size: 25px;
}

/*ul
{ font-size: 18px;
  background-color: black;
  font-family: lucida console, courrier;
  color: #FF0;
}

li
{ list-style-type: none;
  background-color: #687;
  padding: 0;
  margin: 0;
  border: 0
}

table
{ font-size: 24px;
  background-color: black;
  font-family: lucida console, courrier;
  color: #FF0;
}
td
{	padding-left: 5px;
	padding-right: 5px;
  background-color: #687;
}

td.serviceMnemo, td.nextDeparture
{	text-align: right;
	width: 100px;
}

td.destinationName
{	width: 350px;
}

*/