/* reset*/
html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, li
{
  margin: 0;
  padding: 0;
}

ul
{
  list-style-type: none;
}

/* ============================== */

body
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  text-align: center;
  font-size: 12px;
}

strong
{
  font-weight: bold;
}

em
{
  font-style: italic;
}

h2
{
  font-size: 15px;
  font-weight: bold;
}

a img
{
  border: none;
}

#languages a,
#menu a
{
  outline: none;
}

#page_wrapper
{
  background: transparent url(/tcl/images/menu_bg.png) repeat-y 0 0;
}

#container
{
  position: relative;
  width: 980px;
  margin: auto;
  text-align: left;  
  padding: 0 10px;
  background: #FFF url(/tcl/images/shadows.png) repeat-y 50% 0;
  overflow: hidden;
}

/* -- HEADER -- */
#header
{
  height: 230px;
  background: transparent url(/tcl/images/header.jpg) no-repeat 50% 0;
  position:relative;
  z-index: 100;
}

#header #logo
{
  position:absolute;
  top: 6px;
  left: 14px;
}

#header h1
{
  position: absolute;
  color: #014FA3;
  font-size: 17px;
}

#header h1 span
{
  font-size: 14px;
}

#header .company_name_1
{

  top: 115px;
  left: 545px;
}

#header .company_name_2
{
  top: 145px;
  left: 550px;
}

#header .company_name_3
{
  top: 175px;
  left: 620px;
}


/* -- HEADER - SHORT RI FORM */
#header #itinerary_form,
#header .no_ri_notice
{
  width: 210px;
  position: absolute;
  right: 3px;
  top: 0;
  color: black;
  text-align: center;
  display: none;
}

.js_enabled #header #itinerary_form,
.js_enabled #header .no_ri_notice
{
  display: block;
}

#header .no_ri_notice
{
 padding: 5px; 
 font-size: 14px;
 line-height: 1.4em;
}

#header .no_ri_notice a
{
  display: block;
  width: 180px;
  margin: 5px auto 0;
}

#header #itinerary_form .stop_point
{
  text-align: left;
  width: 160px;
  margin: 2px auto;
}

#header #itinerary_form .stop_point input
{
 margin: 0;
}

#header #itinerary_form h2
{
 color: #000;
 font-size: 14px; 
 font-weight:normal;
}

#header #itinerary_form label
{
  margin-top: 5px;
  font-weight: bold;
}
  
#header #itinerary_form label span
{
  font-weight: normal;
  font-style: italic;
  font-size: 11px;
}  

#header #itinerary_form a
{
  color: #000;
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin-top: 3px;
}

#header #itinerary_form label span
{
  font-size: 10px;
}

#header #itinerary_form #fromString,
#header #itinerary_form #toString
{
  width: 150px;
}

#header #itinerary_form .submit
{
  margin-top: 5px;  
}

/* -- HEADER - RECHARGE LINK --*/
#header #recharge
{
  display: block;
  color: #000; 
  width: 200px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 208px;
  text-align: center;
  text-decoration: none;
}

#header p#recharge
{
  font-size: 14px;
}

#header p#recharge img
{
 margin-top: 0 
}

#header a#recharge:hover
{
  text-decoration: underline;
}

#header #recharge img
{
  margin: 8px 20px 0;
}

/* -- LAYOUT -- */
#menu_wrapper
{
  float: left;
  width: 200px;
  padding: 10px 7px 50px;
  background-color: #E7F6FF;
  margin-bottom: 50px;
}

#content
{
  float: right;
  width: 765px;
  padding: 8px 10px 0 0;
}


/* -- LANGUAGES -- */
#languages
{
  margin-bottom: 6px;
  overflow: hidden;
  float: right;
}

#languages li
{
  margin: 0 0 0 6px;
  float: left;
}

#languages li a
{
  display: block;
  width: 16px;
  height: 18px;
  overflow: hidden;
  outline: none;
  position: relative;
  font-size: 10px;
  text-decoration: none;
}

#languages li a span
{
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url(/tcl/images/flags.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

#languages li a span:hover
{
  cursor: pointer;
}

#languages li a.fr span
{
  background-position: 0 0;
}

#languages li a.en span
{
  background-position: 0 -42px;
}

#languages li a.es span
{
  background-position: 0 -84px;
}

#languages li a.de span
{
  background-position: 0 -126px;
}

#languages li.selected  a.fr span,
#languages li a.fr:hover span
{
  background-position: -50px 0;
}

#languages li.selected  a.en span,
#languages li a.en:hover span
{
  background-position: -50px -42px;
}

#languages li.selected  a.es span,
#languages li a.es:hover span
{
  background-position: -50px -84px;
}

#languages li.selected  a.de span,
#languages li a.de:hover span
{
  background-position: -50px -126px;
}

/*#languages li a.fr
{
  background-position: 0 0;
}

#languages li a.en
{
  background-position: 0 -21px;
}

#languages li a.es
{
  background-position: 0 -42px;
}

#languages li a.de
{
  background-position: 0 -63px;
}

#languages li.selected  a.fr,
#languages li a.fr:hover
{
  background-position: -25px 0;
}

#languages li.selected  a.en,
#languages li a.en:hover
{
  background-position: -25px -21px;
}

#languages li.selected  a.es,
#languages li a.es:hover
{
  background-position: -25px -42px;
}

#languages li.selected  a.de,
#languages li a.de:hover
{
  background-position: -25px -63px;
}
*/
/* -- MENU -- */
#menu
{
  clear: both;
  width: 200px;
}

.menu_head,
.menu_foot,
#menu li a
{
  background-image: url(/tcl/images/menu_items.png);
  background-repeat: no-repeat;
}

#menu .menu_head
{
  background-color: transparent;
  background-position: 0 0;
  height: 6px;
}

#menu .menu_foot
{
  background-color: transparent;
  height: 10px;
  background-position: 0 -90px;
}

#menu .menu_bleu-marine .menu_head
{
  background-position: 0 0;
}

#menu .menu_bleu-marine .menu_foot
{
  background-position: 0 -90px;
}

#menu li.menu_bleu-marine a
{
  background-position: 0 -6px;
}

#menu .menu_bleu-roi .menu_head
{
  background-position: -210px 0;
}

#menu .menu_bleu-roi .menu_foot
{
  background-position: -210px -90px;
}

#menu li.menu_bleu-roi a
{
  background-position: -210px -6px;
}

#menu .menu_bleu-clair .menu_head
{
  background-position: -420px 0;
}

#menu .menu_bleu-clair .menu_foot
{
  background-position: -420px -90px;
}

#menu li.menu_bleu-clair a
{
  background-position: -420px -6px;
}

#menu .menu_jaune .menu_head
{
  background-position: -630px 0;
}

#menu .menu_jaune .menu_foot
{
  background-position: -630px -90px;
}

#menu li.menu_jaune a
{
  background-position: -630px -6px;
}

#menu .menu_orange .menu_head
{
  background-position: -840px 0;
}

#menu .menu_orange .menu_foot
{
  background-position: -840px -90px;
}

#menu li.menu_orange a
{
  background-position: -840px -6px;
}

#menu .menu_roux .menu_head
{
  background-position: -1050px 0;
}

#menu .menu_roux .menu_foot
{
  background-position: -1050px -90px;
}

#menu li.menu_roux a
{
  background-position: -1050px -6px;
}

#menu .menu_rouge .menu_head
{
  background-position: -1260px 0;
}

#menu .menu_rouge .menu_foot
{
  background-position: -1260px -90px;
}

#menu li.menu_rouge a
{
  background-position: -1260px -6px;
}

#menu .menu_anis .menu_head
{
  background-position: -1470px 0;
}

#menu .menu_anis .menu_foot
{
  background-position: -1470px -90px;
}

#menu li.menu_anis a
{
  background-position: -1470px -6px;
}

#menu .menu_vert .menu_head
{
  background-position: -1680px 0;
}

#menu .menu_vert .menu_foot
{
  background-position: -1680px -90px;
}

#menu li.menu_vert a
{
  background-position: -1680px -6px;
}

#menu .menu_emeraude .menu_head
{
  background-position: -1890px 0;
}

#menu .menu_emeraude .menu_foot
{
  background-position: -1890px -90px;
}

#menu li.menu_emeraude a
{
  background-position: -1890px -6px;
}

#menu li
{
  margin-bottom: 1px;
}

#menu li a
{
  display: block;
  padding: 8px 5px 8px 18px;
  background-position: 0 -6px;
  font-size: 15px;
  color: white;
  text-decoration: none;
}

#menu li ul
{
  padding: 10px 10px 3px 18px;
  border: 1px solid #0A2E82;
  background-color: white;
}

#menu_wrapper #menu li ul li
{
  margin-bottom: 5px;
}

#menu_wrapper #menu li ul li a
{
  background-color: transparent;
  background-position: -10px -10px;
  font-size: 12px;
  padding: 0 0 0 12px;
  line-height: 1em;
}

/* -- BREADCRUMBS -- */
#breadcrumbs
{
  font-size: 10px;
  height: 40px;
  background: transparent url(/tcl/images/wide_bands.png) no-repeat 0 25px;
  color: #B0B0B0
}

.thin #breadcrumbs
{
  background: transparent url(/tcl/images/bands.png) no-repeat 0 25px;
}

#breadcrumbs
{
  color: #333;
}

/* -- INFOS TRAFICS -- */
#infos
{
  padding: 0px 10px;
  background: transparent url(/tcl/images/infos.png) no-repeat 0 0;
  overflow: hidden;
}

#info_wrapper #infos h2
{
  font-size: 15px;
  color: #FFF;
  background-color: #0A2E82;
  padding: 5px 0 0 20px;
}

#infos ul
{
  margin: 10px 0 -10px;
  padding: 0 0 0 5px;
}

#infos ul li
{
  list-style-type: none;
  background: transparent url(/tcl/images/infopuce.png) no-repeat 0 4px;
  padding: 0 15px;
  margin-bottom: 10px;
}

#infos ul li a:link,
#infos ul li a:visited,
#infos ul li a:hover,
#infos ul li a:active
{
  color: #0A2F82;
  font-weight: bold;
  text-decoration: none;
}

#infos a#all_infos
{
  float: right;
  color: #0095E2;
}

#info_wrapper
{
  width: 260px;
  background: transparent url(/tcl/images/infos.png) no-repeat 0 100%;
  padding: 0 0 7px;
  float: right;
  margin-top: 25px;
  z-index: 101;
}

/* -- FOOTER -- */
#footer
{
  clear: both;
  height: 31px;
  position: relative;
  background: transparent url(/tcl/images/footer.png) no-repeat 50% 100%;
  z-index: 10;
}

#footer ul
{
  background-color: #0A2F82;
  display: inline;
  position: absolute;
  left: 205px;
  bottom: 5px;
}

#footer ul li
{
  display: inline;
  margin: 0 20px;
}

#footer a:link,
#footer a:visited,
#footer a:active
{
  color: white;
  text-decoration: underline;
  font-size: 10px;
}

#footer a:hover
{
  text-decoration: none;
}

#bubbles
{
  position: absolute;
  right: 10px;
  top: 232px;
  background: transparent url('/tcl/images/bubbles.jpg') no-repeat 0 0;
  width: 142px;
  height: 572px;
}

/* -- PAGE LAYOUT -- */
.thin .page
{
  width: 455px;
  padding: 0 10px;
  position: relative; 
}

#content
{
  width: 750px;
  z-index: 99;
  position: relative;
}

/* -- CONTENT --*/
div.main_content
{
  border-left: 2px solid #B0B0B0;
  padding: 10px 0 30px 10px;
  min-height: 400px;
}

#content .page hr
{
  color: #B0B0B0;
  background-color: #B0B0B0;
}

#content .page p
{
    line-height: 1.5em;
    color: #333;
    margin-bottom: 15px;
}

#content a:link
{
  color: #F09;
}

#content a:visited
{
    color: #BB0066;
}

#content a:hover
{
  text-decoration: none;
}

#content .page h1,
#content .page h2,
#content .page h3
{
  font-weight: bold;  
}

#content .page h1
{
  font-size: 20px;
  margin: 5px 0;
}

#content .page h2
{
  font-size: 15px;
  margin: 10px 0 0;
}

#content .page h3
{
  font-style: italic;
  margin: 10px 0 0;
}

#content .page ul
{
  list-style-type: none;
  padding-top: 5px;
  margin-left: 30px;
}

#content .page ul li
{
  list-style-image: none;
  padding: 0 0 0 20px;
  background: transparent url(/tcl/images/bullets.png) no-repeat 0 2px;
  margin-bottom: 2px;
}

#content .page ul ul
{
  list-style-image: none;
  margin: 0 0 10px 30px;
}

#content .page ul ul li,
#menu li ul li a
{
  padding-left: 15px;
  background: transparent url(/tcl/images/bullets2.png) no-repeat 0 4px;
  color: #0A2E82;
}

#content .page hr
{
  margin: 5px 0;
  border: none;
  height: 1px;
}

#content .page img
{
  margin: 0 10px;
}

/* -- Category Specific Styles-- */
.bleu-marine #content h1,
.bleu-marine #content h2,
.bleu-marine #content h3
{
  color: #0A2E82;
}

.bleu-marine #content .page hr
{
  color: #0A2E82;
  background-color: #0A2E82;
}

.bleu-marine #content .page ul li
{
  background-position: 0 -958px;
}

.bleu-marine #content .page ul ul li,
#menu_wrapper #menu .menu_bleu-marine ul li.current a
{
  background-position: 0 -236px;
}

.bleu-roi #content h1,
.bleu-roi #content h2,
.bleu-roi #content h3
{
  color: #0187CE    
}

.bleu-roi #content .page hr
{
  color: #0187CE;
  background-color: #0187CE;
}

.bleu-roi #content .page ul li
{
  background-position: 0 -1918px;
}

.bleu-roi #content .page ul ul li,
#menu_wrapper #menu .menu_bleu-roi ul li.current a
{
  background-position: 0 -476px;
}

.bleu-clair #content h1,
.bleu-clair #content h2,
.bleu-clair #content h3
{
    color: #59BBEA    
}

.bleu-clair #content .page hr
{
  color: #59BBEA;
  background-color: #59BBEA;
}

.bleu-clair #content .page ul li
{
  background-position: 0 -2878px;
}

.bleu-clair #content .page ul ul li,
#menu_wrapper #menu .menu_bleu-clair ul li.current a
{
  background-position: 0 -716px;
}

.jaune #content h1,
.jaune #content h2,
.jaune #content h3
{
    color: #F2BA01    
}

.jaune #content .page hr
{
  color: #F2BA01;
  background-color: #F2BA01;
}

.jaune #content .page ul li
{
  background-position: 0 -3838px;
}

.jaune #content .page ul ul li,
#menu_wrapper #menu .menu_jaune ul li.current a
{
  background-position: 0 -956px;
}

.orange #content h1,
.orange #content h2,
.orange #content h3
{
    color: #EE7907    
}

.orange #content .page hr
{
  color: #EE7907;
  background-color: #EE7907;
}

.orange #content .page ul li
{
  background-position: 0 -4798px;
}

.orange #content .page ul ul li,
#menu_wrapper #menu .menu_orange ul li.current a
{
  background-position: 0 -1196px;
}

.roux #content h1,
.roux #content h2,
.roux #content h3
{
    color: #EF4E06    
}

.roux #content .page hr
{
  color: #EF4E06;
  background-color: #EF4E06;
}

.roux #content .page ul li
{
  background-position: 0 -5758px;
}

.roux #content .page ul ul li,
#menu_wrapper #menu .menu_roux ul li.current a
{
  background-position: 0 -1436px;
}

.rouge #content h1,
.rouge #content h2,
.rouge #content h3
{
    color: #FE0000    
}

.rouge #content .page hr
{
  color: #FE0000;
  background-color: #FE0000;
}

.rouge #content .page ul li
{
  background-position: 0 -6718px;
}

.rouge #content .page ul ul li,
#menu_wrapper #menu .menu_rouge ul li.current a
{
  background-position: 0 -1676px;
}

.anis #content h1,
.anis #content h2,
.anis #content h3
{
    color: #89DB0A    
}

.anis #content .page hr
{
  color: #89DB0A;
  background-color: #89DB0A;
}

.anis #content .page ul li
{
  background-position: 0 -7678px;
}

.anis #content .page ul ul li,
#menu_wrapper #menu .menu_anis ul li.current a
{
  background-position: 0 -1916px;
}

.vert #content h1,
.vert #content h2,
.vert #content h3
{
    color: #35AF0F    
}

.vert #content .page hr
{
  color: #35AF0F;
  background-color: #35AF0F;
}

.vert #content .page ul li
{
  background-position: 0 -8638px;
}

.vert #content .page ul ul li,
#menu_wrapper #menu .menu_vert ul li.current a
{
  background-position: 0 -2156px;
}

.emeraude #content h1,
.emeraude #content h2,
.emeraude #content h3
{
    color: #136906    
}

.emeraude #content .page hr
{
  color: #136906;
  background-color: #136906;
}

.emeraude #content .page ul li
{
  background-position: 0 -9598px;
}

.emeraude #content .page ul ul li,
#menu_wrapper #menu .menu_emeraude ul li.current a
{
  background-position: 0 -2396px;
}

#menu .menu_bleu-marine a
{
  background-color: #0A2E82;
}

#menu .menu_bleu-marine ul
{
  border-color: #0A2E82;
}

#menu .menu_bleu-marine ul li a,
.bleu-marine #breadcrumbs,
.bleu-marine #breadcrumbs a
{
  color: #0A2E82;
}

.bleu-marine #content th
{
  color: #0A2E82;
}

.bleu-marine #content table td
{
  border-color: #0A2E82;
}

#menu .menu_bleu-roi a
{
  background-color: #0187CE;
}

#menu .menu_bleu-roi ul
{
  border-color: #0187CE;
}

#menu .menu_bleu-roi ul li a,
.bleu-roi #breadcrumbs,
.bleu-roi #breadcrumbs a
{
  color: #0187CE;
}

.bleu-roi #content th
{
  color: #0187CE;
}

.bleu-roi #content table td
{
  border-color: #0187CE;
}

#menu .menu_bleu-clair a
{
  background-color: #59BBEA;
}

#menu .menu_bleu-clair ul
{
  border-color: #59BBEA;
}

#menu .menu_bleu-clair ul li a,
.bleu-clair #breadcrumbs,
.bleu-clair #breadcrumbs a
{
  color: #59BBEA;
}

.bleu-clair #content th
{
  color: #59BBEA;
}

.bleu-clair #content table td
{
  border-color: #59BBEA;
}

#menu .menu_jaune a
{
  background-color: #F2BA01;
}

#menu .menu_jaune ul
{
  border-color: #F2BA01;
}

#menu .menu_jaune ul li a,
.jaune #breadcrumbs,
.jaune #breadcrumbs a
{
  color: #F2BA01;
}

.jaune #content th
{
  color: #F2BA01;
}

.jaune #content table td
{
  border-color: #F2BA01;
}

#menu .menu_orange a
{
  background-color: #EE7907;
}

#menu .menu_orange ul
{
  border-color: #EE7907;
}

#menu .menu_orange ul li a,
.orange #breadcrumbs,
.orange #breadcrumbs a
{
  color: #EE7907;
}

.orange #content th
{
  color: #EE7907;
}

.orange #content table td
{
  border-color: #EE7907;
}

#menu .menu_roux a
{
  background-color: #EF4E06;
}

#menu .menu_roux ul
{
  border-color: #EF4E06;
}

#menu .menu_roux ul li a,
.roux #breadcrumbs,
.roux #breadcrumbs a
{
  color: #EF4E06;
}

.roux #content th
{
  color: #EF4E06;
}

.roux #content table td
{
  border-color: #EF4E06;
}

#menu .menu_rouge a
{
  background-color: #FE0000;
}

#menu .menu_rouge ul
{
  border-color: #FE0000;
}

#menu .menu_rouge ul li a,
.rouge #breadcrumbs,
.rouge #breadcrumbs a
{
  color: #FE0000;
}

.rouge #content th
{
  color: #FE0000;
}

.rouge #content table td
{
  border-color: #FE0000;
}

#menu .menu_anis a
{
  background-color: #89DB0A;
}

#menu .menu_anis ul
{
  border-color: #89DB0A;
}

#menu .menu_anis ul li a,
.anis #breadcrumbs,
.anis #breadcrumbs a
{
  color: #89DB0A;
}

.anis #content th
{
  color: #89DB0A;
}

.anis #content table td
{
  border-color: #89DB0A;
}

#menu .menu_vert a
{
  background-color: #35AF0F;
}

#menu .menu_vert ul
{
  border-color: #35AF0F;
}

#menu .menu_vert ul li a,
.vert #breadcrumbs,
.vert #breadcrumbs a
{
  color: #35AF0F;
}

.vert #content th
{
  color: #35AF0F;
}

.vert #content table td
{
  border-color: #35AF0F;
}

#menu .menu_emeraude a
{
  background-color: #136906;
}

#menu .menu_emeraude ul
{
  border-color: #136906;
}

#menu .menu_emeraude ul li a,
.emeraude #breadcrumbs,
.emeraude #breadcrumbs a
{
  color: #136906;
}

.emeraude #content th
{
  color: #136906;
}

.emeraude #content table td
{
  border-color: #136906;
}

/* -- TABLES -- */
#content table
{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 30px 0;
}

#content table th
{
  font-weight: bold;
  text-align: center;
  padding: 0 3px 8px;
}

#content table td
{
  border-width: 1px 0 0 0;
  border-style: solid;
}

#content table.layout
{
    margin: 0;
}

#content table.layout td
{
  border-width: 0;
}

#content table td
{
  text-align: center;
  padding: 8px 3px;
  vertical-align: top;
}

#content table td span
{
  display: block;
  text-align: center;
  font-weight: bold;
}



.bleu-marine #breadcrumbs
{
  background-position: 0 -75px;
}

.bleu-marine div.main_content
{
  border-color: #0A2E82;
}

.bleu-roi #breadcrumbs
{
  background-position: 0 -175px;
}

.bleu-roi div.main_content
{
  border-color: #0187CE;
}

.bleu-clair #breadcrumbs
{
  background-position: 0 -275px;
}

.bleu-clair div.main_content
{
  border-color: #59BBEA;
}

.jaune #breadcrumbs
{
  background-position: 0 -375px;
}

.jaune div.main_content
{
  border-color: #F2BA01;
}

.orange #breadcrumbs
{
  background-position: 0 -475px;
}

.orange div.main_content
{
  border-color: #EE7907;
}

.roux #breadcrumbs
{
  background-position: 0 -575px;
}

.roux div.main_content
{
  border-color: #EF4E06;
}

.rouge #breadcrumbs
{
  background-position: 0 -675px;
}

.rouge div.main_content
{
  border-color: #FE0000;
}

.anis #breadcrumbs
{
  background-position: 0 -775px;
}

.anis div.main_content
{
  border-color: #89DB0A;
}

.vert #breadcrumbs
{
  background-position: 0 -875px;
}

.vert div.main_content
{
  border-color: #35AF0F;
}

.emeraude #breadcrumbs
{
  background-position: 0 -975px;
}

.emeraude div.main_content
{
  border-color: #136906;
}


/* -- HORAIRES A L ARRET - STOP AREA SEARCHES -- */
.stop_area_searches #container #content h1,
.timetable_at_stop_searches #container #content h1
{
  background-color: transparent;
}

#content .connected_lines a:link,
#content .connected_lines a:hover,
#content .connected_lines a:visited,
#content .connected_lines a:active
{
 background-color: #E7F6FF; 
 color: #0A2E82;
 text-decoration: none;
}

#header .stop_point .name
{
 font-weight: bold;
 font-size: 1.2em;
}

.autocomplete .name
{
 color: #0A2E82;
}

p.city_small
{
   color: #888; 
   font-size: 10px;
}

.stop_area_searches #content .autocomplete .city_small
{
  display: block;
  font-size: 10px;
  line-height: 1em;
}

#content .connected_lines li a:hover
{
  background-color: #59BBEA;
  color: #FFF;
  text-decoration: none;
}

.timetable_at_stop_searches #content form {
  background-color:#E7F6FF;
  margin-right: 0;
  border-top: 1px solid #0A2E82;
  border-top: 1px solid #0A2E82;
}

.timetable_at_stop_searches #content table
{
  width: auto;
  margin: 10px 0; 
}

.timetable_at_stop_searches #content td a:link, 
.timetable_at_stop_searches #content td a:visited, 
.timetable_at_stop_searches #content td a:hover, 
.timetable_at_stop_searches #content td a:active
{
  color: #FFF;
}

.timetable_at_stop_searches #content #timetable_data td, 
.timetable_at_stop_searches #content #timetable_data th
{
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

.timetable_at_stop_searches #content th
{
  background-color: #0A2E82;
  color: #FFF;
}

.timetable_at_stop_searches #content td.even
{
  background-color: #0187CE;  
}

.timetable_at_stop_searches #content td.odd
{
  background-color :#59BBEA;  
}

.timetable_at_stop_searches #content h3, 
.stop_area_searches #content h3,
.timetable_at_stop_searches #content .to_and_from_stop li
{
  color:#0A2E82;
}

.timetable_at_stop_searches .strong
{
  color: #EF4E06;
}

.timetable_at_stop_searches #content td.strong a:link,
.timetable_at_stop_searches #content td.strong a:visited,
.timetable_at_stop_searches #content td.strong a:hover,
.timetable_at_stop_searches #content td.strong a:active
{
 color: #F2BA01;
 font-weight: bold; 
}


.itineraries #itinerary_form #spinner
{
  width: 24px;
  height: 24px;
  background: transparent url(/tcl/images/spinner-bg.png) 50% 50% no-repeat;
  padding: 4px;
}

.itineraries #search_results ol#route_select_box
{
  border:1px solid #CCCCCC;
  margin:0 0 10px;
  padding:10px 10px 5px;
}

.itineraries #search_results #excerpt_header_names #duration_header 
{
  text-align: right;
  width: 95px;
  margin-right: 30px;
}

.itineraries #search_results ol#route_select_box li div.duration
{
  float:left;
  margin-right:30px;
  text-align:right;
  width:95px;
}

.itineraries #search_results ol#route_select_box li.selected
{
  background-color:#E7F6FF;
}

.itineraries #excerpt_header_names
{
  color:;
}

.itineraries #search_results .trip_sections .hovered
{
   background-color: #E7F6FF;
}


/* -- PLACES -- */
.pois #menu_place_types li.place_type a
{
  background-color: #E7F6FF; 
  color: #0A2E82;
}

.pois #menu_place_types li.placeTypeSelected a
{
  background-color: #59BBEA; 
  color: #FFF;
}

#menu_place_types li.place_type a:hover,
#menu_place_types li.place_type a:focus
{
  background-color: #59BBEA;
  color: #FFF;
  text-decoration: none;
}


/* -- AUTOCOMPLETE - DUPLICATED  / MODIFIED FROM  BASE.CSS :( */

#header #itinerary_form div.autocomplete
{
  font-size: 10px;
  z-index: 10000;
}

#header #itinerary_form div.autocomplete
{  
  position: absolute;  
  background-color: white;  border: 1px solid #999;  
  border-top: none; 
  border-bottom: none; 
  margin: 0px;  
  padding: 0px;
  z-index: 100000;
}

div.autocomplete,
ul.autocomplete
{
  -moz-box-shadow: 2px 2px 3px #555555;
  -webkit-box-shadow: 2px 2px 3px #555555;
}

#header #itinerary_form div.autocomplete ul { list-style-type:none;  margin:0px;  padding:0px; }
#header #itinerary_form div.autocomplete ul li.selected { background-color: #B4D8FE;}
#header #itinerary_form div.autocomplete ul li { list-style-image:none;  position: relative; border-bottom: 1px solid #999; list-style-type:none;  display:block;  margin:0;  padding: 4px 35px 6px 6px;  cursor:pointer;}
#header #itinerary_form div.autocomplete ul li img.picto { width: 20px; height: 20px; position: absolute; top: 4px; right: 10px; }
#header #itinerary_form #spinner { background: transparent url(/tcl/images/small_spinner.gif) no-repeat 50% 50%; width: 20px; height: 20px; position: absolute; top: 16px; right: 8px; }


