/* CSS Document */


/* CONTENU */

#sousNavig {
}
#picRubrique {
	background: #ffdd00 url(../img/pic_autresRub.gif) no-repeat;
}
#picRubriqueActu {
	background: #ffdd00 url(../img/pic_autresRubActu.gif) no-repeat;
}
#picRubriqueManif {
	background: #ffdd00 url(../img/pic_autresRubManif.gif) no-repeat;
}

#sousNavig ul.menuDroit {
}
#sousNavig ul ul {
	background-image: none;
	margin: 10px 0px 0px 20px;
	padding: 0px;
}
#sousNavig li {
}
#sousNavig li.actu {
	list-style-image: url(../img/px.gif);
	margin: 0px 0px 0px 10px;
	padding: 0;
	color: #FFFFFF;
}
#sousNavig li.actu li {
	list-style-image: url(../img/puce_sousNavig.gif);
}
#sousNavig li.actu strong {
	font-family: Impact, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
#sousNavig .titresnav {
	color: #0058AA;
	background-image: url(../img/puce_navig.gif);
}


/* 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: #595959;
	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 #595959;
	padding: 8px;
	margin: 0px;
	background-color: #CCC;
}
#keyDepDiv li:hover, #keyArrDiv li:hover {
	background-color: #FFF;
}
#keyDepDiv a , #keyArrDiv a{
	text-decoration: none;
	color: #000; /*#BCD7EF;*/
}


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

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


#horaires h2 {
	color: #595959;
	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 #595959;
	background-color: #addffb;
	color: #000000;
	height: 20px;
	/*padding: 8px;*/
	margin-bottom: 1px;
	cursor: pointer;
}

#horaires a {
	text-decoration: none;
	color: #000;
}

#horaires li {
	list-style-image: url(../img/px.gif);
	border-bottom: solid 1px #595959;
	padding: 8px;
	margin: 0px 0px 0px 15px;
	background-color: #AEB2B7;
	/*background-image: url(../img/bg_li_itineraire.gif);
	background-repeat: repeat-x;*/
}
#horaires li:hover {
	background-color: #CCCCCC;
}

#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: #000;
}
div#lignes strong{
	color: #FFDD00;
}
div#listeLignes {
	OVERFLOW: auto;
	height: 260px;
}


#page table {
	margin-top: 25px;
}
#page table caption {
	display: block;
	color: red;
	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: #FFDD00;
}
#page table th {
	background-color:#595959;
	background-image: url(../img/bg_th.gif);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#page table td {
	background-color:#595959;
	border-bottom: solid 1px #595959;
	border-right: solid 1px #595959;
	padding: 8px;
	color: #FFF;

}
#page table td.blc {
	background-color:#FFFFFF;
	border-bottom: solid 1px #595959;
	border-right: solid 1px #595959;
	padding: 8px;
	color: #000;
}
#page table td.enteteHoraire {
	background-color:#FFFFFF;
	border: solid 0px;
	color: #595959;
	padding: 0px;
	font-size: 1.7em;
	line-height: 2em;
}
.nomLigne{
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
}
#page table td.lien:hover {
	background-color:#CCC;
	color: #000;
}
#page table td a {
	color: #FFF;
	background-image: url(../img/pic_pdf.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 2px 20px;
	display: inline-block;
}
#page table td a:hover {
	color: #000;
}

div#ficheLigne a.nopdf {
	background-image: none;
	padding: 0px;
}
div#ficheLigne {
	border: 0px none;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	width: 250px;
}
div#ancreSommaire {
	border: 0px none;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

div#ficheLigne .retourLignes, div#ancreSommaire .retourLignes {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
div#ficheLigne a.sommaire, div#ancreSommaire a.sommaire {
	background-image: url(../img/pic_sommaire.gif);
	color: #000;
	display: inline-block;
	padding: 1px 0px 2px 20px;
	background-repeat: no-repeat;
}

#ficheLigne a {
	color: #000;
	background-image: url(../img/pic_pdf.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 2px 20px;
	display: inline-block;
	font-weight: bold;
}




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: #addffb;
  
}
div.autocomplete ul li {
	list-style-image: url(../img/px.gif);
	border-bottom: solid 1px #289bd9;
	padding: 12px;
	background-color: #8ccff4;
	cursor:pointer;
}
div.autocomplete ul li:hover {
	background-color: #addffb;
}

.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: #595959;
	background-image: url(../img/bg_table.gif);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 25px 0px 0px 0px;
	width: 650px;
}
div#listeresultats table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 100%;
}
div#listeresultats caption {
	display: block;
	font-size: 13px;
	color: #FFF;
	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 #FFF;
	border-bottom: solid 1px #FFF;
	background-color: #595959;
	font-weight: normal;
	color: #FFF;
	width: 16%;
}
div#listeresultats td {
	padding: 1px 5px 1px 5px;
	margin: 0px;
	border: none 0px;
	background-color: #CCC;
	color: #000;
	border-bottom: solid 1px #595959;
}
div#listeresultats tr:hover {
	background-color: #FFF;

}

div#listeresultats a {
	text-decoration: none;
	color: #000;
	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: #595959;
	background-image: url(../img/bg_table.gif);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 25px 0px 0px 0px;
	width: 650px;
}
div#resultat table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	width: 100%;
}
div#resultat caption {
	display: block;
	font-size: 13px;
	color: #FFF;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
div#resultat caption strong {
	color: #FFF;
}

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

div#resultat th {
	padding: 5px;
	margin: 0px;
	border: none 0px;
	border-bottom: solid 1px #595959;
	background-color: #CCC;
	font-weight: normal;
	color: #000;
	width: 16%;
}
div#resultat td {
	padding: 5px;
	margin: 0px;
	border: none 0px;
	background-color: #CCC;
	color: #000;
	border-bottom: solid 1px #595959;
}

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

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