/* CSS Document */


/* CONTENU */
#transport h1 {
	color: #0058AA;
	border-bottom: solid 1px #0058AA;
}

#transport h3 {
	color: #0058AA;
}

#transport h5 {
	background-color: #0058AA;
}

#transport blockquote p {
	border-right: solid 1px #289BD9;
	border-bottom: solid 1px #289BD9;
	background-color: #BCE3F8;
	background-image: url(../img/bg_blockquote.gif);
	background-repeat: no-repeat;
	color: #0058AA;
}

#transport strong, b {
	color: #0058AA;
}

#transport u {
	text-decoration: none;
	border-bottom: solid 1px #0058AA;
}


#sousNavig {
	background-color: #8CCFF4;
	background-image: url(../img/bg_sousNav.gif);
}
#picRubrique {
	background-image: url(../img/pic_autresRub.gif);
}

#sousNavig ul {
	background-color: #289BD9;
	background-image: url(../img/bg_sousNavig_ul.gif);
	background-repeat: no-repeat;
	margin: 0px 15px 0px 25px;
	padding: 30px 0px 0px 0px;
}
#sousNavig ul ul {
	background-image: none;
	margin: 10px 0px 0px 20px;
	padding: 0px;
}
#sousNavig li {
	list-style-image: url(../img/puce_sousNavig.gif);
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 5px 0px ;
}
#sousNavig .titresnav {
	color: #0058AA;
	background-image: url(../img/puce_navig.gif);
}
#sousNavig li a:visited {
	color: #FFF;
}
#sousNavig li a:link {
	color: #FFF;
}
#sousNavig li a:hover {
	color: #0058AA;
	text-decoration: none;
}
#sousNavig a:visited {
	color: #0058AA;
}
#sousNavig a:link {
	color: #0058AA;
}
#sousNavig a:hover {
	color: #0058AA;
	text-decoration: none;
}

/* DOCUMENTS ET PIECES JOINTES */
.titreDocJointsTransp {
	background-color: #0058AA;
}
a.pdf:hover {
	color: #0058AA;
}
a.doc:hover {
	color: #0058AA;
}


.titreLiensTransp {
	background-color: #0058AA;
}
a.lienExt:hover {
	color: #0058AA;
}
a.lienMail:hover {
	color: #0058AA;
}


#selArret div {
border:1px solid black;
	border-bottom: solid 1px #0058AA;
}

/* APPLICATION HORAIRES */
iframe {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 0px none;
	overflow: hidden;
	width: 370px;
	height: 460px;
	overflow: hidden;
}

div#itineraire, div#lienArretsDep, div#LienArretsArr, div#modKeywordsArr, div#modKeywordsDep, div#listeArretsDep, div#listeArretsArr, div#listeresultats, div#resultat, div.xNote {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

div#itineraire h2 {
	color: #0058AA;
	font-size: 15px;
	margin: 15px 0px 10px 0px;
	padding: 0px;
}
div#itineraire p {
	margin: 3px;
	padding: 0px;
	border: 0px none;
}

a.routeFormLink {
	color: #4193AB;
	text-decoration: none;
	padding: 0px 0px 0px 18px;
	background-image: url(../img/bg_listearrets.gif);
	background-repeat: no-repeat;
}
a:hover.routeFormLink {
	color: #297186;
}

/* AUTOCOMPLETION POUR LES ITINERAIRES */
.selected { background-color: #82C5E9; color:#FFFFFF;}
.resultat { }
div#keyDepDiv, div#keyArrDiv {
		font-size:12px;
		margin: 0px;
		padding: 0px;
		border: solid 1px #FFFFFF;
}
#keyDepDiv ul, #keyArrDiv ul {
	margin: 0px;
	padding: 0px;
}
#keyDepDiv li, #keyArrDiv li {
	/*
	padding: 0px;
	list-style-image: url(../img/px.gif);
	border: 0px none;*/
	list-style-image: url(../img/px.gif);
	border-bottom: solid 1px #2A3E50;
	padding: 8px;
	margin: 0px;
	background-color: #3E5469;
}
#keyDepDiv li:hover, #keyArrDiv li:hover {
	background-color: #4D6B87;
}
#keyDepDiv a , #keyArrDiv a{
	text-decoration: none;
	color: #BCD7EF;
}


/* HORAIRES */
div#horaires, #horaires div, div#page {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

div#horaires {
	background-color: #289bd9;
	background-image: url(../img/bg_iframe.gif);
	width: 370px;
	background-repeat: no-repeat;
}


#horaires h2 {
	color: #0058AA;
	font-size: 15px;
	margin: 15px 0px 10px 0px;
	padding: 0px;
}
#horaires p{
	color : #FFFFFF;
	margin: 15px;
}
#horaires form {
	margin: 5px 0px 5px 0px;
	border-bottom: solid 1px #3B5973;
	padding: 0px 0px 5px 0px;
}
#horaires select {
	width: 370px;
	margin: 0px;
	padding: 0px;
}
#horaires option {
	border-bottom: solid 1px #2A3E50;
	background-color: #4D6B87;
	color: #162634;
	height: 20px;
	/*padding: 8px;*/
	margin-bottom: 1px;
	cursor: pointer;
}

#horaires a {
	text-decoration: none;
	color: #B7D2EB;
}
#horaires li {
	list-style-image: url(../img/px.gif);
	border-bottom: solid 1px #289bd9;
	padding: 8px;
	margin: 0px 0px 0px 15px;
	background-color: #8ccff4;
	/*background-image: url(../img/bg_li_itineraire.gif);
	background-repeat: repeat-x;*/
}
#horaires li:hover {
	background-color: #addffb;
}

#page table li.listeArrets{
list-style-image: url(../img/px.gif);
padding:0px;
margin:0px;
border:solid 0px;
}
#page div.enteteHoraire{
border: solid 0px;
}

div#lignes {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0e5d88;
}
div#listeLignes {
	OVERFLOW: auto;
	height: 230px;
}


#page table {
	margin-top: 25px;
}
#page table caption {
	display: block;
	color: #317FC7;
	font-size: 11px;
	margin: 8px;
	text-align: left;
	font-weight: bold;
		
}
#page table caption strong {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 20px;
	color: #024A8C;
}
#page table th {
	background-color:#35A1DB;
	background-image: url(../img/bg_th.gif);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#page table td {
	background-color:#B4E0F8;
	border-bottom: solid 1px #35A1DB;
	border-right: solid 1px #35A1DB;
	padding: 8px;
	color: #1C6D99;

}
#page table td.blc {
	background-color:#FFFFFF;
	border-bottom: solid 1px #35A1DB;
	border-right: solid 1px #35A1DB;
	padding: 8px;
	color: #1C6D99;
}
#page table td.enteteHoraire {
	background-color:#FFFFFF;
	border: solid 0px;
	font-size: 13px;
	color: #317FC7;
	padding: 0px;
}
.nomLigne{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 20px;
	font-weight:bold;
}
#page table td.lien:hover {
	background-color:#CCE6F4;
}
#page table td a, #ficheLigne a {
	color: #1C6D99;
	background-image: url(../img/pic_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
div#ficheLigne {
	border: 0px none;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}




div.autocomplete {
  position: absolute;
  width: 400px;
  background-color:white;
  border: 1px solid #ccc;
  margin: 0px;
  padding: 0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.autocomplete ul {
}
div.autocomplete ul li.selected { 
  background-color: #4D6B87;
  
}
div.autocomplete ul li {
	list-style-image: url(../img/px.gif);
	border-bottom: solid 1px #2A3E50;
	padding: 12px;
	background-color: #3E5469;
	cursor:pointer;
}
div.autocomplete ul li:hover {
	background-color: #4D6B87;
}

.combo /* look&fell of scriptaculous select box*/
{
  margin: 0px 5px 10px 0px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url('../img/bg_select.jpg') right;
  height:18px;
  cursor: pointer;
  border:1px solid #ccc;
  color:#999;
}


/* FORMULAIRES */
label {
	float: left;
	text-align: right;
	width: 100px;
	padding: 0px 5px 0px 0px;
}
div#rechercher {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	border: 0px none;
}

/* TABLEAU DE RESULTATS POUR LES ITINERAIRES */
div#listeresultats {
	background-color: #2A3E50;
	background-image: url(../img/bg_table.gif);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 25px 0px 0px 0px;
}
div#listeresultats table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87A8C5;
	width: 100%;
}
div#listeresultats caption {
	display: block;
	font-size: 13px;
	color: #CC9933;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}

div#listeresultats th {
	padding: 5px;
	margin: 0px;
	border: none 0px;
	border-top: solid 1px #3B5973;
	border-bottom: solid 1px #3B5973;
	background-color: #2A3E50;
	font-weight: normal;
	color: #87A8C5;
	width: 16%;
}
div#listeresultats td {
	padding: 1px 5px 1px 5px;
	margin: 0px;
	border: none 0px;
	background-color: #3E5469;
	color: #B7D2EB;
	border-bottom: solid 1px #2A3E50;
}
div#listeresultats tr:hover {
	background-color: #4D6B87;

}

div#listeresultats a {
	text-decoration: none;
	color: #B7D2EB;
	background-image: url(../img/pic_loupe_petit_color.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}
div#listeresultats a:hover {
	color: #FFFFFF;
}


/* TABLEAU DE PRESENTATION D'UN ITINERAIRE (XSL/XSL/FR/PrintcommonRoute.xsl) */
div#resultat {
	background-color: #2A3E50;
	background-image: url(../img/bg_table.gif);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 25px 0px 0px 0px;
}
div#resultat table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #87A8C5;
	width: 100%;
}
div#resultat caption {
	display: block;
	font-size: 13px;
	color: #CC9933;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
div#resultat caption strong {
	color: #B7D2EB;
}

div#resultat tr{
	vertical-align: top;
}

div#resultat th {
	padding: 5px;
	margin: 0px;
	border: none 0px;
	border-top: solid 1px #3B5973;
	border-bottom: solid 1px #3B5973;
	background-color: #2A3E50;
	font-weight: normal;
	color: #87A8C5;
	width: 16%;
}
div#resultat td {
	padding: 5px;
	margin: 0px;
	border: none 0px;
	background-color: #3E5469;
	color: #B7D2EB;
	border-bottom: solid 1px #2A3E50;
}

div#resultat td strong, div#resultat th strong {
	color: #E0B53E;
	font-weight: normal;
}

div#resultat p {
	color: #B7D2EB;
}
div#resultat p img {
	margin: 0px 6px 0px 0px;
	border: none 0px;
}