body {
    margin: 0;
    font-family: Helvetica;
	font-weight:bold;
    background: #FFFFFF;
    color: #000000;
    overflow: hidden;
    -webkit-text-size-adjust: none;
	font-size:100%;
}

#page {
	min-width:300px;
}

span.required {
	font-size:0.75em; /* 16*0.75 = 12px */
}

table {
	font-family: Helvetica;
}

/********* Formulaires *******/
form {
	font-size:1em; /* 16*1 = 16px */
	border:none;
}

form p.example {
	font-size:0.75em; /* 16*0.75 = 12px */
	margin:0 0 0.5em 0; /* 12*0.5 = 6px */
}

#form_hor {
	padding-bottom:0;
}

/********* Fieldsets *******/
fieldset {
	padding:0 0.625em; /* 16*0.625 = 10px */
}

fieldset p {
	padding:0;
}

fieldset p.type_recherche {
	margin:0.625em 0 0.3125em 0; /* 16*0.3125 = 5px */
}

fieldset p.type_recherche label {
	font-weight:normal;
}

fieldset p.advanced {
	display:inline-block;
	font-size:0.75em; /* 16*0.75 = 12px */
}

fieldset#search_map, fieldset#acc_search_nw {
	background:none;
	padding-bottom:0;
}

/********* Legend *******/
legend {
	font-size:1.25em; /* 16*1.25 = 20px */
}

/********* Labels *******/
label {
	display:block;
	float:none;
	font-size:0.875em; /* 16*0.875 = 14px */
	width:auto;
	text-align:left;
}

/********* Inputs *******/
input {
	font-size:0.875em; /* 16*0.875 = 14px */
	margin:0.2143em 0; /* 14*0.2143 = 3px */
	padding:0.3571em 0.2143em; /* 14*0.3571 = 5px */
	width:97%;
}

#page input.sub {
	float:none;
	font-size:1em; /* 16*1 = 16px */
	font-weight:bold;
	margin:0.4375em 0 0.5em; /* 16*0.4375 = 7px */
	width:100%;
	height:auto;
}

form .type_recherche input, form .options input {
	border:1px solid #2DB455;
	margin:0 0.5em 0 0; /* 14*0.5 = 7px */
	padding:0.3571em 0.2143em; /* 14*0.2143 = 3px */
	vertical-align:inherit
}


/********* Selects *******/
select {
	font-size:0.875em; /* 16*0.875 = 14px */
	padding:0.3571em 0.2143em; /* 14*0.2143 = 3px */
}

#menugauche #form_iti select, #menugauche #form_map select {
	width:auto;
	font-size:1em;
}

#menugauche #form_iti .type_recherche select, #menugauche #form_map .type_recherche select {
	font-size:0.875em; /* 16*0.875 = 14px */
	width:auto;
}

/*** Entete ***/
#entete {
	height:48px;
	background:#2CB354;
}

#entete h1 {
	height:28px;
	width:auto;
	border-bottom:1px solid #CCFF9E;
	color:#FFFFFF;
	font-size:1.5em; /* 16*1.5 = 24px */
	font-weight:bold;
	font-style:italic;
	line-height:1.5em; /* 16*1.5 = 24px */
	margin:0;
	padding:0 0.4167em 0 0.4167em; /* 24*0.4167 = 10px */
	text-shadow:0.1em 0.1em rgba(0, 0, 0, 0.6);
	background:#2CB354;
}

#entete h1.fr {
	background:#2CB354;
}

#entete h2 {
	font-size:0.75em; /* 16*0.75 = 12px */
	letter-spacing:-0.01em;
	margin:0;
	padding:0 0.8333em 0.8333em 0.8333em; /* 12*0.8333 = 10px */
	position:static;
}

#entete #home {
	height:50px;
	left:0;
	width:175px;
}
#entete span {
	height:auto;
	overflow:auto;
	position:static;
	width:auto;
	font-size:1em; /* 16*1 = 16px */
}

/*** Onglets ***/
#onglet {
	float:none;
	background:none;
	background-color:#2CB354;
	border-bottom:1px solid #025924;
	height:auto;
	font-size:0.6875em; /* 16*0.6875 = 11px */
	height:35px;
}

#onglet > ul {
	
}

#onglet > ul > li {
	margin:0 0.0909em 0; /* 11*0.0909 = 1px */
	padding:0;
	background-color: transparent;border:none;
	-webkit-border-top-left-radius:0;
	list-style-type:none;
}

#onglet > ul > li.onit, #onglet li:hover {
	background-color: transparent;
}

#onglet > ul > li > a {
	height:30px;
	padding:0.1818em 0.3636em; /* 11*0.1818 = 2px */
	background-color: #c7eba7;border:1px solid #025924; border-bottom:none;
	-webkit-border-top-left-radius: 0.5454em; /* 11*0.5454 = 6px */
}

#onglet  > ul > li.onit > a, #onglet li:hover a {
	padding-bottom:0.1818em; /* 11*0.1818 = 2px */
	background-color: #fff;border:1px solid #025924;border-bottom:1px solid #fff;
	-webkit-border-top-left-radius: 0.5454em; /* 11*0.5454 = 6px */
}

/*** Partie gauche ***/
#menugauche, .home #menugauche, #menugauche.txt {
	float:none;
	margin:0.625em 0.625em 0; /* 16*0.625 = 10px */
	width:auto;
}

#menugauche ul{
	list-style-type:none;
}

#menugauche a[xcenter][ycenter][level] {
	text-decoration:none;
	color: #fff;
	padding: 5px 45px 5px 4px;
	-moz-border-radius-topright: 0.25em; 
	-moz-border-radius-bottomright: 0.25em;
	-webkit-border-top-right-radius: 0.25em; 
	-webkit-border-bottom-right-radius: 0.25em;
	border-top: 2px solid #005A52;
	border-left: 2px solid #005A52;
	border-right: 2px solid #005A52;
	border-bottom: 2px solid #005A52;
	background: #2cb354 url(../images/listarrow.png) no-repeat scroll center right;
}

#menugauche a[xcenter][ycenter][level]:hover {
	border-top: 2px solid #2cb354;
	border-left: 2px solid #2cb354;
	border-right: 2px solid #2cb354;
	border-bottom: 2px solid #2cb354;
	background: #005A52 url(../images/listarrowsel.png) no-repeat scroll center right;
}
/******* Accueil ***********/
#acc_plan li, #acc_plan #acc_iti {
	padding:0;
	margin-bottom:0.625em; /* 16*0.625 = 10px */
	min-height:44px;
	border:2px solid #669C76; 
	-webkit-border-radius:0.5em; /* 16*0.5 = 8px */
}

#acc_plan #form_hor fieldset {
	background:none;
}

#acc_plan label {
	text-align:left;
	width:auto;
}

#acc_plan h2 {
	min-height:44px;
	cursor:pointer;
	font-size:1.25em; /* 16*1.25 = 20px */
	background:none;
	margin:0;
	padding:0.25em 0.5em 0; /* 20*0.25 = 5px */
}

#acc_plan p.ok {
	padding:0 0.3125em; /* 16*0.3125 = 5px */
}

.home input {
	width:97%;
}


.js #acc_plan li {cursor:pointer;}
.js #acc_plan form.collapsed {display:none;}

.js #acc_plan h2, .js #acc_plan h2.down {background:transparent url(../images/idown.png) no-repeat center right;}
.js #acc_plan h2.down:hover {background-image:url(../images/idownsel.png);}
.js #acc_plan h2.up {background:transparent url(../images/iup.png) no-repeat center right;min-height:0;}
.js #acc_plan h2.up:hover {background-image:url(../images/iupsel.png);}

/*************** Itineraires ***************/
#itidetails #ul_itidetails li.first, #itidetails #ul_itidetails li.last {
	width:auto;
}

#itidetails #ul_itidetails li.horaire {
	float:right;
	width:auto;
}

#form_iti fieldset .itineraire {
	font-size:1.125em; /* 16*1.125 = 18px */
	margin:0 0 0.555em; /* 18*0.555 = 10px; */
	padding:0 0 0 2.222em;
}

fieldset h3.iti_options {
	font-size:1.125em; /* 16*1.125 = 18px */
	font-weight:bold;
}

#form_iti fieldset#search_iti_options h3 {
	margin-left:0.2778em; /* 18*0.2778 = 5px */
	margin-right:0.2778em; /* 18*0.2778 = 5px */
}

#form_iti fieldset p.options {
	font-size:0.875em; /* 16*0.875 = 14px */
	margin:0.5em 0 1.5em;
}

#itidetails {
	float:none;
	margin:0;
	width:auto;
}

#itidetails div {
	margin-bottom:0.5em;
}

#itiActions a:link, #itiActions a:visited {
	font-size:0.875em; /* 16*0.875 = 14px */
	font-weight:bold;
}

#itiOverview ol {
	font-size:0.875em; /* 16*0.875 = 14px */
}

#itidetails #itiOverview ol li.first, #itidetails #itiOverview ol li.last {
	margin:0;
}

#itidetails #itiOverview ol li.horaire {
	margin-bottom:0.5em;
}
#itidetails .resume p {
	font-size:0.875em; /* 16*0.875 = 14px */
}

#ul_itidetails li {
	border-left:none;
}

#ul_itidetails li.detail {
	min-height:44px;
}

#itidetails #ul_itidetails li.first, #itidetails #ul_itidetails li.last {
	font-size:0.875em; /* 16*0.875 = 14px */
}

#itidetails #ul_itidetails li.horaire {
	font-size:0.875em; /* 16*0.875 = 14px */
}

#itidetails table {
	font-size:0.875em; /* 16*0.875 = 14px */
}

#itidetails tr td.infos {
	font-size:0.8571; /* 14*0.8571 = 12px */
}

#ul_itidetails li.horaire, #itidetails td span.horaire {
	background-color:transparent;
}

.js #itidetails {
	width:auto;
}

.js #itidetails #ul_itidetails {
	width:auto;
}

.js #itidetails tr.hide {
	display:table-row;
}

/************** Horaires *************************/
#horaires {
	margin:0;
	padding:0 0.625em 3em; /* 16*0.3125 = 10px */
}

#horaires h2 {
	margin:0;
	background:none;
	border-bottom:1px solid #F6B359;
	font-size:1.25em;
}

#horaires p {
	font-size:1em;
	margin:0.5em;	
}

#horaires p.intro {
	font-size:0.875em;
}

#horaires p {
	margin:0.5em 0;	
}

#horaires label {
	font-size:0.875em;
	display:inline;
}

#horaires label.horaireS {
	font-size:0.875em;
}

#horaires select {
	vertical-align:baseline;
	font-weight:normal;
	width:auto;
}

#horaires table {
	margin:0;
	width:auto;
	font-size:1em;
}

#horaires caption {
	font-size:1em;
	font-weight:normal;
	font-variant:normal;
	width:auto;
	margin:0.5em 0;
}

#horaires caption:after {
	content:" : ";
}

#horaires th, #horaires td {
	font-size:0.75em;
	padding:3px 2px;
}

#form_hor {
	width:auto;
}

#form_hor .horaire input[type="text"]  {
	background-color:transparent;
	border:none;
	font-weight:bold;
	padding:0.3571em 0.1429em;
	/*outline:1px dotted #CCCCCC;*/y
}

#form_hor .horaire input[type="radio"] {
	background-color:#EAF7EE;
	border:1px solid #2DB455;
}

fieldset img.ui-datepicker-trigger {
	margin:0 0.25em 0 0;
}

#form_hor .horaire #departH, #form_hor .horaire #departM {	
	margin:0 0.3571em; /* 14*0.3571em = 5px */
	text-align:left;
	padding:0.3571em 0;
}

/************** Desserte multimodale ******************/
#menugauche #res {
	background:none;
	border:none;
	padding:0;
}

#multimode h2 {
	font-size:1.25em;
}

#multi_top h2 {
	margin:0;
	min-height:44px;
	padding:0.25em 0.5em 0;
}

#multimode #res h2, #cetp #res h2 {
	margin:0;
	background:none;
	border-bottom:1px solid #F6B359;
	font-size:1.25em;
}

#multimode p {
	font-size:0.825em; /* 14*0.825em = 14px */
	margin:0 0 1em 7px;
	padding:3px;
}

#multimode #res p {
	margin-bottom:0.2em;
}

#menugauche p.note {
	font-size:0.825em; /* 14*0.825em = 14px */
	background-color:#D5F0DD;
	margin:0.3571em 0; /* 14*0.3571em = 5px */
	padding-bottom:0.3571em; /* 14*0.3571em = 5px */
	padding-left:0.5em; /* 14*0.5em = 7px */
}

#multimode p.typeTrain {
	font-size:0.825em; /* 14*0.825em = 14px */
}

#multimode ul, #multimode ul ul {
	font-size:0.825em; /* 14*0.825em = 14px */
}

#multi_bot > li {
	border:2px solid #669C76;
	margin-bottom:0.625em;
	min-height:44px;
	padding:0;
	-webkit-border-radius:0.5em; /* 16*0.5 = 8px */
}

#multimode ul.gares li {
	line-height:2.5em;
}

#multimode #multi_top, #multimode #multi_bot{
	width:auto;
	border:none;
	padding:0;
	margin:0;
	font-size:1em;
}

.js #multimode div.collapsed {display:none;}

.js #multimode h2, .js #multimode h2.down {border:none;background:transparent url(../images/idown.png) no-repeat center right;}
.js #multimode h2.down:hover {background-image:url(../images/idownsel.png);}
.js #multimode h2.up {background:transparent url(../images/iup.png) no-repeat center right;min-height:0;}
.js #multimode h2.up:hover {background-image:url(../images/iupsel.png);}

/************** Lignes de Transports ******************/
#linesWrapper {
	height:100%;
	background:#fff;
}

#anchors a {
	font-size:0.825em; /* 16*0.825em = 14px */
}

#linetable table, #linetable p.back, #lineWrapper p {
	width:96%;
	font-size:0.825em; /* 16*0.825em = 14px */
	margin:0.7143em auto; /* 14*0.7143 = 10px */
}

#linetable tbody tr {
	font-size:0.8571em; /* 14*0.8571em = 12px */
}

#linetable caption {
	font-size:1em; /* 14*1em = 14px */
	margin:0.7143em 0 0.3571em 0; /* 14*0.0.7143 = 10px */
	padding:0.3571em;
	width:auto;
}

#linetable abbr {
	border-bottom:1px dotted;
}

div.top a {
	font-size:0.75em; /* 16*0.75em = 12px */
}
/************** Cartes et Plans ******************/
#cetp ol {
	font-size:0.875em; /* 16*0.875 = 14px */
}

#cetp label {
	text-align:left;
	width:auto;
}

/******* Menu ***********/
#menu {
	border:none;
}
#menu ul {
	padding:0;
	margin:0;
}
#menu li{
	height:44px;
	font-size:1.25em; /* 16*1.25 = 20px */
	border-bottom:1px solid #E0E0E0;
	padding:0;
	background:transparent url(../images/listarrow.png) no-repeat scroll right center;
}

#menu li.onit, #menu li:hover {
	background:transparent url(../images/listarrowsel.png) no-repeat scroll right center;
}

#menu li a{
	display:block;
	padding:8px 32px 8px 8px; 
}

/******* Texte ***********/
#texte {
	margin:0;
	padding:0 0.625em 3em; /* 16*0.3125 = 10px */
}

#texte h2 {
	font-size:1.25em; /* 16*1.25 = 20px */
	margin:0.5em 0 0;
	background:none;
	border-bottom:1px solid #F6B359;
}

#texte h3 {
	font-size:1.125em; /* 16*1.125 = 18px */
}

#texte p {
	font-size:0.875em;
	font-weight:normal;
	margin:0.5em 0;	
}

#texte p.warning {
	font-size:0.75em;
}

/*** Carte ***/
#carte {
	-webkit-touch-callout:none;
}

.divinfo {
	font-family:Helvetica;
}

#carte .station p, #carte li.affInfo {
	font-size:0.625em; /* 16*0.625 = 10px */
}

#carte li.affInfo {
	font-family:Helvetica;
	font-size:0.625em; /* 16*0.625 = 10px */
}

#footermap {
	font-size:0.625em; /* 16*0.625 = 10px */
	font-weight:normal;
}

#footermap span.scale {
	top:-10px;
	position:relative;
	left:35px;
}

#footermap a.newwindow {
	margin-right:0.5em;
}

/******** Formulaire Contact***********/
.contact input.text, .contact input.text, .contact textarea {
	width:97%;
}

.contact label {
	text-align:left;
	width:auto;
	font-weight:bold;
}

/*** Pied ***/
#pied {
	font-size:0.75em; /* 16*0.75 = 12px */
	width:300px;
	padding:0;
	margin:0 0.8333em; /* 12*0.8333 = 10px */
}

