/********************************************/ /* */ /* Typo */ /* */ /********************************************/ html {font-size:100%} /* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur */ body {font-family:Arial,"Lucida Grande", Tahoma, sans-serif;font-size : 0.625em;} span.imp{font-weight:bold;} span.required {font-size:1em;} /******* entete **********/ #entete span {font-weight:bold;font-size:1.3em; } #entete h2 {letter-spacing:-0.01em;font-weight:bold;font-style:italic;} #entete div.right a.cont {font-weight:bold;font-size:1.1em;} /******* Accueil ***********/ #centre p.home {font-size:1.25em;} /******* Horaires ***********/ .horaires h2 {font-size:1.6em;font-variant:small-caps;} .horaires caption {font-size:1.4em;} .horaires p {font-size:1.25em;} .horaires li{font-size:1.25em;} .horaires table {font-size:1.2em;} .horaires th{font-size:1.25em;} .horaires table ol {font-size:0.8em;font-weight:normal;} .horaires label {font-size:0.9em;} .horaires label.horaireS {font-size:1.15em;font-weight:bold;} .horaires legend {font-size:1.2em;} /************ Titre ****************/ #titre h1 { font-weight:bold;font-size:1.4em;} /*************** Onglets ********************/ #onglet, #ong_res{text-transform:uppercase;} #onglet a {font-weight:bold;} /***** Partie gauche ****/ #menugauche h2, #menudroite h2 {font-size:1.6em;font-family:verdana;letter-spacing:-0.025em;text-transform:uppercase;} #menudroite ul {font-size:1.2em;} /***** Partie Centre *******/ #centre {font-size:1.1em;} #centre h2 {font-family:verdana;letter-spacing:-0.025em;line-height:1.6em;text-transform:uppercase;} /************** Infos Ligne **************/ h2 {font-size:1.6em;font-weight:bold;} .term {font-weight:bold;} /********* classes *******/ .titreSelect {font-size:0.9em;} .needed {font-weight: normal;} .ital {font-style:italic;} .smaller{font-size:.9em;} /************* Info Span ***************/ .divinfo {font-family:Arial, "Lucida Bright", Tahoma, sans-serif;font-size:1em;} /********** Formulaire **********************/ /**** fieldset ***/ fieldset {font-style:normal;} /**** texte ***/ #cetp ol strong {font-size:1.2em;} #multimode p.note{font-size:1.1em;} fielset p.note {font-weight:bold;} fieldset .onit a, fieldset .onit a:hover {font-weight:bold;} #modchk h3 {font-size:1em;font-variant:small-caps;} fieldset h3 {font-size:1.4em;font-weight:bold;} fieldset h3.iti_options {font-weight:bold;} /***erreurs */ form em.error {font-weight:bold; font-size:smaller;} #acc_plan .frm_error, #cetp .frm_error, #vav .frm_error{font-weight:bold;font-size:1em;} fieldset em.warning, fieldset em.ok {font-weight:bold;font-style:normal;} /**** label *****/ #modchk label {font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;font-size: 1.1em;} /***** select & input****/ input, select, textarea{font-size: 1em;} input.sub, button, a.button {font-size:1.4em;/*text-shadow: 1px 1px 1px #333;*/} a.button {text-decoration:none;} .js form .mainstation {font-weight:bold;} .js form optgroup option {font-size:0.9em;} /***** legend ***/ legend {font-size:1.45em;font-weight:bold;font-variant:small-caps;} /****inside carte ***/ #carte h4 {font-weight:bold;text-transform:uppercase;} #carte .heading {text-transform:uppercase;font-weight:bold;} #carte .heading p, #carte li.affInfo {font-size:1em;} #carte .arrettrain, #carte .arretbus, #carte .arretcar, #carte .arretmetro , #carte .arrettram, #carte .arretrer, #carte .arretpole, #carte .arretfuni{font-weight:bold;} #carte li.affInfo {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;} .legende {font-style: italic;font-size:0.9em;} .copyright {font-size:0.9em;} /********* tableau res_nw ********************/ table {font-family:Arial, Helvetica, sans-serif;} td, th{font-weight:bold;} td.nc {font-weight:normal;font-size:0.9em;} caption {font-size:1.55em;font-variant:small-caps;} .reseaux caption{font-variant:normal;font-size:1.25em;} td.gare {font-weight:bold;} /*************** Itineraires ***************/ .directions th {font-weight:bold;} fieldset .message {font-weight:normal;} #itiRecherche span {font-weight:bold;} #itiRecherche ul li{font-weight:normal;} p.itiresume {font-size:1.1em;} #itidetails .resume p {font-size:1em;} ul.itiresume li.resume{font-weight:bold;} ul.itiresume li.resume span.critere{font-size:1.1em;} ul.itiresume ul {font-weight:normal;} ul.itiresume ul li {font-size:1.1em;} ul.itiresume ul li span{font-weight:bold;} ul.itiresume ul li.arret {font-size:1.25em;} ul.itiresume ul li.arret p.routier {font-size:0.9em;font-style:italic;font-weight:normal;} #itiOverview ol {font-size:1.1em;} #itiOverview ol li.horaire {font-weight:bold;} #itidetails p {font-size:1.1em;} #itidetails p span{font-weight:bold;} #ul_itidetails ul{font-size:1.1em;} #itidetails #ul_itidetails li.first, #itidetails #ul_itidetails li.last {font-size:1.1em;font-weight:bold;color:#000;} #itidetails #ul_itidetails li.horaire {font-size:1.1em;font-weight:bold;} #itidetails li.arret {font-weight:bold;} #itidetails li.from, #itidetails li.first, #itidetails li.to, #itidetails li.last{font-weight:bold;} #itidetails li.from em, #itidetails li.to em{font-size:1em;} #itidetails table {font-size:1.1em;} #itidetails td {font-weight:normal;} #itidetails .first td, #itidetails .last td {font-weight:bold;} #itidetails td span.horaire {font-weight:bold;} #itidetails td.infos ul {font-size:1em;} /************** Partenaires ******************/ .listegrise li {font-size:1.2em;font-weight:bold;} /************** Pied de carte **************/ #footermap {font-size:1em;} /*** hcard ***/ .contact div.vcard {font-family:"Garamond", Times, serif;font-size:120%;} .contact div.vcard div.org {font-weight:bold;font-size:1.3em;} .contact textarea {font-size:small;} /******** Pied ***********/ #pied {font-size:1.1em;} /********************************************/ /* */ /* Layout */ /* */ /********************************************/ html, body{margin:0;padding:0;} body {min-width:1000px;} #page {margin:0 24px;min-width:970px;padding:0 0 0 16px;} .fixed #page {margin:0 auto;width:970px;} #page_bis {min-width:986px;} .fixed #page_bis {min-width:986px;} #preload {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} div.clear {clear:both;} /********* DEBUG ********/ #debug {margin:0;padding:0;width:970px;color:white;background-color:black;} #debug pre {margin:0;padding:10px;font-size:1.4em;} /********* Liens *******/ a.externe {padding-right:20px;} a.newwindow {padding-right:14px;} div a.toup, div a.todown {float:right;height:21px;width:25px;position:relative;outline:0;} div a.toup:hover, div a.todown:hover {background-position:-25px 0;} /********* Spans *******/ span.infos {float:left;clear:right;margin:0.25em 0 0 0.25em;} span.acces {display:none;} /********* Listes *******/ .inline li {display:inline;margin-right:0.75em;} .sous li{margin:0.5em 0;} /********* Images *******/ img.infoimg {float:right;width:15px;height:15px;} img.infoimg:hover { filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75; } /********* Tables *******/ table {width:90%;margin-left:auto;margin-right:auto;padding:0;} td, th {padding:5px;text-align:center;} td.left {text-align:left;float:none;} caption {padding:5px;text-align:left;width:90%;margin:10px auto;} /********* Formulaires *******/ form em.error {padding:5px 0 5px 25px;} /********* Legend *******/ legend {padding:2pt 7px;} /********* Form *******/ form {padding:0 5px 5px 0;} form p.ok {text-align:right;/*padding-right:2.2em;*/} /********* Fieldsets *******/ fieldset {padding:5px 0;margin-bottom:20px;} fieldset p {margin:0.75em 0 3px;padding:0 5px;} fieldset p.ville_container {/*float:left;width:160px;*/} fieldset p.cp_container {/*float:right;width:80px;*/} fieldset p.lieu_container {padding:1em 5px 0 5px;/*clear:both;*/} fieldset p.frm_choix {margin:10px 0 5px;} fieldset p.type_recherche {margin:0 0 10px 5px;font-size:0.9em;} fieldset p.note {text-align:justify;padding-bottom:5px;text-indent:25px;} fieldset .preciser {margin:1em 0;padding:0 0 0 10px;} fieldset em.warning, fieldset em.ok {padding-left:18px;} fieldset .message {margin:0.5em 10px 1em;} fieldset h3 {margin:0 0 5px 5px;padding:0 0 0 25px;} /********* Labels *******/ label {/*float:left;*/margin:0;padding:0;} #menugauche #form_iti .type_recherche label, #menugauche #form_map .type_recherche label {font-weight:bold;margin:0;line-height:32px;} .js fieldset p.ville_container label, .js fieldset p.lieu_container label, .js fieldset p.intitule label{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} fieldset p.cp_container {float:right;width:80px;} /********* Inputs *******/ input {width:265px;padding:1px 2px 2px;} #page input.sub, #page button {width:auto;padding:0.3em 0.5em;float:none;margin:0;} #page button.add_favorite {float:right;} #page a.button {padding:0.3em 0.5em;} #page a.left img {margin-right:5px;} #page a.right img {margin-left:5px;} form .type_recherche input, form .options input {width:auto;height:auto;margin:0 2px 0 0;vertical-align:text-bottom;} /********* Selects *******/ #menugauche /*#form_iti*/ select, #menugauche /*#form_map*/ select {width:96%;} #menugauche #form_iti .type_recherche select, #menugauche #form_map .type_recherche select {/*border:1px solid #2DB455;background:none;*/padding:0;width:165px;font-weight:bold;font-size:1.05em;} /********* Classes *******/ .left {float:left;} .right {float:right;} .center {text-align:center;} .top {padding:0.5em 0.5em 0.5em 0;} /******* Errors & Messages *******/ div .error, div .message {font-weight:bold;margin:0 0 5px;padding:4px 5px 4px 60px;text-align:left;min-height:40px;} #page div .error ul, #page div .message ul {margin:0;padding:0;list-style-type:square;list-style-position:outside;} /*************** Site en Maintenance ***************/ #maintain {text-align:center;} /******* Chargement ********/ #chargement, #rechercheiti {position:absolute;width:150px;height:30px;z-index:200;} #rechercheiti {left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} #rechercheiti.active {width:500px;height:50px;} #chargement.en {} #chargement.de {} /************ Titre ****************/ #titre {padding-left:1em;} #titre h1 {margin:0;margin-left:9em;padding:0;} /************** Locale ******************/ #locale {float:right;margin:1.5em 0.5em 0 0;text-align:right;} #locale.right a {font-family:Arial,"Lucida Grande",Tahoma,sans-serif;display:inline;background:none;text-decoration:underline;color:#CCFF9E;padding:0;} #locale.right a.cont {font-size:1em;font-weight:bold;margin-left:1.5em;letter-spacing:normal;} #locale.right a.cont:hover {color:#CCFF9E;text-decoration:none;} #locale.right img {margin-right:0.3em;} /******* Barre Dessus **********/ #header-region {height:24px;margin:0 40px;} .fixed #header-region {margin:0 auto;width:970px;padding:0 0 0 16px;} #liens-evitement {float:left;margin:0 0 0 103px;list-style:none;} #liens-evitement li {display:inline;margin-right:15px;} #liens-evitement li a {color:#fff;line-height:24px;} #secondary-menu {float:right;margin:0 0 0 103px;list-style:none;} #secondary-menu li {display:inline;margin-right:5px;} #secondary-menu li a {color:#fff;line-height:24px;} /******* Entete **********/ #entete {position:relative;margin:0 -20px;padding:0 0 0 20px;height:141px;} #entete h1 {width:970px;height:141px;margin:0;padding:0;} #entete span {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} #entete h2 {position:absolute;margin:0;padding:0;letter-spacing:-0.01em;top:48px;margin-left:15px;} #entete img.right {margin-right:1em;} #entete div.right {margin-right:0.5em;} #entete div.right img {margin-right:0.3em;} #entete div.right a.cont {margin-left:1.5em;} #entete .ailleurs {font-size:0px;text-decoration:none;text-indent:-5000px;line-height:1px;} /*#entete #home {display:block;height:90px;left:82px;position:relative;top:-105px;width:328px;}*/ #entete #home {display:block;height:90px;left:100px;position:absolute;top:38px;width:328px;} /*************** Onglets ********************/ #onglet {text-align:left;line-height:normal;/*float:left;*/height:39px;width:692px;} #onglet ul {position:absolute;margin:0;padding:0;min-width:692px;} #onglet li {float: left;padding:0;margin:0;text-indent:15px;} #onglet li a {display: block;height:39px;line-height:39px;font-size:1px;} #onglet li a span {position:absolute;left:-5000px;} #onglet ul #ongAcc a {width:90px;} #onglet ul #ongIti a {width:121px;} #onglet ul #ongHor a {width:105px;} #onglet ul #ongMap a {width:88px;} #onglet ul #ongPar a {width:128px;} #onglet ul #ongCont a {width:159px;} .noimage #onglet li a {font-size:1.4em;} .noimage #onglet li a span {position:static;} /***** Partie gauche *******/ #menugauche {float:left;width:304px;margin:0;padding:0 4px 0 0;clear:left;} #menugauche form {position:relative;} #menugauche ul {margin: 0 0 2.5em;padding: 0;list-style:none;} #menugauche h2 {margin:0;padding:10px 7px 10px 30px;} #menugauche iframe {margin-bottom:0.75em;} #menugauche.scrollbar {/*overflow:auto;*/} #menugauche.txt {width:230px;} #menugauche .bloc {margin:0 0 2em 0;} #menugauche .sousonglet {top:10em;} #menugauche .note {padding-bottom:5px;padding-left:7px;margin:1em 0;} #menugauche img.errorimg {float:none;margin-left:3px;vertical-align:middle;} #menugauche #res {margin:0 0 0.5em;padding:2px 0 12px;} .home #menugauche {width:275px;} #menugauche p.instructions {padding-left:10px;} /***** Jquery UI Accordion Override ****/ #menugauche ul.ui-widget, #menugauche .ui-widget input, #menugauche .ui-widget select, #menugauche .ui-widget textarea, #menugauche .ui-widget button {font-family:Verdana,"Lucida Grande",Arial,Tahoma,sans-serif;} #menugauche .ui-widget button {font-size:1.4em;} #menugauche ul.ui-widget {font-size:1em;} #menugauche .ui-helper-reset {line-height:1.4;} #menugauche h2.ui-state-active { background:url("../images/bg-button.png") repeat-x scroll left center #C7EBA7; border:1px solid #669C76;border-bottom:none; font-weight:bold; padding-left:30px; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; border-bottom-left-radius:0;border-bottom-right-radius:0; } #menugauche h2.ui-state-default { background:url("../images/bg-button.png") repeat-x scroll left center #2DB455; border:1px solid #669C76; font-weight:bold; padding-left:30px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #menugauche form.ui-widget-content {background:none; border:1px solid #669C76;border-top:none; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0; border-top-left-radius:0;border-top-right-radius:0;} #menugauche .ui-accordion .ui-accordion-li-fix {display:block;} #menugauche .ui-accordion form.ui-accordion-content {padding:0;} #menugauche .ui-accordion .ui-accordion-header .ui-icon {left:0.25em;} /***** Partie droite *******/ #menudroite {float:right;width:226px;margin:-39px 16px 0 0;padding:0;clear:none;position:relative;} #menudroite div {margin:0 9px 1.5em;} #menudroite #allomotilib {margin:0;font-family:Verdana, Geneva, sans-serif;font-size:1.1em;color:#2aa552;background-color:#fff;padding:10px 0;} #menudroite #allomotilib p {margin:0;} #menudroite #allomotilib p.footnote {text-transform:uppercase;margin-bottom:5px;text-indent:40px;font-size:0.7em;} #menudroite h2 {margin:0 0 0 -0.5em;padding:10px 7px 10px 30px;} #menudroite ul {margin:0;padding:0 1em 0.5em;border:medium none;list-style:none;} #menudroite ul.menu {margin:0.35em 0 0;padding:0;list-style-image:none;list-style-position:outside;list-style-type:none;} #menudroite ul.menu li {background:transparent url(http://www.motilib.fr/cms-fc/themes/motilib/images/menu-leaf.gif) no-repeat scroll 1px 0.35em;margin:0 0 0 0.5em;padding:0 0 0.2em 1.5em;} #menudroite p.welcome {font-size:1.4em;margin:0 0 0.25em 0.5em;} #menudroite #actualites ul li {border-bottom:1px dotted #CCCCCC;} #menudroite #actualites ul li:last-child {border:none;} #menudroite #actualites p.welcome a:link {text-decoration:underline;} #menudroite #actualites p.welcome a:hover {text-decoration:none;} /***** Partie Centre *******/ #centre {margin:50px 220px 0 305px;padding:0pt 1em 3em;} #centre img{vertical-align:middle;} #centre h2 {margin:1.5em 0 1em 0.97em;padding-left:25px;} #centre p{margin:1em 0.5em;} #centre table {padding:0;} #centre td, .horaires th {padding:3px 5px;} #centre fieldset {margin:0.5em 0;} #centre.partenaires h3 {float:left;margin:0;padding:1em 0;text-align:center;width:190px;} #centre.partenaires div.vcard {float:left;margin:0 0 60px 1.5em;width:200px;} .fixed #centre {margin:20px 230px 0 305px;} /* no direction */ .fixed #page div.no-direction { margin:20px 20px 0 10px; } .fixed #page .partenaires {margin:35px 242px 0 305px;} .fixed #page .texte, .fixed #page .contact, .fixed #page .horaires, .fixed #page .favorite {margin:10px 242px 0 10px;} .fixed #page .maintain {text-align:center;margin:10px 10px 0;height:500px;} .fixed #page .maintain h2 {margin:1.5em 0 0.5em;background:none;font-family:Georgia,"Times New Roman",Times,serif;font-size:2.4em;font-weight:bold;text-shadow:1px 1px 2px #BBBBBB;} .fixed #page .horaires {padding:0 1em 3em;} .fixed #page .directions {margin:10px 26px 0 10px;} /******* Accueil ***********/ #acc_plan #search_iti_options h3, #acc_plan fieldset.options p {/*display:none;*/} #acc_plan /*#search_iti_options*/ fieldset.options #date_picker {display:block;} #acc_plan form p.hor_acc {text-align:center;} #acc_plan form p.hor_acc input {margin:5px 0.5em 0 1.9em;} #acc_plan #form_hor #ok_hor_arr, #acc_plan #form_hor #ok_hor_dep {float:none;width:auto;} #acc_plan #acc_iti, #acc_plan #form_hor {/*width:325px;*/} #acc_plan label {/*width:22%;text-align: right;*/} #acc_plan .type_recherche label, #cetp .type_recherche label{display:inline;margin-right:0.5em;float:none;} .home #acc_plan #acc_iti, .home #acc_plan #form_hor {width:auto;} .home input {width:180px;} #acc_plan select {text-indent: 0;margin: 0;padding: 0 2px;z-index:100;width:150px;} #acc_plan #form_hor input.sub {padding:0 0 2px;} #acc_plan #form_iti fieldset.advanced {display:none;} fieldset#acc_search_map, fieldset#acc_search_nw {padding-bottom:12px;} fieldset#acc_search_map {height:auto;min-height:220px;} #homemap {display:block;width:373px; margin:0 1.5em;} /* no direction */ .fixed #page div.no-direction #homemap { margin: 20px auto; } /* construct */ div .construct { font-size: 1.6em; margin: 0 auto; text-align: center; width: 600px; } div .construct #allomotilib {font-family:Verdana, Geneva, sans-serif;margin: 0 auto; text-align: left; width: 230px;} div .construct #allomotilib p {color:#2aa552;font-size:12px;margin:0;} div .construct #allomotilib p.footnote {text-transform:uppercase;margin-bottom:5px;text-indent:40px;font-size:8px;} /******** Connexion Utilisateur ********/ #connect form {padding:5px;} #connect input {width:190px;} #connect #edit-submit {float:right;} #connect #create_account {display:block;width:192px;height:52px;padding:0;} #connect h3 {margin-left:0.25em;} /******** Favoris Utilisateur ********/ #menugauche p.favoris {margin:1.5em 0 0.5em;} #menugauche .favoris select {margin:0;width:265px;} #page .favorite form {width:600px;margin:0 auto;padding:5px 15px 5px 5px;} #page .favorite p.description, #page .favorite p.message {margin:1em auto;width:600px;font-size:1.25em;} .favorite form .intitule input {font-size:1.2em;color:#622180;} .favorite form .intitule em {display:block;} /*************** Recherche Itineraires ***************/ .directions h3 {float:left;} .directions table {width:100%;border-collapse:separate; border-spacing: 10px 15px;clear:both;} .directions table ul {list-style:none;margin:0;padding:0;} .directions td.datetime {text-align:left;} .directions td, .directions th {font-size:1.2em;border:none;} .directions td a {font-size:0.8em;} .directions #itiRetour h2.collapsible {margin:0;} #centre.directions #itiLinks, #itidetails #itiLinks {list-style:none;margin:0;text-align:right;padding:0 5px 0 0;} #centre.directions #itiLinks {float:right;height:27px;} #centre.directions #itiLinks li, #itidetails #itiLinks li{display:inline;margin-left:5px;} #centre.directions #itiLinks a, #itidetails #itiLinks a {padding:5px;} /*#form_iti fieldset input.itineraire {background-color:transparent;border:medium none;font-weight:bold;padding:0 0 0 30px;}*/ #form_iti fieldset.iti img {float:left;margin-left:5px;} #page form fieldset p img.reset {float:none;margin-left:2px;vertical-align:middle;cursor:pointer;} #form_iti fieldset.options img {float:none;display:block;margin-left:5px;margin-bottom:2px;} #form_iti fieldset .iti_options {/*margin:0;padding:0;*/} /*#form_iti fieldset.options {padding-bottom:0;margin-bottom:0;}*/ #form_iti fieldset.options p {margin:0.5em 0 1.5em;} #form_iti fieldset.options p.advanced {font-size:1.15em;margin:0.5em 0 0.5em 10px;} /*#form_iti fieldset p#options_modes {margin-top:5px;}*/ #form_iti fieldset ul.boxes {margin:5px 0;padding:0 5px;clear:both;} #form_iti fieldset.options ul.brother {padding:10px 5px;} #form_iti fieldset ul.boxes li {float:left;display:inline;width:33%;margin:5px 0 0;} #form_iti fieldset ul.boxes li.allowtext {width:38%;} #form_iti fieldset ul.boxes li.allowbox {width:30%;} #form_iti fieldset ul.boxes input{display:inline;margin:0 2px 0 5px;} #form_iti fieldset ul.boxes label{display:inline;margin-right:0.15em;float:none;} #form_iti fieldset.options h3 {/*margin-left:5px;margin-right:5px;*/} #form_iti fieldset.options p input{display:inline;margin:5px 2px 0 5px;} #form_iti fieldset.options p input.first{margin-left:0;} #form_iti fieldset.options .choixHeure {border:1px solid #669C76; margin-bottom:1em;} #form_iti fieldset.options .choixHeure {border:none;} #form_iti fieldset/*#search_iti_options*/ #date_picker, #form_iti fieldset/*#search_iti_options*/ #time_picker {margin:0.75em 0 0.5em 10px;clear:both;} #form_iti fieldset.options #jourdep, #form_iti fieldset.options #heuredep {font-weight:bold;float:none;color:#025A25;border:none;} #form_iti .options #dateField {/*float:left;*/text-align:center;} #form_iti .options #date_picker img {display:inline;} #form_iti fieldset.options label {float:none;width:auto;padding:0;} #form_iti #options_depart label {margin:0pt 1.5em 0pt 0pt;} #form_iti fieldset.options p label{display:inline;margin-right:0.15em;float:none;} #form_iti img.details {position:relative;left:250px;} .js #form_iti .preciser p {color:#005A1B;font-size:1.2em;font-weight:bold;} .js #form_iti .preciser ul {margin:0;padding:0;list-style:none;} .js #form_iti .preciser h3, .js #form_iti .preciser h4 {margin:0;padding:0;cursor:pointer;font-size:1.2em;} .js #form_iti .preciser h3, .js #form_iti .preciser h4 {padding-left:15px;background:#fff url(../images/collapsed.gif) no-repeat center left;font-size:1.2em;} .js #form_iti .preciser h3.show, .js #form_iti .preciser h4.show {padding-left:15px;background:#fff url(../images/expanded.gif) no-repeat center left;} .js #form_iti .preciser h4 {margin-left:1em;/*display:none;*/} .js #form_iti .preciser li {margin:0 1em;padding:0;} .js #form_iti .preciser ul ul {display:none;} .js #form_iti .preciser ul ul.show {display:block;} .js #form_iti .preciser li li {margin-left:2em;} .js #form_iti input.remotable {width:180px;} .js .home #form_iti input.remotable {width:150px;} .js #form_iti img.find {float:none;vertical-align:middle;border:1px solid #fff;padding:2px;} .js #form_iti img.find:hover {border:1px solid #878787;} .js #form_iti img.hide {display:none;} .js #form_iti fieldset#/*search_iti_options*/ #date_picker, .js #form_iti fieldset/*#search_iti_options*/ #time_picker {display:none;} .js #form_iti fieldset/*search_iti_options*/ #date_picker.show, .js #form_iti fieldset/*search_iti_options*/ #time_picker.show {display:block;} /*************** Feuille de route Itineraires ***************/ #itidetails {padding:5px 0 0;} #itidetails div {margin-bottom:1em;} #itidetails div.clear {margin-bottom:0;} #itidetails table {width:100%;} #itidetails .detail table {position:relative;top:-24px;} #itidetails tr.tad { font-style:italic;font-size:0.8em;} #itidetails td {text-align:right;width:45px;padding:0 5px;vertical-align:middle;} #itidetails tr.nomode td {padding-left:37px;} #itidetails td.parcours, #itidetails td.infos {padding-left:55px;text-align:left;width:205px;} #itidetails td.infos {width:auto;} #itidetails td.infos ul{list-style-type:none;margin:0 0 0 2em;} #itidetails td span.horaire {padding:0 2px;} #itidetails .first td, #itidetails .last td {padding-left:0;} #itidetails .resume {margin:0;} #itidetails .resume p {text-align:center;margin:0 auto;padding:0.25em 0;height:25px;line-height:25px;} #itidetails .resume p.modes {height:32px;line-height:32px;} #itidetails .resume span {display:inline-block;padding:0 5px 0 24px;} #itidetails .resume #duration {background:#e3e3e3 url(../images/duree.png) no-repeat;} #itidetails .resume #connexions {background:#e3e3e3 url(../images/connexions.png) no-repeat;} #itidetails .resume #walk {background:#e3e3e3 url(../images/pieton-resume.png) no-repeat;} #itidetails li.from, #itidetails li.first, #itidetails li.to, #itidetails li.last{margin-bottom:0.25em;/*line-height:20px;/*margin-left:30px;*/} #itidetails li.from span.horaire, #itidetails li.first span.horaire, #itidetails li.to span.horaire, #itidetails li.last span.horaire {padding:2px;} #itidetails #itiActions {position:absolute;text-align:right;} .js #itidetails #itiActions {display:none;} #itidetails #itiActions a:link, #itiActions a:visited{margin-right:1em;padding:0.2em 0;} #itidetails #itiOverview {margin-bottom:0;clear:both;} #itidetails #itiOverview ul {margin:0;padding:0;list-style-type:none;} #itidetails #itiOverview ul li{display:inline-block;padding-bottom:0;vertical-align:top;width:93px;height:65px;line-height:normal;} #itidetails #itiOverview ul li a {color:white;} #itidetails #itiOverview ul li span {float:left;font-size:1.2em;font-weight:bold;padding:10px 0 0 4px;height:14px;line-height:1em;} #itidetails #itiOverview ul li span.time, #itidetails #itiOverview ul li span.place {font-size:1em;font-weight:normal;} #itidetails #itiOverview ul li span.time, #itidetails #itiOverview ul li span.city {padding-top:2px;} #itidetails #itiOverview ul li span.place {padding-top:4px;} #itidetails #itiOverview ul li.horaire {/*margin-bottom:0.5em;*/width:57px;} #itidetails #ul_itidetails {clear:both;margin:0;padding:0;} #itidetails #ul_itidetails ol {margin:0 0 5px .5em;padding:0;} #itidetails #ul_itidetails li {list-style-type:none;} #itidetails #ul_itidetails li.detail {margin-bottom:-16px;} #itidetails #ul_itidetails li.pieton, #itidetails #ul_itidetails li.auto {margin-bottom:-10px;} #itidetails #ul_itidetails li.first {margin-left:0;} #itidetails #ul_itidetails li.first, #itidetails #ul_itidetails li.last{/*float:left;padding-bottom:0em;*/} #itidetails #ul_itidetails li.horaire {float:left;width:45px;text-align:center;list-style-type:none;line-height:20px;padding-left:0;} #itidetails #ul_itidetails li img {margin-left:21px;position:relative;z-index:10;} #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 li{padding-left:0;padding-top:0;} #itidetails #ul_itidetails li table img.pmr {margin:2px 5px 0;} /*#itidetails #itiLinks li {display:inline;padding-right:5px;}*/ #itidetails #itiLinks #itiRetour {font-size:0.9em;margin:0;padding:5px 0 0;} #itiRetour #form_iti {padding:0 0 5px;} #itiRetour h2.collapsible {display:inline-block;height:27px;width:67px;padding:5px;background:none;} #itiRetour a.collapsible {font-size:1em;padding:5px;display:inline-block;} #itiRetour #form_iti fieldset {margin:0;text-align:left;} #itiRetour #form_iti fieldset p.options {margin:0;} #itiRetour button {float:right;font-size:1.1em;margin:0 0 0 5px;} #itiRetour .options label {float:none;width:auto;display:inline;padding:0;color:#025A25;font-weight:bold;} #itiRetour .options input {display:inline;margin:5px 2px 0 5px;} #itiRetour .options input.first {margin-left:0;} #itiRetour .options img {float:none;display:inline;margin-bottom:2px;margin-left:5px;} .js #itiRetour #form_iti {display:none;width:300px;} .js #itiRetour h2.collapsible {cursor:pointer;} .js #itidetails {float:left;} .js #itidetails tr.hide {display:none;} .js #itidetails #ul_itidetails {overflow:auto;} .js #itidetails #roadmapActions {float:left;margin:7px 0 0;padding:0;list-style-type:none;} .js #itidetails #roadmapActions li {display:inline-block;padding:1px 4px;margin:0;} .js #ul_itidetails .detail tr.collapsed, .js #ul_itidetails .detail tr.expanded {padding:2px 0;} /************ Mail to ****************/ div.ui-widget-content {background:#F4AE8E;} #sendMailTo form {border:none;padding:5px;} #sendMailTo fieldset {padding:5px;-moz-border-radius: .375em; -webkit-border-radius: .375em; border-radius: .375em;} #sendMailTo label {display:block;padding:1px 2px 2px;} #sendMailTo input, #sendMailTo textarea {display:block;width:245px;} #sendMailTo .extra {text-align:right;font-size:0.8em;font-weight:normal;color:#767676;padding:0 1em 0 0;font-style:italic;} #sendMailTo .extra input, #sendMailTo .extra label {width:auto;display:inline;} #sendMailTo .extra label {float:none;color:#666;} #sendMailTo em.error {color:red;} #sendMailTo span.required {font-size:0.8em;} /*************** Session expiree ***************/ #expired h2 {margin-left:10px;} #expired .error {margin:1.5em 10px 0 10px;padding:5px;} /************ Horaires ****************/ #form_hor {margin:0 auto;padding:0 0 10px;clear:left;} #form_hor button {margin:0 0 0 130px;} #form_hor #next10 {margin-left:0;} .horaires {margin:10px 220px 0 10px;padding:0pt 1em 3em;} .horaires img{vertical-align:middle;} .horaires h1{margin-bottom:1em;margin-top:0.5em;} #centre.horaires h2{margin:1.5em 0 0.5em 35px;} .horaires fieldset h3 {font-size:1.6em;} #form_hor .radio input {width:auto;} #centre.horaires caption{padding:0;} #centre.horaires p{margin:.5em 35px;} #centre.horaires p.ok {width:600px;margin:0.5em auto;} #centre.horaires table {padding:0;} #centre.horaires td, .horaires th {padding:3px 5px;} #centre.horaires table div.gares {text-align:left;display:none;} #centre.horaires table div.show {display:block;} #form_hor input.othertimes {width:auto;padding:0;text-decoration:underline;} #form_hor input.othertimes:hover {text-decoration:none;} #form_hor label {display:inline;padding:0;} #form_hor .ville_container label, #form_hor .lieu_container label {display:block;} #form_hor select {padding:1px 2px 2px;font-weight:bold;} #form_hor select#preciserHor {width:auto;} #centre.horaires form.next {border:none;} #form_hor fieldset {width:600px;margin:0 auto;padding:0.5em 0;} #form_hor .radio {float:left;} .horaires ol {margin:0.5em auto;width:600px;list-style:none;} .horaires ol li {float:left;width:200px;height:71px;font-size:2.5em;font-weight:bold;line-height:2.5em;text-indent:10px;} .horaires ol li span {font-size:0.8em;} #centre.horaires fieldset p.done {padding-left:20px;margin:0 35px;} .horaires p.done label {font-weight:bold;font-size:1.2em;color:#868686;} #form_hor .station label {display:block;} .horaires #reseaucommune {list-style:none;margin:0;padding:0 15px;} .horaires #reseaucommune label {width:260px;} .horaires #reseaucommune select {width:260px;} .horaires #reseaucommune li {float:left;width:260px;} .horaires #reseaucommune li.or {width:50px;text-align:center;font-weight:bold;} .horaires .gares ol {margin:0;width:auto;} .horaires .gares ol li {float:none;color:#622180;background:none;width:auto;height:auto;font-size:1.25em;font-weight:normal;line-height:1.25em;text-indent:0;} /************** Partenaires ******************/ #menugauche #partenaires {margin-top:1.5em;} .listegrise li {height:25px;padding-left:10px;display:table;width:180px;line-height:normal;} #partenaires li {padding-left:37px;width:265px;height:35px;} .listegrise li a {display:table-cell;height:25px;padding:0 8px;vertical-align:middle;border-bottom:1px solid #fff;} #partenaires li a {height:35px;} /************** Desserte multimodale ******************/ fieldset#search_nw {padding-bottom:2px;} #multimode {margin:0 0 2.5em;padding:0;} #multimode h2 {margin-left:7px;} #multimode h2.urbain{margin-top:0;} #multimode h2.gare{padding-top:10px;} #multimode #res h2, #cetp #res h2 {margin:0;padding:0 0 0 7px;} #multimode p {margin:0 0 1em 7px;padding:3px;} #multimode p.coord {margin:0 0 0 7px;} #multimode #res p {margin-bottom:0.2em;} #multimode p.typeTrain {text-align:justify; margin-bottom:.5em;} #multimode ul.sous {margin:0 0 20px 30px;padding-left:0;} #multimode ul.sous li{margin:0.2em 0pt 0.2em 15px;} #multimode .org {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} #multimode #multi_top {width:325px;padding-top:12px;} #multimode #multi_bot {margin:0;padding:0 15px 12px 0;} /************** Cartes et Plans ******************/ #cetp {margin: 0 0 2.5em;padding: 0;background-color:#F4AE8E ;} #cetp.results {padding:0 5px 5px 0;} #cetp ol li {margin:0.5em 0;} #cetp select {text-indent: 0;margin:0 0 0 15px;padding:2px;z-index:100;width:260px;} #cetp .fieldnotset {padding:5px 0;margin:0 0 20px 0;background-color:#fad7c7;border:1px solid #fad7c7;-moz-border-radius: .375em; -webkit-border-radius: .375em; border-radius: .375em;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;} #cetp .fieldnotset h3 {margin:0 0 5px 5px;padding:0 0 0 15px;color:#622180;background:transparent url(../images/puce-blanche.png) no-repeat left center;font-size:1.4em;font-weight:bold;} #cetp .fieldnotset ul {padding:0 5px 0 25px;} #cetp .fieldnotset ul .selected {font-size:1.5em;font-weight:bold;margin-left:-20px;} #cetp .fieldnotset ul .selected a {padding-left:20px;background:transparent url(../images/accept.png) no-repeat center left;} #cetp .fieldnotset p {margin:0.75em 0 3px;padding:0 5px;} #cetp .fieldnotset p.frm_choix {margin:10px 0 5px;} /********* Réseaux ********************/ .reseaux caption{padding-left:20px;} .reseaux td ul {padding-left:15px;} /******* Texte ***********/ #page .texte h3, #page .texte ul, #page .texte p, #page .texte div.vcard {margin-left:2em;} #page .texte ul {padding-left:15px;list-style-position:inside;} #page .texte h4 {margin-left:3.5em;} /************** Autosuggest **************/ form div.suggestions {position: absolute;z-index:10;} form div.suggestions div {padding: 2px 3px;} /***** Treeview *****/ #modchk {width:140px;padding:0;margin:0 0 2px 0;} #frmchk {margin:0 0 5px 0;padding:0;} #modchk h3, #modchk p{margin:0;padding:0;} #modchk h3 {height:21px;line-height:21px;padding-left:5px;} #modchk p {line-height: 1em;margin:0 5px;} #modchk p.trans {padding-left:5px;} #modchk a.down, #modchk a.up {display:block;height:10px;width:106px;} #modchk p.collapsible img {position:static;width:11px;height:11px;margin-top:3px;margin-right:2px;} #modchk p.level1 {display:none;text-indent:20px;} #modchk .fort label {font-weight:bold;color:#000000;} #modchk input{ /*checkboxes*/width:11px;height:11px;margin-right:5px;} #modchk label {display:inline;float:none;padding-right:5px;} /***** DatePicker ******/ .options #dateField {margin-left:0.5em;} fieldset img.ui-datepicker-trigger {cursor:pointer;margin:0 0.5em;vertical-align:bottom;} #departH, #departM {display:inline;width:1.5em;text-align:center;margin:0 5px;} /***** Carte ******/ #contCarte {position:absolute;} #p_center {display:none;} .divinfo {z-index: 100;text-indent: 0;bottom: 100%;margin: 0;padding: 0;position:absolute;} .divinfo p{margin:0;} #carte {position:absolute;padding:0;margin:0;border:none;z-index:5;} #carte img.drag {z-index:5;vertical-align:bottom;} #carte .listinfo {position:absolute;} #carte img.dispinfo {position:absolute;z-index:0;cursor:pointer;visibility:hidden;} #carte .bulle {position:absolute;padding:10px 0 0;margin-bottom:36px;width:185px;height:auto;} #carte div.bulle_gh, #carte div.bulle_dh {padding:36px 0 0;margin-bottom:15px;} #carte h4 {padding:0;margin:0;} #carte .bulle_gb, #carte .bulle_db {height:36px;clear:both;} #carte .bulle_bottom {height:15px;clear:both;} #carte .bulle p, #carte .bulle h4, #carte .bulle ul{padding:0 5px 0 10px;} #carte .bulle ul {width:185px;padding:0 5px;margin:0;} #carte .bulle p.postal-code {display:none;} .divinfo ul{float:left;margin:0;padding:0;min-width:140px;} .divinfo .action-list {font-weight:normal;list-style:none;text-align:center;text-transform:none;margin-top:5px;padding-top:5px;} .divinfo .action-list li {float:left;display:inline-block;width:100px;} #carte .heading {position:absolute;visibility:visible;width:200px;height:auto;} #carte .infobox {position:absolute;width:200px;height:auto;visibility:hidden;} #carte .heading p {text-align:center;padding-right:15px;min-width:71px;} #carte .arrettrain {padding:2px 4px;} #carte .arretavion {padding:2px 4px;} #carte .arretbateau {padding:2px 4px;} #carte .arretbus {padding:2px 4px;} #carte .arretcar {padding:2px 4px;} #carte .arretmetro {padding:2px 4px;} #carte .arrettram {padding:2px 4px;} #carte .arretpole {padding:2px 4px;} #carte .arretrer {padding:2px 4px;} #carte .arretfuni {padding:2px 4px;} #carte li.affInfo {margin:0;padding:2px;text-align:center;padding-left:15px;min-height:15px;list-style-type:none;cursor:pointer;/*width:81px;*/} #carte li.train {cursor:default;} #carte p.copyright {text-align:right;padding:0;margin:0;} #carte .legende {margin: 0;padding: 0 1em 0 1em;} #t_tableau {position:absolute;z-index:10;overflow:hidden;} #legende {text-align:center;} .adm, .eco, .edu, .san, .spo, .cul, .tra, .tou {padding:2px 4px;width:190px;} #carte li.open, #carte li.coord, #carte li.tel, #carte li.web {text-align:left;width:200px;} /*#carte li.open_adm, #carte li.open_eco, #carte li.open_edu, #carte li.open_san, #carte li.open_spo, #carte li.open_cul, #carte li.open_tra, #carte li.open_tou {padding-left:5px;width:81px;} #carte li.coord_adm, #carte li.coord_eco, #carte li.coord_edu, #carte li.coord_san, #carte li.coord_spo, #carte li.coord_cul, #carte li.coord_tra, #carte li.coord_tou {padding-left:5px;width:81px;}*/ /*************** Niveaux ***************/ #zoomSelect {position:absolute;width:23px;height:208px;padding:0px;margin:0px;z-index:600;} #zoomSelect li, #zoomSelect a {width:23px;height: 13px;display: block;} #zoomSelect #moins , #zoomSelect #moins a, #zoomSelect #plus , #zoomSelect #plus a{height:29px;} #zoomSelect li { position: absolute;} #zoomSelect a:focus {outline:0;} #zoomSelect #plus {top:21px; left:0;background-position:0 -5px;} #zoomSelect #nivA {top:50px; background-position:0 -29px;} #zoomSelect #nivB {top:63px; background-position:0 -42px;} #zoomSelect #nivC {top:76px; background-position:0 -55px;} #zoomSelect #nivD {top:89px; background-position:0 -68px;} #zoomSelect #nivE {top:102px; background-position:0 -81px;} #zoomSelect #nivF {top:115px; background-position:0 -94px;} #zoomSelect #nivG {top:128px; background-position:0 -107px;} #zoomSelect #nivH {top:141px; background-position:0 -120px;} #zoomSelect #nivI {top:154px; background-position:0 -133px;} #zoomSelect #nivJ {top:167px; background-position:0 -146px;} #zoomSelect #moins {top:180px;left:0; background-position:0 -159px;} #zoomSelect #deroulNiv {top:0px;left:-1px; height:21px;width:25px;} #zoomSelect #deroulNiv a {height:21px;width:25px;} #zoomSelect #plus a:hover { background: url(../images/echelle-site.png) -23px 0 no-repeat;} #zoomSelect #nivA a:hover, #zoomSelect #nivA.onit a { background: url(../images/echelle-site.png) -23px -29px no-repeat;} #zoomSelect #nivB a:hover, #zoomSelect #nivB.onit a { background: url(../images/echelle-site.png) -23px -42px no-repeat;} #zoomSelect #nivC a:hover, #zoomSelect #nivC.onit a { background: url(../images/echelle-site.png) -23px -55px no-repeat;} #zoomSelect #nivD a:hover, #zoomSelect #nivD.onit a { background: url(../images/echelle-site.png) -23px -68px no-repeat;} #zoomSelect #nivE a:hover, #zoomSelect #nivE.onit a { background: url(../images/echelle-site.png) -23px -81px no-repeat;} #zoomSelect #nivF a:hover, #zoomSelect #nivF.onit a { background: url(../images/echelle-site.png) -23px -94px no-repeat;} #zoomSelect #nivG a:hover, #zoomSelect #nivG.onit a { background: url(../images/echelle-site.png) -23px -107px no-repeat;} #zoomSelect #nivH a:hover, #zoomSelect #nivH.onit a { background: url(../images/echelle-site.png) -23px -120px no-repeat;} #zoomSelect #nivI a:hover, #zoomSelect #nivI.onit a { background: url(../images/echelle-site.png) -23px -133px no-repeat;} #zoomSelect #nivJ a:hover, #zoomSelect #nivJ.onit a { background: url(../images/echelle-site.png) -23px -146px no-repeat;} #zoomSelect #moins a:hover { background: url(../images/echelle-site.png) -23px -159px no-repeat;} /************** Contour carte **************/ #contour div{z-index:550;} #c_GH,#c_GB,#c_DB,#c_DH {width:30px;height:30px;background-position:-10px -10px;} #c_GB {background-position:-10px -70px;} #c_DH {background-position:-40px -10px;} #c_DB {background-position:-40px -70px;} #c_G,#c_D,#c_B,#c_H {position:absolute;width:20px;height:40px;background-position:-80px -10px;} #c_D {background-position:-120px -10px;} #c_B,#c_H {width:40px;height:20px;} #c_H {background-position:-80px -50px;} #c_B {background-position:-80px -90px;} #cont_G,#cont_D,#cont_B,#cont_H {position:absolute;width:13px;height:420px;z-index:0;} #cont_D {} #cont_B,#cont_H {height:13px;width:420px;} #cont_H {} .coin {z-index:500;position:absolute;cursor:pointer;} .coin a{width:100%;height:100%;display:block;} /************** InfosPanel ******************/ #infosPanel {margin:0 0 2.5em;padding:0;} #infosPanel ul {list-style-type:none;padding-left:7px;} #infosPanel .liinfo {cursor:pointer;margin:0.5em 0pt;} #infosPanel table {width:auto;margin:0 0 1em;padding:0;} #infosPanel td, #infosPanel th {padding:3px 5px;} .js #infosPanel .liinfo {padding-left:15px;} .js #infosPanel .liinfo ul {display:none;} .js #infosPanel li.onit ul {display:block;} /***** Mode Switcher ******/ #modeswitcher {position:absolute;width:181px;height:30px;z-index:1000;} /********* Zone de délimitation ***************/ #boundsBox {position:absolute;z-index:10;} /************** Infos Ligne **************/ #infoLigne {margin:0 0 0 11px;padding:5px 0;cursor:default;overflow:hidden;} #infoLigne button {padding:0;border:none;background:none;position:absolute;top:0;right:-2px;cursor:pointer;} #infoLigne ul {margin:0;padding:0;} #infoLigne ul ul.sous{margin:0 0 5px 20px;float:none;overflow: auto;} .js #infoLigne ul ul.sous{display:none;} #carte #infoLigne #infosListe {width:290px;margin:10px 0 0 -11px;padding:0 0 0 11px;height:150px;overflow:auto;} #infosListe li {font-weight:bold;list-style:none;text-align:left;padding:2px 0 2px 5px;} #infosListe li.state-default, #infosListe li.state-active {padding:2px 0;margin:5px;} #infosListe li li{font-weight:normal;font-style:italic;list-style:inside disc;cursor:default;margin:0;} #infosListe li .stops li{float:left;width:100px;} .titreLigne {margin:0;padding-bottom:5px;text-align:center;} /********* Menu Contextuel ********************/ #contextMenu {position:absolute;min-width:110px;width:auto;margin:0;padding:5px;z-index:1000;} #contextMenu p {margin:0.5em 0 0 0;padding-left:22px;height:17px;} /************** Pleine fenêtre **************/ #actionsmap {position:absolute;z-index:520;} #actionsmap .action {display:inline-block;text-decoration:none;width:22px;height:22px;} /************** Pied de carte **************/ #footermap {position:absolute;height:auto;padding:5px 0;z-index:520;} #footermap a.newwindow {margin-right:2em;} #footermap span.scale {position:relative;left:150px;} /******** Formulaire Contact***********/ .contact h2 {background:transparent url(../images/puce-motilib.png) no-repeat left center;padding-left:25px;} .contact label {width:5.5em;padding-right:18px;} .contact textarea {width:50%;height:15em;padding:3px;} .contact textarea.missing {padding:2px;} .contact input.text, .contact input.text {width:50%;padding:3px;} .contact input.submit { height:20px;width:150px;margin:0;} .contact input.missing {padding:2px;} .contact em {margin-left:0.5em;} form .contact em.ok {padding:5px 0 5px 25px;} /*** hcard ***/ .contact div.vcard {height:211px;width:75%;text-align:center;margin-bottom:1em;} .contact div.vcard div.org {padding-top:95px;} .contact div.vcard div.adr {padding-top:55px;} .contact div.vcard div.adr div.street-address {display:inline;} /******** Pied de page **********/ #pied {clear:both;height:58px;left: 0;top:0px;text-align: left;margin:0 0 2px -17px;/*width:1002px;*/padding:0 5px;} /*#pied.fullWidth {position:relative;width:auto;text-align: center;}*/ #pied p {color:#868686;margin:1.5em 30px 0 0;} /********************************************/ /* */ /* Background and Colors */ /* */ /********************************************/ html, body{background-color:transparent;} body {background-color:#e1e1e1;} #page {background:#fff url(../images/page-left.png) no-repeat scroll 0 0;} #page_bis {background:#fff url(../images/page-right.png) no-repeat scroll top right;} #preload{ background-image: url(../images/loading.png); background-image: url(../images/waiting.png); background-image: url(); } /********* Liens *******/ a {color:#0000ff;text-decoration:underline;} a:hover{text-decoration:none;} a.externe{background:url(../images/externe.png) no-repeat center right;} a.newwindow{background:url(../images/newwindow.png) no-repeat center right;} /********* Acronyms *******/ acronym {border-bottom:1px dashed #000;cursor:help;} /********* Spans *******/ span.imp{color:#0000ff;} span.required {color:#767676;} /********* Listes *******/ .sous li{list-style-type:square;} /********* Images *******/ img {border:none;} /********* Tables *******/ table {border-collapse:collapse;} thead, tfoot {background-color:transparent;color:#666;} tbody {background-color:transparent;} td, th{border: 1px solid #C1DAD7;} td.nc {color:#999;} caption {background-color:transparent;border:none;} tr.rowimp {background-color:#F4AE8E;} tr.rowpai {background-color:#FAD7C7;} tr.rowover {background-color:#FFFFCC;} td acronym {border:none;} /********* Formulaires *******/ form {/*border:1px solid #669C76;*/background-color:transparent;} form p.example {color:#666;margin:0 0 6px 22%;} /********* Legend *******/ legend {/*color:#005A1B;*/} /********* Fieldsets *******/ fieldset {background-color:#fad7c7;border:1px solid #fad7c7;-moz-border-radius: .375em; -webkit-border-radius: .375em; border-radius: .375em;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;} fieldset h3 {color:#622180;background:transparent url(../images/puce-motilib.png) no-repeat left center;} fielset p.note {color:#FF0000;background: transparent url(../images/info.png) no-repeat top left;} fieldset .onit a, fieldset .onit a:hover {color:#000;border:1px solid #2BB253;border-bottom:1px solid #FFF9F2;background-color:#fff;cursor:default;} /********* Labels *******/ label {display:block;color:#005A1B;cursor:pointer;} /********* Inputs *******/ #acc_plan input, #acc_plan input.ui-widget-content {color:#000;} input, input.ui-widget-content {border:1px solid #a7a7a7;background:#EAF7EE url(../images/bg-input.png) repeat-x;color:#868686;} input[type=radio], input[type=checkbox] {border:none;background:none;} input:focus {color:#000;border-color:#FFA035;} input.missing {border:2px solid #FF0000;} input.sub, button, #page a.button, .ui-dialog-buttonpane button.ui-state-default {color:#fff;-webkit-border-radius: .35em;-moz-border-radius: .35em; border-radius: .35em;border:2px solid #fff; /*background:#662684 url(../images/bg-input-submit.png) repeat-x;*/ background:#622180 url(../images/bg-button.png) repeat-x left center;} button:hover, a.button:hover, .ui-dialog-buttonpane button.ui-state-default:hover {/*border:2px solid #FFA035;*/background-color:#FFA035;cursor:pointer;} input:focus, select:focus {background-color:#fff;} input[type=radio]:focus, input[type=checkbox]:focus {background:none;} /********* Selects *******/ select {background-color: #eaeaea;border: 1px solid #A7A7A7;} select option.mode {font-weight:bold;text-align:center;border-bottom:1px solid #000;} /********* Classes *******/ .frm_choix {color:#000;} .notel{list-style-image:url(../images/tel.png);} .forlink, .link {border:none;background-color:transparent;} .link, .aLigne {cursor:pointer;} /******* Errors & Messages *******/ div .error, div .message {border:1px solid #FFD61F;border-left:none;border-right:none;background:#FFF7C0 url(../images/error.png) no-repeat 5px center;color:#000;} div .message {background:#BDE5F8 url(../images/message.png) no-repeat 5px center;border-color:#00529B;} /******* Chargement ********/ #chargement.fr {background:transparent url(../images/loading-fr.png) no-repeat top left;border:2px solid #ADADAD;} #chargement.en {background:transparent url(../images/loading-en.png) no-repeat top left;border:2px solid #ADADAD;} #rechercheiti.fr {background:#fff url(../images/waiting-fr.png) no-repeat top left;border:2px solid #ADADAD;} #rechercheiti.en {background:#fff url(../images/waiting-en.png) no-repeat top left;border:2px solid #ADADAD;} #chargement.en {} #chargement.de {} /******* Barre Dessus **********/ #header-region {background:#622180 url(../images/bg-header-region.png) no-repeat top left;} /********* Entete *******/ #entete {background:#e1e1e1 url(../images/header.jpg) no-repeat top left;} #entete h1 {background:transparent url(../images/page-top-shadow.png) repeat-x bottom center;} #entete h1.fr {background:transparent url(../images/page-top-shadow.png) repeat-x bottom center;} #entete h2 {color:#CCFF9E;background:transparent;text-decoration:none;} /*************** Onglets ********************/ #onglet {background:#fff;} #onglet ul {background:transparent url(../images/menu_no_shadow.png) no-repeat;list-style-type: none;} #onglet a {color:#fff;text-decoration: none;} #onglet li.onit a, #onglet li a:hover {background:transparent url(../images/menu_no_shadow.png) no-repeat top left;} #onglet ul #ongAcc.onit a, #onglet ul #ongAcc a:hover {background-position:0px -39px;} #onglet ul #ongIti.onit a, #onglet ul #ongIti a:hover {background-position:-90px -39px;} #onglet ul #ongHor.onit a, #onglet ul #ongHor a:hover {background-position:-211px -39px;} #onglet ul #ongMap.onit a, #onglet ul #ongMap a:hover {background-position:-316px -39px;} #onglet ul #ongPar.onit a, #onglet ul #ongPar a:hover {background-position:-404px -39px;} #onglet ul #ongCont.onit a, #onglet ul #ongCont a:hover {background-position:-532px -39px;} .noimage #onglet ul {background-color:#632381;} .noimage #onglet li:hover{background-color: #ff9e30;color: #fff;} /***** Partie gauche ****/ #menugauche {/*background:transparent url(../images/page-left-shadow.png) repeat-y;*/} #menugauche .sousonglet {border-top:none;} #menugauche #res {border:1px solid #669C76;background:url(../images/liseret.png) no-repeat 0 2em;} #menugauche #res.rec_top {background:url(../images/rec_top.png) no-repeat top left;} #menugauche p.note {color:#000;background-color:#D5F0DD;border:none;border-top:1px solid #669C76;border-bottom:1px solid #669C76;} #menugauche ol {list-style-type:none;} #menugauche h2 {color:#622180;background:transparent url(../images/puce-motilib.png) no-repeat scroll 5px center;} /***** Partie droite ****/ #menudroite {background:#fff url(../images/bg-droite.png) repeat-x;} #menudroite h2 {color:#622180;background:transparent url(../images/puce-motilib.png) no-repeat scroll 5px center;} #menudroite ul{color:#000;background-color:#fff;border:1px solid #E0D3E6;-moz-border-radius: .375em; -webkit-border-radius: .375em; border-radius: .375em;} #menudroite form {background-color:#fff;border:1px solid #E0D3E6;-moz-border-radius: .375em; -webkit-border-radius: .375em; border-radius: .375em;} #menudroite p.welcome a:link, #menudroite p.welcome a:visited {color:mediumblue;} #menudroite p.welcome a:hover {color:mediumblue;text-decoration:underline;} #menudroite a:link, #menudroite a:visited {color:#868686;text-decoration:none;} #menudroite a:hover {text-decoration:underline;} #menudroite a.active {color:#000000;} /***** Partie Centre *******/ #centre, #centre p {color:#000;} #centre h2 {color:#622180;background:transparent url(../images/puce-motilib.png) no-repeat scroll left center;} #centre form {background-color:transparent;} #centre caption {color:#000;} #centre tr {border:none;border-bottom:1px solid #C1DAD7;} #centre tfoot tr {border:none;border-top:1px solid #C1DAD7;} #centre tbody tr:last-child {border:none;} #centre td, .horaires th{border:none;} #centre th{color:#622180;} #centre select {background-color:#EAF7EE;border:1px solid #2DB455;} #centre fieldset {border:1px solid #669C76;} #centre form {border:none;} #centre.partenaires h3 {border:2px solid #E3E3E3;} /******* Accueil ***********/ #acc_plan {background-color:#F4AE8E;} /******** Connexion Utilisateur ********/ #connect #create_account {display:block;width:192px;height:52px;background:none;border:none;overflow:hidden;color:mediumblue;text-decoration:underline;} #connect #create_account img {width:192px;height:104px;} #connect #create_account:hover {border:none;text-decoration:none;} #connect #create_account:hover img {border:none;margin-top:-52px;} /******** Favoris Utilisateur ********/ #page .favorite form {background-color:#F4AE8E;} #page .favorite fieldset { background-color:#fad7c7;border:1px solid #fad7c7;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;} /******** Infos Trafic ********/ #centre #trafic-bus {width:373px;height:74px;background:transparent url(../images/perturbation.png) no-repeat;padding:37px 0 0 95px;width:278px;color:#d5b5e4;font-size:1.2em;} /*************** Itineraires ***************/ .directions table {background:#FFF url(../images/bg-table.png) repeat-x top left;border:1px solid #F9D5C6;-moz-border-radius: .75em; -webkit-border-radius: .75em; border-radius: .75em;} #centre.directions tr {background-color:#e3e3e3;color:#000;} #centre.directions th {color:#fff;background-color:#F4AE8D;-moz-border-radius: .75em; -webkit-border-radius: .75em; border-radius: .75em;} .directions td.datetime {background-color:#C5C6C8} #form_iti {border:none;} .js #form_iti input.selected {color:#000;background-color:#fff;border:none;} #itiRetour h2.collapsible, #itiRetour a.collapsible {background-color:#FAD7C7;-moz-border-radius: .375em; -webkit-border-radius: .375em; border-radius: .375em;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;} #itiRetour fieldset {border:1px solid #fad7c7;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #itiActions a:hover img {filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;} fieldset em.warning, fieldset em.ok {background:#FF9309 url(../images/error.png) no-repeat center left;color:#FFF;border:2px solid #FF0000;} fieldset em.ok {background:transparent url(../images/ok.png) no-repeat center left;} #itiRecherche span {color:white;} #itiRecherche .itidepart {background-color:#00989A;} #itiRecherche .itiarrivee {background-color:#E1001A;} #itiRecherche ul {list-style-type:none;color:white;} ul.itiresume {background:transparent url(../images/iti_resume_bottom.png) no-repeat bottom left;} ul.itiresume.over, ul.itiresume.onit {background:transparent url(../images/iti_resume_bottom_over.png) no-repeat bottom left;} ul.itiresume li.resume{background:transparent url(../images/critere_top.png) no-repeat top left;color:white;} ul.itiresume ul {color:black;} ul.itiresume ul li {list-style-type:none;} ul.itiresume ul li span{color:#3CA854;} ul.itiresume ul li.arret p.routier {color:#3265FF;background:transparent url(../images/info.png) no-repeat top left;} #itiCriteres li {border:1px solid #81BD6C;border-bottom:none;} #itiCriteres li.onit {background-color:#1FA12D;border:1px solid #1FA12D;border-bottom:none;} #itiCriteres li a{color:#81BD6C;text-decoration:none;} #itiCriteres li.onit a{color:white;} #itiCriteres li a:hover{color:black;} #itiOverview ul {background:#622180 url(../images/bg-overview.png) no-repeat;margin:0;} #itiOverview ul li {color:white;} #search_iti_options h1 {color:#025A25;border-bottom:1px solid #025A25;} .js #ul_itidetails li {cursor:pointer;} #ul_itidetails .detail table {border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;} #ul_itidetails .detail table.over {border-top:1px solid #a7a7a7;border-bottom:1px solid #a7a7a7;} #ul_itidetails .detail tr.row1 {background-color:#e3e3e3;} #ul_itidetails .detail table.over tr.row1 {background-color:#cdcdcd;} .js #ul_itidetails .detail tr.collapsed td.parcours {background:#e3e3e3 url(../images/collapsed.png) no-repeat 3px 1px;} .js #ul_itidetails .detail tr.expanded td.parcours {background:#e3e3e3 url(../images/expanded.png) no-repeat 3px 1px;} .js #ul_itidetails .detail table.over td.parcours {background-color:#cdcdcd;} #ul_itidetails li.horaire, #itidetails td span.horaire {border:none;} #ul_itidetails li.horaire {background-color:#EDEDEE;} #ul_itidetails li.detail {background-color:#fff;} #itidetails .bus table {background-color:#cdfda9;} #itidetails .autocar table {background-color:#bafcfa;} #itidetails .metro table {background-color:#ffcacb;} #itidetails .train table {background-color:#dbc7fe;} #itidetails .tgv table {background-color:#dbc7fe;} #itidetails .tramway table {background-color:#f8cdeb;} #itidetails .rer table {background-color:#dbc7fe;} #ul_itidetails li li{border:none;} #ul_itidetails li.correspondance{list-style-type:none;} #itidetails .resume {background-color:#e3e3e3;} #itidetails li.from, #itidetails li.first, #itidetails li.to, #itidetails li.last{list-style-type:none;} #itidetails li.last a{color:#000;} #itidetails li.first a{color:#000;} #itidetails td, #itidetails th {border:none;} /*************** Session expiree ***************/ #expired .error {background-color:#FFFF99;color:#FF0000;border:2px solid #FF0000;} /******* Horaires ***********/ #centre.horaires fieldset {border:none;-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} #centre.horaires fieldset.done {background-color:#F7E6DF;} #centre.horaires table {color:#000000;} .horaires {background-color:#fff;border:none;} .horaires h2 {color:#005A1B;} .horaires caption {color:#000;} .horaires tr {border:none;border-bottom:1px solid #C1DAD7;} .horaires tfoot tr {border:none;border-top:1px solid #C1DAD7;} .horaires tbody tr:last-child {border:none;} .horaires td, .horaires th{border:none;} .horaires th{color:#2DB455;} .horaires input.othertimes {border:1px solid #0000ff;background-color:#0000ff;color:#fff;cursor:pointer;} .horaires input.othertimes:hover {border:1px solid;background:none;color:#0000ff;} .horaires select {background-color:#EAF7EE;border:1px solid #2DB455;} .horaires legend {margin-left:5px;} .horaires form {border:none;} .horaires p.horaire span {color:#005A1B;} .horaires label {color:#763e90;font-weight:bold;} .horaires ol li {color:#C6C7C8;background:#F7E6DF url(../images/stepBtn.png) no-repeat right center;} .horaires ol li.current {color:#622180;background:#FAD7C7 url(../images/stepCurrentBtn.png) no-repeat right center;} .horaires ol li.lastdone {background-image:url(../images/stepLastDoneBtn.png);} .horaires ol li.done {background-image:url(../images/stepDoneBtn.png);} .horaires ol li.first {-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;} .horaires ol li.last {background-image:none;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;} .horaires ol li a {text-decoration:none;} .horaires ol li.done a, .horaires ol li.lastdone a {color:#C6C7C8;} .horaires ol li.current a {color:#622180;} #page .horaires fieldset.last {-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;} .horaires fieldset p.done {background:transparent url(../images/accept.png) no-repeat center left;font-size:1.4em;font-weight:bold;} /************** Partenaires ******************/ .listegrise li a {text-decoration:none;color:#868686;background:#e3e3e3 url(../images/partners/bg-a-partner.png) repeat-x;} .listegrise li a:hover {background:#868686;color:#E3E3E3;} #partenaires #cr-fc {background:#fff url(../images/partners/icone-cr-fc.png) no-repeat;} #partenaires #cg-25 {background:#fff url(../images/partners/icone-cg-25.png) no-repeat;} #partenaires #cg-39 {background:#fff url(../images/partners/icone-cg-39.png) no-repeat;} #partenaires #cg-70 {background:#fff url(../images/partners/icone-cg-70.png) no-repeat;} #partenaires #ca-besancon {background:#fff url(../images/partners/icone-ca-besancon.png) no-repeat;} #partenaires #smtc-90 {background:#fff url(../images/partners/icone-smtc-90.png) no-repeat;} #partenaires #cc-lons-le-saunier {background:#fff url(../images/partners/icone-cc-lons-le-saunier.png) no-repeat;} #partenaires #cc-vesoul {background:#fff url(../images/partners/icone-cc-vesoul.png) no-repeat;} #partenaires #ca-dole {background:#fff url(../images/partners/icone-ca-dole.png) no-repeat;} #partenaires #ca-montbeliard {background:#fff url(../images/partners/icone-ca-montbeliard.png) no-repeat;} #partenaires #pontarlier {background:#fff url(../images/partners/icone-pontarlier.png) no-repeat;} /************** Desserte multimodale ******************/ #multimode #multi_top {border:1px solid #669C76;} #multimode h2 {color:#005A1B;border-bottom:1px solid #CC0099;} #multimode #multi_top ul {list-style-type:none;} #multimode #multi_top ul ul {list-style-type:disc;} #multimode #multi_top p {background-color:#D5F0DD;} #multimode #multi_top p.coord {background:none;} #multimode p.typeTrain {color:#000;} #multimode #res h2, #cetp #res h2 {color:#005A1B;border:none;} /******* Menu ***********/ #menu {border:1px solid #669C76;} #menu a {color:#005A1B;text-decoration:none;} #menu ul {border:none;list-style:none;} #menu li{border:none;} #menu li.onit, #menu li:hover {background:transparent url(../images/liseret.png) no-repeat scroll 0 1.2em;} #menu li li:hover {background:none;} #menu ul ul a {color:#005A1B;text-decoration:underline;} #menu ul ul a:hover {text-decoration:none;} /******* Texte ***********/ #texte {background-color:#fff;border:none;} #texte.navig .aere li{list-style-type:square;} #texte.navig .aere li li{list-style-type:disc;} #texte.navig ul.niveau li{list-style-type:circle;} #texte h1.alone{border-bottom:1px solid;} #texte h2{color:#005A1B;border-bottom:1px solid #F6B359;} #texte h2.partner{border:none;} #texte.demo h2 {color:#0000FF;} #texte h3 {color:#000;} #texte h3.voyage{color:#007DC5;} #texte h4 {color:#00A77E;background:transparent url(../images/fleche.png) no-repeat center left;} #texte .sous li{list-style-type:circle;} #texte .adresse li{list-style:none;} #texte span.nota{color:#FF0000;} #texte ul.demo {list-style-type:none;} #texte table td{border-left: 1px solid #C1DAD7;} #texte .voyage caption {background-color:#00A77E;color:#fff;} /******* Treeview ***********/ #modchk {background-color:#fff;border:1px solid #005A1B;} #modchk h3 {color:#000;} #modchk input{ /*checkboxes*/border:0px;background-color:transparent;} #modchk label {color: #000;border: 0px;} #modchk label.off {color: #666;} #modchk label.on {color: #0000FF;} #frmchk {border:none;} #modchk a.down, #modchk a.up {background:#CCFF9E url(../images/down.png) no-repeat top center;border:2px solid #069331;border-top:none;} #modchk a.up{ background:#CCFF9E url(../images/up.png) no-repeat top center;} #modchk a.down:hover{background:#CCFF9E url(../images/down_over.png) no-repeat top center;} #modchk a.up:hover{background:#CCFF9E url(../images/up_over.png) no-repeat top center;} #modchk p.first {border-top:1px solid #ccc;padding-top:3px;} #modchk p.collapsible img {cursor:pointer;} /********* Réseaux ********************/ .reseaux caption{background:transparent url(../images/info.png) no-repeat center left;} #tab_bus th{color:#676767;background:#CBFFC0 url(../images/bg_col_bus.png) no-repeat top left;} #tab_tramway th {color:#676767;background:#FFC0FE url(../images/bg_col_tramway.png) no-repeat top left;} #tab_métro th {color:#676767;background:#FFBFBF url(../images/bg_col_metro.png) no-repeat top left;} #tab_funiculaire th {color:#676767;background:#FFEFCD;} #tab_car th {color:#676767;background:#FFEFCD;} #tab_RER th {color:#676767;background:#CDE3FF;} #tab_train th, #tab_reseau th, #tab_reseau2 th {color:#fff;background:#0180E6;} #tab_train th.nobg {background:transparent;} caption.bus{border:1px solid #373737;background-color:#23B503;color:#fff;} caption.métro{border:1px solid #373737;background-color:#D50000;color:#fff;} caption.tramway{border:1px solid #373737;background-color:#CA02C8;color:#fff;} caption.funiculaire{border:1px solid #373737;background-color:#D09B2C;color:#fff;} caption.car{border:1px solid #373737;background-color:#009F5A;color:#fff;} caption.RER{border:1px solid #373737;background-color:#388FFF;color:#fff;} /************* Info Span ***************/ .info {border-bottom : 1px #888 dashed;cursor: pointer;} .divinfo {border:none;background-color:transparent;} #p_center {cursor:pointer;} /***** carte ******/ #contCarte {background-color:transparent;} #carte {background-color:#FCFEDC;} /*#carte img.drag {cursor:-moz-grab;}*/ #carte {cursor:-moz-grab;} #carte.grab {cursor:-moz-grabbing;} #carte img.zoomin {cursor:-moz-zoom-in;} #carte div.ligne {cursor:-moz-grab;} #carte a{text-decoration:none;} #carte .bulle a{text-decoration:underline;} #carte a:visited{text-decoration:none;} #carte a:hover{text-decoration:none;background-color:transparent;} #t_tableau {background:transparent;} /****inside carte ***/ #carte .heading {border:none;cursor:default;background-color:#fff;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} #carte .infobox {background-color:transparent;} #carte .bulle {background:url(../images/bulle-top.png) no-repeat top left;border:none;cursor:default;} #carte div.bulle_gh {border:none;background:url(../images/bulle-gh.png) no-repeat top left;} #carte div.bulle_dh {border:none;background:url(../images/bulle-dh.png) no-repeat top left;} #carte .bulle p, #carte .bulle h4, #carte .bulle ul {border:none;background:url(../images/bulle-bg.png) repeat-y top left;} #carte .bulle_gb {border:none;background:transparent url(../images/bulle-gb.png) no-repeat top left;} #carte .bulle_db {border:none;background:transparent url(../images/bulle-db.png) no-repeat top left;} #carte .bulle_bottom {border:none;background:transparent url(../images/bulle-bottom.png) no-repeat top left;} #carte .heading button, #carte .bulle button {padding:0;border:none;background:none;position:absolute;right:-1px;top:1px;cursor:pointer;} #carte .bulle button {right:0;top:2px;} #carte .bulle_gh button, #carte .bulle_dh button {top:28px;}#carte .arrettrain {color:#777;background-color:#fff;} #carte .arrettrain ul{border-top:1px dashed #0000C9;} #carte .arretavion ul {border-top:1px dashed #a465ff;} #carte .arretbus ul {border-top:1px dashed #23B503;} #carte .arretcar ul {border-top:1px dashed #01B9B2;} #carte .arretmetro ul {border-top:1px dashed #D50000;} #carte .arrettram ul {border-top:1px dashed #CA02C8;} #carte .arretpole ul {border-top:1px dashed #000;} #carte .arretrer ul {border-top:1px dashed #7D00B7;} #carte .arretfuni ul {border-top:1px dashed #D09B2C;} #carte .arrettrain {background-color:#fff;color:#000;border:2px solid #0000C9;border-left:10px solid #0000C9;} #carte .arretrer {background-color:#fff;color:#000;border:2px solid #7D00B7;border-left:10px solid #7D00B7;} #carte .arretmetro {background-color:#fff;color:#000;border:2px solid #D50000;border-left:10px solid #D50000;} #carte .arrettram {background-color:#fff;color:#000;border:2px solid #CA02C8;border-left:10px solid #CA02C8;} #carte .arretbus {background-color:#fff;color:#000;border:2px solid #23B503;border-left:10px solid #23B503;} #carte .arretfuni {background-color:#fff;color:#000;border:2px solid #D09B2C;border-left:10px solid #D09B2C;} #carte .arretcar {background-color:#fff;color:#000;border:2px solid #01B9B2;border-left:10px solid #01B9B2;} #carte .arretpole{background-color:#fff;color:#000;border:2px solid #000;border-left:10px solid #000;} #carte li.affInfo {color:#0000ff;background:#fff;} #carte li.disp {background-image:url(../images/accept.png);background-position:center left;background-repeat:no-repeat;} #carte li.bus, #carte li.metro, #carte li.rer, #carte li.tram, #carte li.train, #carte li.car, #carte li.pole, #carte li.funi {background-color:#fff;border:2px solid #0000C9;border-top:none;} #carte li.bus {color:#23B503;border:2px solid #23B503;border-top:none;} #carte li.metro {color:#D50000;border:2px solid #D50000;border-top:none;} #carte li.rer {color:#7D00B7;border:2px solid #7D00B7;border-top:none;} #carte li.tram {color:#CA02C8;border:2px solid #CA02C8;border-top:none;} #carte li.funi {color:#D09B2C;border:2px solid #D09B2C;border-top:none;} #carte li.car {color:#01B9B2;border:2px solid #01B9B2;border-top:none;} .legende {color: #666;background: transparent;} form div.suggestions {-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #807E7E;border-top:none;background-color: #2BB253;color:#fff;} form div.suggestions div {cursor: pointer;} form div.suggestions div.current {background-color: #005A1B;color: white;} div a.toup{background:transparent url(../images/toup.png) no-repeat 0 0;} div a.todown{background:transparent url(../images/todown.png) no-repeat 0 0;} #carte div.adm{background-color:#FFFFFF;color:#000000;border:2px solid #b5007c;border-left:10px solid #b5007c;} #carte div.eco{background-color:#FFFFFF;color:#000000;border:2px solid #FECB09;border-left:10px solid #FECB09;} #carte div.edu{background-color:#FFFFFF;color:#000000;border:2px solid #0086cb;border-left:10px solid #0086cb;} #carte div.san{background-color:#FFFFFF;color:#000000;border:2px solid #e75112;border-left:10px solid #e75112;} #carte div.spo{background-color:#FFFFFF;color:#000000;border:2px solid #1fa12d;border-left:10px solid #1fa12d;} #carte div.cul{background-color:#FFFFFF;color:#000000;border:2px solid #A77435;border-left:10px solid #A77435;} #carte div.tra{background-color:#FFFFFF;color:#000000;border:2px solid #005da8;border-left:10px solid #005da8;} #carte div.tou{background-color:#FFFFFF;color:#000000;border:2px solid #8cb306;border-left:10px solid #8cb306;} #carte div.adm ul {border-top:1px dashed #b5007c;} #carte div.eco ul {border-top:1px dashed #FECB09;} #carte div.edu ul {border-top:1px dashed #0086cb;} #carte div.san ul {border-top:1px dashed #e75112;} #carte div.spo ul {border-top:1px dashed #1fa12d;} #carte div.cul ul {border-top:1px dashed #A77435;} #carte div.tra ul {border-top:1px dashed #005da8;} #carte div.tou ul {border-top:1px dashed #8cb306;} /*#carte li.open_adm, #carte li.open_eco, #carte li.open_edu, #carte li.open_san, #carte li.open_spo, #carte li.open_cul, #carte li.open_tra, #carte li.open_tou{background:#fff;}*/ #carte .adm li.affInfo {color:#b5007c;border:2px solid #b5007c;border-top:none;} #carte .eco li.affInfo {color:#FECB09;border:2px solid #FECB09;border-top:none;} #carte .edu li.affInfo {color:#aa701e;border:2px solid #0086cb;border-top:none;} #carte .san li.affInfo {color:#e75112;border:2px solid #e75112;border-top:none;} #carte .spo li.affInfo {color:#1fa12d;border:2px solid #1fa12d;border-top:none;} #carte .cul li.affInfo {color:#A77435;border:2px solid #A77435;border-top:none;} #carte .tra li.affInfo {color:#005da8;border:2px solid #005da8;border-top:none;} #carte .tou li.affInfo {color:#8cb306;border:2px solid #8cb306;border-top:none;} /*************** Niveaux ***************/ #zoomSelect li, #zoomSelect a {cursor:pointer;} #zoomSelect li {list-style: none;} /************** contour carte **************/ .coin {background:url(../images/ct-map.png) no-repeat;} .coin a{background:url(../images/ct-map.png) no-repeat;} #cont_G,#cont_D,#cont_B,#cont_H {background:url(../images/c_g.png) repeat-y top left;} #cont_D {background:url(../images/c_d.png) repeat-y top left;} #cont_B,#cont_H {background:url(../images/c_b.png) repeat-x top left;} #cont_H {background:url(../images/c_h.png) repeat-x top left;} /************** InfosPanel ******************/ #infosPanel {border:1px solid #669C76;} #infosPanel span.nexthor {color:blue;text-decoration:underline;} #infosPanel tr{border:none;border-bottom:1px solid #C1DAD7;} #infosPanel tbody tr:last-child {border:none;} #infosPanel td, #infosPanel th{border:none;} .js #infosPanel .liinfo {background:url(../images/collapsed.gif) no-repeat top left;} .js #infosPanel li.onit {background:url(../images/expanded.gif) no-repeat top left;} /***** Mode Switcher ******/ #modeswitcher {background:transparent url(../images/modeswitcher.png) no-repeat top left;cursor:pointer;} /******* pdflink ************/ #pdfLink.externe {background:none;} /********* Zone de délimitation ***************/ #boundsBox {border:2px dashed #a7a7a7;background-color:transparent;} /********* Menu contextuel ********************/ #contextMenu {border:1px solid #009933;background-color:#fff;} #contextMenu p.rcquartier {background:#fff url(../images/rcquartier.png) no-repeat top left;} #contextMenu p.rcdepart {background:#fff url(../images/rcdepart.png) no-repeat top left;} #contextMenu p.rcarrivee {background:#fff url(../images/rcarrivee.png) no-repeat top left;} /************** Infos Ligne **************/ #infoLigne {background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .B {border:2px solid #23B503;} #carte #infoLigne.B #infosListe {background:transparent url(../images/infoLigneB.png) no-repeat scroll left top;} .M {border:2px solid #D50000;} #carte #infoLigne.M #infosListe {background:transparent url(../images/infoLigneM.png) no-repeat scroll left top;} .W {border:2px solid #CA02C8;} #carte #infoLigne.W #infosListe {background:transparent url(../images/infoLigneW.png) no-repeat scroll left top;} .R {border:2px solid #7D00B7;} #carte #infoLigne.R #infosListe {background:transparent url(../images/infoLigneR.png) no-repeat scroll left top;} .C {border:2px solid #01B9B2;} #carte #infoLigne.C #infosListe {background:transparent url(../images/infoLigneC.png) no-repeat scroll left top;} .F {border:2px solid #D09B2C;} #carte #infoLigne.F #infosListe {background:transparent url(../images/infoLigneF.png) no-repeat scroll left top;} .titreLigne {color:#fff;} #infosListe li {color:#000;cursor:pointer;} #infosListe li span {width: 16px; height: 16px; background-image: url(images/ui-icons_4eb305_256x240.png);background-position: -32px -16px;background-repeat:no-repeat;display:inline-block;overflow:hidden;text-indent:-99999px;vertical-align:middle;} #infosListe li.state-default, #infosListe li.state-active {-moz-border-radius:4px 4px 4px 4px;border:1px solid #CCCCCC;/*background-color:#C7EBA7;*/} #infosListe li.state-default {background:url("../images/bg-button.png") repeat-x scroll left center #C7EBA7;} #infosListe li.state-hover {background:none;/*background-color:#C7EBA7;*/border-color:#666;} #infosListe li.state-active {border-color:#666;} #infosListe li.state-active span {background-position: -64px -16px;} .B #infosListe li.state-default, .B #infosListe li.state-active {background-color:#B2EDA6;} .B #infosListe li.state-hover {background-color:#B2EDA6;} .M #infosListe li.state-default, .M #infosListe li.state-active {background-color:#F4AAAA;} .M #infosListe li.state-hover {background-color:#F4AAAA;} .W #infosListe li.state-default, .W #infosListe li.state-active {background-color:#F2A9F2;} .W #infosListe li.state-hover {background-color:#F2A9F2;} .R #infosListe li.state-default, .R #infosListe li.state-active {background-color:#D6A6ED;} .R #infosListe li.state-hover {background-color:#D6A6ED;} .C #infosListe li.state-default, .C #infosListe li.state-active {background-color:#8CEEEA;} .C #infosListe li.state-hover {background-color:#8CEEEA;} .F #infosListe li.state-default, .F #infosListe li.state-active {background-color:#C7EBA7;} .F #infosListe li.state-hover {background-color:#C7EBA7;} /************** Pied de carte **************/ #footermap {background:transparent url(../images/echelle.png) 30px 8px no-repeat;} /******** Formulaire ***********/ .contact form {border:none;} .contact label {color:#000;} .contact textarea {background-color:#eee;border:1px solid #aaa;} .contact textarea.missing {border:2px solid #FF0000;} .contact input.text, .contact select.text {background-color:#eee;border:1px solid #aaa;} .contact input.submit {cursor:pointer;} .contact input.missing {border:2px solid #FF0000;} .contact input.text:focus, .contact textarea:focus, .contact select.ext {background:#fff;border:1px solid #2CB354;} em.error {background:transparent url(../images/error.png) no-repeat center left;} em.ok {background:transparent url(../images/ok.png) no-repeat center left;} /*** hcard ***/ .contact div.vcard {background-color:#fff;color:#0000CC;background:#fff url(../images/cdv.png) no-repeat top center;} .contact div.vcard a {color:#0000CC;} /******** Pied de page ***********/ #pied {background:#e1e1e1 url(../images/bg-footer.png) no-repeat;} /********************************************/ /* */ /* SVG */ /* */ /********************************************/ svg path { stroke-linejoin:round; stroke-linecap:round; fill:none; stroke-opacity:1; } svg path.onit {stroke:#fff;} /*** Bus ***/ .bBorder {stroke:#000;} .bStroke {stroke:#2ae700;} /*** Car ***/ .cBorder {stroke:#000;} .cStroke {stroke:#02ded6;} /*** Tramway ***/ .wBorder {stroke:#e51ae3;stroke-width:6px;} .wStroke {stroke:#fff;stroke-width:2px;} /*** Metro ***/ .mBorder {stroke:#000;} .mStroke {stroke:#FF0000;} /*** RER ***/ .rBorder {stroke:#000;stroke-width:11px;} .rStroke {stroke:#9619d6;stroke-width:9px;} /*** Funiculaire ***/ .fBorder {stroke:#000;} .fStroke {stroke:#dcaf27;} /*** Train ***/ .tBorder {stroke:#000;} .tStroke {stroke:#9619d6;} /*** pieton ***/ .mapBorder {stroke:#ed7f06;stroke-opacity:0.5;} .mapStroke {stroke:#ed7f06;stroke-opacity:0.5;} /*** pieton direct***/ .mapdBorder {stroke:#ed7f06;stroke-opacity:0.5;stroke-dasharray:0,16;stroke-linecap:round;} .mapdStroke {stroke:#ed7f06;stroke-opacity:0.5;} /********************************************/ /* */ /* LOCALES */ /* */ /********************************************/ /******* english *********/ html[lang=en] .home fieldset p.type_recherche {margin-left:15%;} html[lang=en] .home fieldset#search_iti_options #date_picker, fieldset#search_iti_options #time_picker { margin-left:2px; }