/* -------------------------------------------------------------- 
  
 Hartija Css Print  Framework
   * Version:   0.8 (2008-03-10)
	 
-------------------------------------------------------------- */

body { 
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.4;
word-spacing:1.1pt;
letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: #fff; font-size: 12pt; }

/*Headings */
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}

code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }

/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }

/* Links */
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
a[href^="http://"] {color:#000; }

/* Table */
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;}

/* Listes */
ul, ol {margin:0.75em 0 0.75em 24pt;}

/*hide various parts from the site
*/
#header-region, #onglet,  #acc_plan, #difniv, #pied, #footermap, #cetp,  #legende, #modchk, #debug, #instructions, #home, #preload, #iti {display:none;}
#rechercheiti, #newsearch,  #itiActions , #debug_p, #phpmv2, #divpunp_center {display:none;}
#entete h2, #entete span, #entete img,  #entete div {display:none;}
.vcard span.fn, .vcard span.org  {display:none;}
#itiActions, #itiLinks, #actionsmap {display:none;}
.noprint {display:none;}
/********* Entete **********/	
#entete h1 {                     
	width:75%;
	display: list-item;                
	list-style-image: url(../images/header.jpg);
	list-style-position: inside;       
	letter-spacing: -1000em;           
	font-size: 1pt;                 
	color: #fff;                      
}
#entete h1 span {display:inline;}

#page, #page_bis, #menugauche {width:100%;}
	
/************** Horaires *********************/
#form_hor fieldset, #form_hor input {display:none;}

/************* Info Span ***************/
.info {border-bottom : 1px #888 dashed;}
.divinfo {margin: 0; padding: 0; border:none;background-color:transparent;font-size:0.9em; position:absolute;}
.divinfo p{	margin:0;}
.station { border:none; text-transform:uppercase;}
.station p, p.affInfo {border:none;}
.station p {text-align:center;}

.arrettrain {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;letter-spacing:0.1em;}
.arretbus {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;}
.arretcar {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;}
.arretmetro {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;}
.arrettram {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;}
.arretpole {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;}
.arretrer {color:#777777;background-color:#FFFFFF;font-weight:bold;padding:2px 4px;}


/************** Infos Ligne **************/
#infosListe ul, #arretListe ul{margin:0;padding:0;}
#infosListe li, #arretListe li{	list-style-position:outside;list-style-type: square;text-align:justify;}
#infoLigne {	margin:10px 0;}

/***** Utilisation pour les boutons de navigation de la carte ******/
#contCarte{background-color:transparent;}
#carte{background-color:transparent;}	
#t_tableau {position:absolute;
	top:118px;
	right:0px;
	width:500px;
	height:500px;	
	background:transparent;
	z-index:10;
	border:2px solid #A8CC89;
	overflow:hidden;	
	display:none;
}

#carte div.ligne img {display:none;}
#carte div.divinfo img.dispinfo {display:block;}
#carte div.divinfo img#p_center {display:none;}
#scale, #pdfLink, #roadmapSend, #autoprint, #zoomSelect {display:none;}

/******* itineraires */
fieldset .preciser {margin:1em 0 0 0;padding:0 0 0 10px;}

fieldset .error {
	margin:3em 10px 0 10px;
	padding:5px;
	background-color:#FFFF99;
	color:#FF0000;
	border:2px solid #FF0000;
}


/******** Itineraire Details **********/
#itidetails {float:left;width:95%;margin:0 0 2em 5pt;padding:0;}
#itidetails div {margin-bottom:1em;}
#itidetails div.clear {clear:both;}

#itiOverview ul {list-style-type:none;font-size:14pt;font-weight:bold;}
#itiOverview ul li {float:left;padding-bottom:0em;width:68%;}
#itiOverview ul li.horaire {width:30%;}

#itidetails .resume {margin:0.75em 0 0.75em 24pt;}
#itidetails .resume p {font-size:12pt;padding:0;margin:0;}
#itidetails p span {margin-right:10pt;}

#itidetails #ul_itidetails {clear:both;margin:0;padding:0;}
#itidetails #ul_itidetails li {margin-left:40pt;padding-left:13pt;list-style-type:none;}
#itidetails #ul_itidetails li.first, #itidetails #ul_itidetails li.last {font-size:14pt;font-weight:bold;margin-left:0;line-height:35pt;}
#itidetails #ul_itidetails li.pieton, #itidetails #ul_itidetails li.auto {line-height:24pt;}
#itidetails #ul_itidetails li.horaire {float:left;width:10%;text-align:center;list-style-type:none;line-height:20pt;padding-left:0;}
#itidetails #ul_itidetails li img {margin:0;}
#itidetails #ul_itidetails li table img {margin:2px 5px 0 2px;position:static;vertical-align:middle;}
#itidetails #ul_itidetails li.first img, #itidetails #ul_itidetails li.last img {vertical-align:middle;}
#itidetails #ul_itidetails li.pieton img, #itidetails #ul_itidetails li.auto img {width:25pt;}
#itidetails #ul_itidetails li li {padding:0;line-height:18pt;margin-left:0;}
#itidetails #ul_itidetails li li img {float:none;}

#itidetails table {width:100%;}
#itidetails tr.row1 td.parcours {border-bottom:1px dashed #ccc;}
#itidetails .first tr.row1 td, #itidetails .last tr.row1 td, #itidetails .pieton tr.row1 td, #itidetails .auto tr.row1 td {border:none;}
#itidetails td, #itidetails th {border:medium none;padding:0;}
#itidetails .first td.parcours, #itidetails .last td.parcours {width:62%;}
#itidetails td.parcours {width:57%;}
#itidetails td.infos {width:auto;}
#itidetails td.infos {font-size:9pt;}