/* ********************************************************************** SOMMAIRE - TOOLBAR FAVORI / ITINERAIRE / CHANGER X - SEARCH - LISTE TRANSPORTS FAVORIS - AUTOCOMPLETE - MESSAGES D'ERREUR - TOOLTIP - CARROUSEL - MODULE ÉTAT DES SERVICES (page d'accueil) - MODULE ÉTAT DES SERVICES (menu) - ONGLETS - LOAD AJAX - TABLEAUX COULEURS GÉNÉRAL - TABLEAU DES CORRESPONDANCES AUTOBUS - MODULE DIRECTION SWITCH - LISTE PROCHAINS PASSAGES / HORAIRE COMPLET - FIL D'ARIANE - LISTE TRANSPORTEURS - COLORBOX - FANCY BOX FAVORIS ********************************************************************** */ /* ********************************************************************** @Thomas TOOLBAR FAVORI / ITINERAIRE / CHANGER X ********************************************************************** */ #OutilHoraire {text-align:right;float:right} #OutilHoraire ul{margin:0;padding:0;height:32px;float:right;} #OutilHoraire ul li{display:inline;list-style:none;float:left;margin-left:30px;} #OutilHoraire ul li.changer_gare{background: transparent url(../Content/Images/sprite_outil_horaire.png) 0 4px no-repeat;height:20px;} #OutilHoraire ul li.ajout_favori{background: transparent url(../Content/Images/sprite_outil_horaire.png) 0 -15px no-repeat;height:18px;} #OutilHoraire ul li.itineraire{background: transparent url(../Content/Images/sprite_outil_horaire.png) 0 -33px no-repeat;height:18px;} /* ********************************************************************** @Thomas SEARCH ********************************************************************** */ .search-form{float:right;margin: 10px 15px 0 0;} .search-form fieldset{float:left;margin: 0;padding: 0;} .search-form fieldset label, .search-form fieldset legend{position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px)} .search-form fieldset input[type="text"]{float:left;height:40px;border-bottom:1px solid #d3d8db;border-right:0; border-left:0; border-top:0; font-size:15px;font-size:1.5rem;color:#555555;margin:0; width:140px;} .search-form fieldset button[type="submit"]{float:left;overflow:hidden;background-color:#fff;border:1px solid #d3d8db;border-left:0; border-top:0; border-right:0; color:#000;width:28px;height:40px;float:right;font-weight:normal;margin:0;padding:0;border-radius:0;} .search-form fieldset button[type="submit"]:before{content: "\e611";color:#004990;font-family: "amt2";font-size:16px;padding:0 6px;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 16px;height:40px;margin:0;text-align: center;opacity: 1;font-variant: normal;text-transform: none;line-height: 40px;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";margin-left:-1px;v} .search-form fieldset button[type="submit"]:hover{background-color:#e7e7e7;} .search-form ::-webkit-input-placeholder{color:#a6a6a6;} .search-form :-moz-placeholder{color:#a6a6a6} .search-form ::-moz-placeholder{color:#a6a6a6} .search-form :-ms-input-placeholder{color:#a6a6a6} /*pour page recherche vide*/ .recherche-nouvelle-recherche #Recherche_NouvelleRecherche{margin-bottom:20px;} /* ********************************************************************** @Thomas LISTE TRANSPORTS FAVORIS ********************************************************************** */ .haut_transport_favoris{float:left;width:100%;padding:20px;background-color: #FFF;} .haut_transport_header{float:left;width:100%;margin-bottom:10px;} .haut_transport_favoris h2{float:left;width:100%;margin:0;color:#333;} .haut_transport_header_bottom{font-size:16px;font-size:1.6rem;color:#333;} .haut_transport_favoris_date{float:left;margin:0;} /* reset style button */ .haut_transport_favoris_actualiser{background-color:transparent;color:#333;font-family: 'open_sansregular';padding:0;margin:0;text-align:right} .haut_transport_favoris_actualiser:hover{background-color:transparent} /* // */ .haut_transport_favoris_actualiser{float:right;position: relative;padding-right: 40px;font-family: 'open_sanssemibold';font-size:14px;font-size:1.4rem;line-height: 24px;} .haut_transport_favoris_actualiser:focus{background-color:transparent;} .haut_transport_favoris_actualiser::after{content:"\e615";font-family:amt2;color:#4891dc;font-weight: 800;font-size:30px;right: 2px;margin:0 0 0 10px;width: 30px;height: 30px;line-height: 30px;position: absolute;top: -3px;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .haut_transport_favoris_actualiser:hover::after{-moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .liste_transport_favoris{float:left;min-width:860px;width:100%;} .liste_transport_favoris ul{float:left;width:100%;margin:0;padding:0;display:table} .liste_transport_favori{float:left;width:100%;list-style:none;margin:0;padding:0;border-top:1px solid #d3d8db;border-right:1px solid #d3d8db;min-height:80px;position:relative;padding:10px 0} .liste_transport_favori:last-child{border-bottom:1px solid #d3d8db;} /* ie hack */ .liste_transport_favori{display:block;} /* au lieu de display:table-row; pour ie*/ /* couleurs bande verticale */ .liste_transport_favori.ligne_couleur::before{content:"";width:3px;height:100%;position:absolute;top:-1px;left:0;} /* bus / autres */ .liste_transport_favori.ligne_couleur::before{background-color:#969;border-top:1px solid #4891dc;} /* metro */ .liste_transport_favori.ligne_metro_1_Couleur::before{background-color:#008e4f;border-top:1px solid #008e4f;} .liste_transport_favori.ligne_metro_2_Couleur::before{background-color:#f08123;border-top:1px solid #f08123;} .liste_transport_favori.ligne_metro_4_Couleur::before{background-color:#ffe400;border-top:1px solid #ffe400;} .liste_transport_favori.ligne_metro_5_Couleur::before{background-color:#0083ca;border-top:1px solid #0083ca;} /* train */ .liste_transport_favori.ligne_train_CA_Couleur::before{background-color:#646569;border-top:1px solid #646569;} .liste_transport_favori.ligne_train_DM_Couleur::before{background-color:#00a1af;border-top:1px solid #00a1af;} .liste_transport_favori.ligne_train_SH_Couleur::before{background-color:#752f8a;border-top:1px solid #752f8a;} .liste_transport_favori.ligne_train_SJ_Couleur::before{background-color:#76b830;border-top:1px solid #76b830;} .liste_transport_favori.ligne_train_VH_Couleur::before{background-color:#bf303f;border-top:1px solid #bf303f;} .liste_transport_favori.ligne_train_MA_Couleur::before{background-color:#e2007a;border-top:1px solid #e2007a;} /* // */ .liste_transport_favori_col{display:table-cell;vertical-align:middle;width: 245px;height: 100px;} .accessible-megamenu-panel-group .liste_transport_favori_col { width: 100%; } .liste_transport_favori_nom{position:relative;padding: 0 0 0 62px;} .liste_transport_favori_nom_texte{float:left;width:100%;font-size:16px;font-size:1.6rem;color:#333;font-family: 'open_sansbold';line-height: 17px;line-height:1.7rem;} /* couleurs icone */ .liste_transport_favori.ligne_couleur .liste_transport_favori_nom::before{margin-left: 20px;text-align: center;left: 0;position:absolute;-webkit-border-radius: 3px;border-radius: 3px;font-family:amt2;padding:0;height:32px;width:32px;line-height:32px;font-size:26px;color:#fff;} /* bus / autres */ .liste_transport_favori.ligne_couleur .liste_transport_favori_nom::before{content:"\e632";background-color:#969;} /* metro */ .liste_transport_favori.ligne_metro_1_Couleur .liste_transport_favori_nom::before{content:"\e639";background-color:#008e4f;} .liste_transport_favori.ligne_metro_2_Couleur .liste_transport_favori_nom::before{content:"\e639";background-color:#f08123;} .liste_transport_favori.ligne_metro_4_Couleur .liste_transport_favori_nom::before{content:"\e639";background-color:#ffe400;} .liste_transport_favori.ligne_metro_5_Couleur .liste_transport_favori_nom::before{content:"\e639";background-color:#0083ca;} /* train */ .liste_transport_favori.ligne_train_CA_Couleur .liste_transport_favori_nom::before{content:"\e604";background-color:#646569;} .liste_transport_favori.ligne_train_DM_Couleur .liste_transport_favori_nom::before{content:"\e604";background-color:#00a1af;} .liste_transport_favori.ligne_train_SH_Couleur .liste_transport_favori_nom::before{content:"\e604";background-color:#752f8a;} .liste_transport_favori.ligne_train_SJ_Couleur .liste_transport_favori_nom::before{content:"\e604";background-color:#76b830;} .liste_transport_favori.ligne_train_VH_Couleur .liste_transport_favori_nom::before{content:"\e604";background-color:#bf303f;} .liste_transport_favori.ligne_train_MA_Couleur .liste_transport_favori_nom::before{content:"\e604";background-color:#e2007a;} /* // */ .liste_transport_favori_ligne{float:left;width:100%;font-size:14px;font-size:1.4rem;color:#565656;font-family: 'open_sansregular';line-height: 17px;line-height:1.7rem;} /* direction */ .liste_transport_favori_direction{color:#565656;font-size:14px;font-size:1.4rem;line-height: 14px;line-height:1.4rem;padding-left: 31px;} .liste_transport_favori_direction:before{content: "\e644";color:#929292;font-family:amt2;font-size:13px;border: 1px solid #565656;width:13px;height:13px;-webkit-border-radius: 43px;border-radius: 43px;padding:4px;position: absolute;margin-left: -29px;margin-top: -4px;} /* lien */ .liste_transport_favori:hover{color:#fff;background-color:#4891dc;text-decoration:none;} .liste_transport_favori a:hover>.liste_transport_favori_col>.liste_transport_favori_nom_texte {color:#fff;background-color:#4891dc;text-decoration:none;} .liste_transport_favori a:hover>.liste_transport_favori_col>.liste_transport_favori_ligne {color:#fff;background-color:#4891dc;text-decoration:none;} .liste_transport_favori a:hover>.liste_transport_favori_col {color:#fff;background-color:#4891dc;text-decoration:none;} a.liste_transport_favori_lien:hover, a.liste_transport_favori_lien:visited, a.liste_transport_favori_lien:link, a.liste_transport_favori_lien:active { text-decoration: none!important; border:0!important; } /* horaire */ .liste_transport_favori_horaire{} .liste_transport_favori_horaire_englobe{position: relative;padding-left: 31px;display:table} .liste_transport_favori_horaire_englobe::before{line-height:26px;content: "\e638";color:#929292;font-family:amt2;font-size:26px;margin-right: 5px;left: 0;vertical-align: middle;display: table-cell;padding-right: 5px;} .liste_transport_favori_horaire_englobe:hover::before{color:#929292} .liste_transport_favori_horaire_heures{float:left;width:100%;} .liste_transport_favori_horaire_heure{float:left;color:#333333;font-family:'open_sanssemibold';font-size:13px;font-size:1.3rem;line-height: 14px;line-height:1.4rem;margin-right:10px;} .liste_transport_favori_horaire_lien{color:#4891dc;font-family:'open_sanssemibold';font-size:14px;font-size:1.4rem;line-height: 14px;line-height:2.6rem;} .liste_transport_favori_horaire_lien::after{content:">>";letter-spacing: -2px;} #listeTransportFavoris .liste_transport_favori_etat{font-family:'AdobeBlank';position: absolute;right: 0;top: 0;} #listeTransportFavoris .liste_transport_favori_etat::after {position: absolute;font-family: amt2; display: block; border: solid 1px #d3d8db; height: 39px; width: 52px; border-right: none; background: #fafafa; top: 18px; right: 0; text-indent: 0; text-align: center; line-height:40px; font-size: 16px} #listeTransportFavoris .etat-Normal::after {content: "\e62a"; color: #52bf00; -webkit-box-shadow: 4px 0 0 0 rgba(82, 191, 0, 1);-moz-box-shadow: 4px 0 0 0 rgba(82, 191, 0, 1);box-shadow: 4px 0 0 0 rgba(82, 191, 0, 1); } #listeTransportFavoris .etat-Moyen::after {content: "\e63f"; color: #f26d0c; -webkit-box-shadow: 4px 0 0 0 rgba(242, 109, 12, 1);-moz-box-shadow: 4px 0 0 0 rgba(242, 109, 12, 1);box-shadow: 4px 0 0 0 rgba(242, 109, 12, 1);} #listeTransportFavoris .etat-Eleve::after {content: "\e640"; color: #ff0000; -webkit-box-shadow: 4px 0 0 0 rgba(255, 0, 0, 1);-moz-box-shadow: 4px 0 0 0 rgba(255, 0, 0, 1);box-shadow: 4px 0 0 0 rgba(255, 0, 0, 1); } /* bouton afficher + */ input[type="button"].liste_transport_favoris_plus{font-family:'open_sanssemibold';float:left;width:100%;background-color:#e7e7e7;margin:0;padding:7px 0;font-size:16px;font-size:1.6rem;color:#5c5c5c;border:1px solid #d3d8db;border-top:0;-webkit-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px; } input[type="button"].liste_transport_favoris_plus:hover{background-color: #d7d7d7;} .liste_transport_favoris_plus_englobe{width:100%;float:left;position: relative;} .liste_transport_favoris_plus_englobe::before{content: "\e646"; color: #004990;font-family:amt2;font-size:20px;position: absolute;left:20px;line-height: 37px;-moz-transform:rotate(90deg);-webkit-transform: rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .liste_transport_favoris_plus_englobe::after{content: "\e646"; color: #004990;font-family:amt2;font-size:20px;position:absolute;right:20px;line-height: 37px;-moz-transform:rotate(90deg);-webkit-transform: rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .liste_transport_favoris_modifier{float:right} /* bouton Modifier mes transports */ #listeTransportFavoris a.liste_transport_favoris_modifier {font-family:'open_sanssemibold';font-size:16px;font-size:1.6rem;background: #4891dc;float: right; margin: 20px 0 0 0; border: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;cursor: pointer;padding: 10px 30px;} #listeTransportFavoris a.liste_transport_favoris_modifier:hover {background: #f26d0c;} /* version pour big menu */ .accessible-megamenu-panel-group .liste_transport_favoris h3 i{ margin-left:2px; margin-top: 5px; display:block; color:#FFF; text-align:center; font-size:26px; font-size:2.6rem; font-style:normal; float:left; padding-left:-10; } .accessible-megamenu-panel-group .liste_transport_favoris h3 i:before{ margin:0 0 0 -5px; padding:0; line-height:32px; text-align:center; } .accessible-megamenu-panel-group .liste_transport_favori_box{background-color: gainsboro !important; margin:-10px 25px 10px 25px;} .accessible-megamenu-panel-group .liste_transport_favori{min-height: inherit;} .accessible-megamenu-panel-group .liste_transport_favoris{min-width:inherit;} .accessible-megamenu-panel-group .liste_transport_favori.ligne_couleur .liste_transport_favori_nom::before{display:none;} .accessible-megamenu-panel-group .liste_transport_favori_nom{padding:0 0 0 22px;width: 100%;display: block;margin: 0;height: inherit;} .accessible-megamenu-panel-group .liste_transport_favori_direction{position:absolute; top: 32px;left: 2px; font-size: 10px;font-size: 1rem;} .accessible-megamenu-panel-group .liste_transport_favori_direction:before{ display: none;} .accessible-megamenu-panel-group .liste_transport_favori_passage{color:#565656; position:absolute; top: 44px; left:0; padding-left: 32px; font-size: 10px;font-size: 1rem;} .accessible-megamenu-panel-group .liste_transport_favori {padding:10px;} .accessible-megamenu-panel-group .liste_transport_favori_col{height: 18px; overflow:hidden; padding-right:10px;} .accessible-megamenu-panel-group .liste_transport_favoris ul{box-shadow:none !important; margin-top: 40px !important;border: none !important;padding:0 !important;background-color: transparent !important; } .accessible-megamenu-panel-group .liste_transport_favoris .date_du_jour { margin-top:15px; margin-left:15px; } .accessible-megamenu-panel-group .fermer, .megamenu-row .fermer { margin-top:15px; color:#434343; } .accessible-megamenu-panel-group .fermer i, .megamenu-row .fermer i { display: block; float: right; width: 15px; height: 15px; border-radius: 8px; background: #888; margin-left: 5px; margin-top: 3px; text-align: center; padding: 0; color: #FFF; font-size: 10px; line-height: 15px; text-indent: 1px; } .accessible-megamenu-panel-group .fermer i:before, .megamenu-row .fermer i:before { font-family: fontAwesome; font-style: normal; font-weight: normal; content: "\f00d"; } .accessible-megamenu-panel-group .liste_transport_favoris li { position:relative; background-color: white;height: 70px;width: 30%; margin-left: 15px;margin-right: 15px;} .accessible-megamenu-panel-group .liste_transport_favoris li .ligneCouleur{position:absolute; top:-1px; bottom:-1px; left:-3px; width:30px; border:0;} .accessible-megamenu-panel-group .liste_transport_favori_etat{font-family:'AdobeBlank';position: absolute;right: 0;top: 0;} .accessible-megamenu-panel-group .liste_transport_favori_etat::after {position: absolute;font-family: amt2; display: block; top: 8px; right: 0; text-indent: 0; text-align: center; line-height:25px; width:25px; font-size: 16px; border:1px solid #d3d8db; border-right:0;} .accessible-megamenu-panel-group .liste_transport_favori_etat::before { content:''; position:absolute; right:-4px; top:8px; width:4px; height:27px; } .accessible-megamenu-panel-group .etat-Normal::after {content: "\e62a"; color: #52bf00;} .accessible-megamenu-panel-group .etat-Normal::before { background:#52bf00; } .accessible-megamenu-panel-group .etat-Moyen::after {content: "\e63f"; color: #f26d0c;} .accessible-megamenu-panel-group .etat-Moyen::before { background:#f26d0c; } .accessible-megamenu-panel-group .etat-Eleve::after {content: "\e640"; color: #ff0000;} .accessible-megamenu-panel-group .etat-Eleve::before { background:#ff0000; } .accessible-megamenu-panel-group .liste_transport_favori_nom_texte{padding-right: 25px; height:22px; overflow:hidden;} .accessible-megamenu-panel-group .liste_transport_favoris_lien_voir_tous{text-align:center;background: #F26D0C;border: medium none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #FFF;font: normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;font: normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding: 5px 25px;} .accessible-megamenu-panel-group .liste_transport_favoris_lien_voir_tous:hover{background: #D45C04;} .accessible-megamenu .accessible-megamenu-panel a.liste_transport_favoris_lien_voir_tous:hover{text-decoration:none} .accessible-megamenu-panel-group .liste_transport_favoris .date_du_jour{color:#434343; font-weight:bold; position:absolute; top:0; left:25px; display: block;} .accessible-megamenu-panel-group .liste_transport_favoris .date_du_jour:first-letter{text-transform: capitalize;} .accessible-megamenu-panel-group .liste_transport_favoris .fermer, .megamenu-row .fermer{position:absolute; top:0; right:50px; z-index: 2;} .accessible-megamenu-panel-group .liste_transport_favoris .horaire{position:absolute;right: 5px; color:#434343;} #piedpageMenu{margin:0 35px 20px 35px; padding:25px 15px; background:#FFF; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -webkit-box-shadow: 0 2px 0 0 #ced1d5; -moz-box-shadow: 0 2px 0 0 #ced1d5; box-shadow: 0 2px 0 0 #ced1d5;} #piedpageMenu.aucuntransport { margin-top:30px !important; margin-bottom:0 !important; } #piedpageMenu > span { line-height:30px; } #piedpageMenu span a { font-weight:bold; } #piedpageMenu span a.autobus { margin-right: 0px; } #piedpageMenu .premierlien { margin-left:20px; } #piedpageMenu .personnalisezvoshoraires { display:block; padding-top:20px; } .addschedule { display:inline-block; background:#f5f5f5; padding:8px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 0 0 #e4e4e4; -moz-box-shadow: 0 2px 0 0 #e4e4e4; box-shadow: 0 2px 0 0 #e4e4e4; } .addschedule:before { font-family:fontAwesome; content:'\f005'; color:#f26d0c; margin-right:10px; font-size:16px; } .iconehoraireetats { font-weight: normal; font-family: amt2; color: #fff; display: block; width: 40px; height: 40px; float: left; margin-top:-7px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 7px 0 0; font-size: 25px; line-height: 41px; text-align: center; background:#4891dc; font-style:normal; } .iconehoraireetats.trains:before { content:"\e604"; } .iconehoraireetats.metro:before { content:"\e639"; } .iconehoraireetats.bus:before { content:"\e632"; } .panelavecicone { display:block !important; } #lien-ModifierHoraire {display: block; width: 200px; height: 31px; font-weight: bold; line-height: 30px; line-height:3rem; background: #fafafa; color: #565656; text-align: left; float: right; margin: 0px 0px 0 0; padding: 0 15px; position: relative;border: solid 1px #d3d8db; font-size: 13px; font-size:1.3rem;} #lien-ModifierHoraire:hover {background: #004990; border: solid 1px #004990;color: #fff;text-decoration-line: inherit;} #lien-ModifierHoraire:before {speak:none;content: "\f013";font-family: fontAwesome;font-weight: normal; right: 10px; position: absolute; top: 0; color: #565656; font-size: 16px; } #lien-ModifierHoraire:hover:before { color: #fff} /* version menu mobile */ #entete .sidr .liste_transport_favoris .liste_transport_favori_nom{margin-top: 0; } #entete .sidr .liste_transport_favori.ligne_couleur .liste_transport_favori_nom::before{display:none; } #entete .sidr .liste_transport_favori_direction:before{display:none; } #entete .sidr .liste_transport_favori_nom{padding-left:0;} #entete .sidr .liste_transport_favoris ul{display:block;background:#fff;float: left;border-top:0;border-bottom: 0;margin-top: 0; } #entete .sidr .liste_transport_favoris ul li{line-height: inherit;border-top: 1px solid #D3D8DB;border-bottom: 0;padding: 20px 0; width:300px; } #entete .sidr .liste_transport_favoris ul li:hover{background-color:transparent;} #entete .sidr .liste_transport_favoris ul li span{color:#333;} #entete .sidr .liste_transport_favoris ul li span.liste_transport_favori_ligne{padding: 4px 0 0 15px;} #entete .sidr .liste_transport_favori_direction{margin:0;padding:4px 0 0 15px} #entete .sidr .liste_transport_favoris .liste_transport_favori_etat{font-family:'AdobeBlank';position: absolute;right: 0;top: 0;} #entete .sidr .liste_transport_favoris .liste_transport_favori_etat::after {position: absolute;font-family: amt2; display: block; top:7px; right: 10px; text-indent: 0; text-align: center; line-height:40px; font-size: 16px} #entete .sidr .liste_transport_favoris .etat-Normal::after {content: "\e62a"; color: #52bf00;} #entete .sidr .liste_transport_favoris .etat-Moyen::after {content: "\e63f"; color: #f26d0c;} #entete .sidr .liste_transport_favoris .etat-Eleve::after {content: "\e640"; color: #ff0000;} #entete .sidr .liste_transport_favoris_lien_voir_tous{float: left;margin: 10px 4%;text-align:center;background: #F26D0C;border: medium none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #FFF;font: normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;font: normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding: 5px 25px;} #entete .sidr .liste_transport_favoris_lien_voir_tous:hover{background: #D45C04;} #entete .sidr a.liste_transport_favoris_lien_voir_tous:hover{text-decoration:none} #entete .sidr-class-fs-12{display:none;} /* ********************************************************************** @Thomas AUTOCOMPLETE ********************************************************************** */ /* reset ui */ ul.ui-autocomplete .ui-menu-item{list-style-image:none;} ul.ui-autocomplete.ui-widget-content{background-image:none;} ul.ui-autocomplete .ui-menu-divider{margin:5px 0} /* général */ ul.ui-autocomplete{background-color:#fff;-webkit-border-radius: 0;border-radius: 0;border:1px solid #d3d8db;padding: 0;} ul.ui-autocomplete li{background-color:#fff;position:relative;} ul.ui-autocomplete li.liste-favori a::after{content:"\e64d";text-indent: 0;font-family: "amt2";font-style: normal;top: 5px;right: 5px;font-weight: normal; position: absolute; display: block; width: 14px; height: 14px; text-align: center; line-height: 14px; font-size: 14px; z-index: 1} ul.ui-autocomplete li a{background-color:#fff;color:#333;border:0;padding: 5px 20px 5px 10px !important;} ul.ui-autocomplete li a:hover, ul.ui-autocomplete li a:focus, ul.ui-autocomplete li a.ui-state-focus{cursor:pointer;background-color:#4891dc;color:#fff !important;margin:0 !important;background: #4891dc; /* Old browsers */background: -moz-linear-gradient(top, #4891dc 0%, #4891dc 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4891dc), color-stop(100%,#4891dc)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #4891dc 0%,#4891dc 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #4891dc 0%,#4891dc 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #4891dc 0%,#4891dc 100%); /* IE10+ */background: linear-gradient(to bottom, #4891dc 0%,#4891dc 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4891dc', endColorstr='#4891dc',GradientType=0 ); /* IE6-9 */-webkit-border-radius: 0;border-radius: 0;border:0;} ul.ui-autocomplete li a:focus{background-color:#4891dc;} .categorie-favori-separateur{width:100%;height:1px;background-color:#d7d7d7;} /* ********************************************************************** @Thomas MESSAGES D'ERREUR ********************************************************************** */ .message_erreur_englobe{background-color: #fff;color:#666;font-size:14px;font-size:1.4rem;margin:0 0 25px 0;float:left;width:90%;border: 1px solid #ed1f24;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;z-index:2;}/* z-index a 2 pour eviter qu'il passe au dessus de l'autocomplete fr/planifier-trajets/Autobus *//* margin-top a 0 fr/planifier-trajets/Autobus */ .message_erreur_englobe:before{background: #fff;border-left: 1px solid #ed1f24;border-bottom: 1px solid #ed1f24;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);top: -6px;content: "";display: block;height: 10px;left: 25px;position: absolute;width: 10px;} .message_erreur{font-weight: 100;float:left;padding:10px;color:#333333;width: 90%;min-height: 32px; } .message_erreur_englobe .fermer_message{font-family:open_sansbold;width: 10%;font-size: 20px; font-size:2.0rem; background-color:#ed1f24;margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;display: block;height: 100%;position: absolute;right: 0;padding: 0 1%;text-align:center; color:#fff; padding-top:4px; cursor:pointer; } .message_erreur_englobe .fermer_message:hover{background-color:#c5191e;} .message_erreur_englobe .fermer_message span{top: 50%;bottom: 50%;line-height: 0;position:absolute;width: 100%;text-align: center;left: 0;} .message_erreur a{color:#004990;} .message_erreur a:hover{text-decoration:underline} .message_erreur_englobe .zoomNiveauAutobus{float:left;margin:10px;} /* cas particuliers */ section#bloc_accueil .etat_service ul li .message_erreur_englobe {margin: 10px 14px 0 0;width: 95%;} section#bloc_accueil .etat_service ul li .message_erreur_englobe .message_erreur{padding: 5px;font-size: 12px;font-size:1.2rem;line-height: 13px;line-height: 1.3rem;} .options .message_erreur_englobe .message_erreur{max-height: 300px;overflow: hidden;overflow-y: auto;} .options .message_erreur_englobe{margin: -10px 0 5px 0;} .options #erreur_terminus .message_erreur {margin: 0;} .options .message_erreur_englobe .message_erreur {padding: 5px;font-size:12px;font-size:1.2rem;line-height: 13px;line-height: 1.3rem;} .options .message_erreur_englobe button.fermer_message:hover {background-color: #ed1f24;} section#bloc_accueil .etat_service ul li .message_erreur_englobe button.fermer_message, .options .message_erreur_englobe button.fermer_message{-moz-border-radius:0;-webkit-border-radius:0;background-color:#ed1f24;border-radius:0;bottom:0;display:block;font-family:open_sansbold;font-size:20px;font-size:2rem;height:100%;margin:0;padding:0 1%;position:absolute;right:0;text-align:center;top:0;width:10%;} section#bloc_accueil .etat_service ul li .message_erreur:before, .options .message_erreur_englobe:before, .options #erreur_terminus .message_erreur:before {-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg);background:#fff;border-bottom:1px solid #ed1f24;border-left:1px solid #ed1f24;content:"";display:block;height:10px;left:25px;position:absolute;top:-6px;transform:rotate(135deg);width:10px;} section#bloc_accueil .etat_service ul li .message_erreur_englobe .fermer_message .invisibleText, .options .message_erreur_englobe .fermer_message .invisibleText {font-family:AdobeBlank !important; width: 1px !important;} #Carte #carteBarreOutils .message_erreur_englobe{display:none;position: absolute;left: 82px;top: 24px;width:60%;-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;} #carteBarreOutils .message_erreur_englobe{display:none;position: absolute;left: 82px;top: 24px;width:60%;-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;} .dyn-accueil #carteBarreOutils .message_erreur_englobe{display:none;} .dyn-accueil #carteBarreOutils .message_erreur_englobe{left: 79px;top: 35px;} #carteBarreOutils .invisibleText{position:absolute;} /* ********************************************************************** @Thomas TOOLTIP ********************************************************************** */ .tooltip-englobe-defaut{position: relative;} .tooltip-defaut{} .tooltip-bulle-defaut{width: 210px;padding: 15px;border: 1px solid #aaaaaa;color: #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: absolute;z-index: 999999;left: -215px;top: -10px;background: #FFF;} .tooltip-bulle-defaut:before{content: '';background: url(../Content/Images/temp/pointe-tooltip.png) no-repeat left top;width: 13px;height: 20px;position: absolute;left: -12px;top: 15px;} .tooltip-bulle-left-defaut{width: 210px;padding: 15px;border: 1px solid #aaaaaa;color: #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: absolute;z-index: 999999;left: -225px;top: -10px;background: #FFF;} .tooltip-bulle-left-defaut:before{content: '';background: url(../Content/Images/temp/pointe-left-tooltip.png) no-repeat left top;width: 13px;height: 20px;position: absolute;left: 207px;top: 15px;} /* ********************************************************************** @JP CARROUSEL ********************************************************************** */ #avant-contenu .zone{padding:20px 0;} .cycle-carousel-wrap{width:100%;} /* Enveloppe carrousel */ .carrousel-image { position:relative; width:100%; margin:0 auto; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;z-index:1;margin-bottom:20px; }/* border:1px solid #d8dddf; - retiré car le client souhaite que l'image native prenne tout son espace*/ /* Principal */ .widget-carrousel-actualites{padding:0 20px} .carrousel-image .principal { overflow:hidden; position:relative; width:100%; } .carrousel-image .principal img { display:block; width:100%; height:auto; } .carrousel-image .principal .enveloppe-texte { position:absolute; bottom:40px; left:0; right:0; padding:25px 52px 30px; background-color: rgba(255, 255, 255, 0.85); } .ie8 .carrousel-image .principal .enveloppe-texte { background-color:#fff; } .carrousel-image .principal h3 { margin:0 0 4px; font-size:27px; line-height:27px; font-family: DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#333; } .carrousel-image .principal p { margin:0; font-size:18px; line-height:23px; font-family: DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#333333; } .carrousel-image .principal .cycle-slide { overflow:hidden;/*position: absolute !important;*/ } /* pagination interne */ .carrousel-image .principal .navigation-carrousel { position:absolute; bottom:0; left:0; right:0; } .carrousel-image .principal .navigation-carrousel a { overflow:hidden; position:absolute; bottom:70px; display:block; width:70px; height:70px; text-indent:-999px; font-size:0; line-height:0; background:#d8dddf; -webkit-border-radius: 70px; border-radius: 70px; } .carrousel-image .principal .navigation-carrousel a:hover{background:#adb1b2;} .carrousel-image .principal .navigation-carrousel a:hover:after{color:#d8dddf;} .carrousel-image .principal .navigation-carrousel .image-precedente { left:-35px; } .carrousel-image .principal .navigation-carrousel .image-suivante { right:-35px; } .carrousel-image .principal .navigation-carrousel .image-precedente:after { position:absolute; text-indent: 0;top:50%; right:13px; font-size:15px; font-family:'amt2'; color:#adb1b2; content: "\e646"; -moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .carrousel-image .principal .navigation-carrousel .image-suivante:after { position:absolute; text-indent: 0;top:50%; right:40px; font-size:15px; font-family:'amt2'; color:#adb1b2; content: "\e646"; } /* pagination points */ .carrousel-image .carrousel-pagination { position:absolute; bottom:0; left:0; right:0; padding:10px; background-color: rgba(000, 000, 000, 0.30); z-index:999; } .carrousel-image .carrousel-pagination span { overflow:hidden; display:inline-block; width:20px; height:20px; margin:0 10px 0 0; text-indent:-999px; font-size:0; line-height:0; background:#449efb; vertical-align:top; -webkit-border-radius: 20px; border-radius: 20px; } .carrousel-image .carrousel-pagination span:focus, .carrousel-image .carrousel-pagination span:hover, .carrousel-image .carrousel-pagination span.cycle-pager-active { cursor:pointer; background:#004990; } /* Progression */ .carrousel-image #progression { display:none; position:absolute; bottom:0; left:0; right:0; width:100%; height:7px; border:1px solid #a6a6a6; background:#babfc1; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .carrousel-image #progression .barre { position:absolute; top:-1px; left:0; bottom:-1px; background:#f26d0c; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* Mignatures */ .carrousel-image .mignature { display:none; overflow:hidden; float:left; width:100%; border:1px solid #3487dd; border-bottom:none; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } .carrousel-image .mignature img { display:block; width:100%; height:auto; } /* Adaptation */ .principal{float:right; width:100%;} .principal div.cycle-slide { width:100% !important; } .principal div.cycle-slide img { width:100%; height:auto; } .carrousel-image .principal .enveloppe-texte{min-height:132px;} /* Accueil carrousel */ .dyn-accueil .carrousel-image { padding-bottom:7px; } .dyn-accueil #progression { display:block; } /* Accueil carrousel principal */ .dyn-accueil .principal { float:right; width:70%; height:192px; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .dyn-accueil .principal div.cycle-slide { width:100% !important; } .dyn-accueil .principal div.cycle-slide img { width:100%; height:192px; } /* pour carrousel accueil tablette */ .dyn-accueil .carrousel-pagination, .dyn-accueil .navigation-carrousel, .dyn-accueil .enveloppe-texte { display:none !important; } /* Accueil carrousel mignatures */ .dyn-accueil .mignature { display:block; } .dyn-accueil .mignature { width:30%; height:192px; } .dyn-accueil .mignature div.cycle-slide { width:100% !important; border-bottom:1px solid #3487dd; } .dyn-accueil .mignature div.cycle-slide img { width:100%; height:auto; } .dyn-accueil .mignature div.cycle-slide:hover { cursor:pointer; } .dyn-accueil .mignature div.cycle-slide.cycle-slide-active { -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } .dyn-accueil .mignature div.cycle-slide.cycle-slide-active img { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .dyn-accueil .navigation-carrousel-pagination { position:absolute; top:0; left:0; bottom:0; z-index:99; } .dyn-accueil .navigation-carrousel-pagination a { overflow:hidden; position:absolute; left:148px; display:block; width: 47px; height: 8px; text-indent:-999px; font-size:0; line-height:0; background: url(../Content/Images/accueil/car-arrow.png) 0 -46px; } .dyn-accueil .navigation-carrousel-pagination .image-precedente { top:0; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dyn-accueil .navigation-carrousel-pagination .image-suivante { bottom:0; } .dyn-accueil .navigation-carrousel-pagination .image-precedente:hover, .dyn-accueil .navigation-carrousel-pagination .image-suivante:hover { height: 25px; } /* ********************************************************************** @Pierre-andré MODULE ÉTAT DES SERVICES (page d'accueil) ********************************************************************** */ /* reset ui */ section#bloc_accueil .etat_service .ui-tabs .ui-tabs-nav {display: block; padding: 0 !important; margin-bottom: -2px;margin-left: 6px;} section#bloc_accueil .etat_service .ui-widget-content, section#bloc_accueil .etat_service .ui-widget-content, section#bloc_accueil .etat_service .ui-widget-header, section#bloc_accueil .etat_service .ui-state-active, section#bloc_accueil .etat_service .ui-widget-content .ui-state-active, section#bloc_accueil .etat_service .ui-widget-header .ui-state-active, section#bloc_accueil .etat_service .ui-state-default, section#bloc_accueil .etat_service .ui-widget-content .ui-state-default, section#bloc_accueil .etat_service .ui-widget-header .ui-state-default, section#bloc_accueil .etat_service .ui-corner-all, section#bloc_accueil .etat_service .ui-corner-bottom, section#bloc_accueil .etat_service .ui-corner-right,section#bloc_accueil .etat_service article .ui-corner-br, section#bloc_accueil .etat_service .ui-tabs .ui-tabs-nav li.ui-tabs-active{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0;padding:0;float:none;margin:0;border:0;background:none;display: table-cell;} section#bloc_accueil .etat_service .ui-tabs .ui-tabs-nav li a{padding: 0;} section#bloc_accueil .etat_service .ui-helper-clearfix:before, section#bloc_accueil .etat_service .ui-helper-clearfix:after{content:none} section#bloc_accueil .etat_service h2.titre_onglet {font-size: 20px; font-size:2rem; margin:20px 0 0 10px;} section#bloc_accueil .etat_service .ui-widget button{margin:20px 0 0 0;background-color:#4891dc;} section#bloc_accueil .etat_service .Info_perturbations{ margin-left: 30px !important;} section#bloc_accueil .etat_service .ui-widget button:hover{background-color:#D45C04;} section#bloc_accueil .etat_service .ui-widget button#RechercheAutobusTransporteur_rechercher{background-color:#F26D0C;} section#bloc_accueil .etat_service .ui-widget button#RechercheAutobusTransporteur_rechercher:hover{background-color:#D45C04;} .tab-accueil { margin:0; padding:0; } .tab-accueil li { list-style:none; width:50%; float:left; } .tab-accueil li:first-child { border-right: solid 1px #cacaca; } .tab-accueil li a { display:block; border-top: solid 1px #cacaca; min-height:60px; color:#004990; font-weight:bold; text-align:center; padding-top:20px; background:#e5e5e5; } .tab-accueil li.active a { background:#FFF; color:#4891dc; } /*//reset ui */ section#promo_accueil {height: 200px; margin: 0 0 40px 0} section#promo_accueil img {width: 100%; height: 200px} section#bloc_accueil .etat_service {min-height: 510px;border-left: solid 1px #ccc; width: 300px; float: right; display: block;background: #f5f5f5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 20px; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li {position: relative; z-index: 9998;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a {color: #a5a5a5;display: block; width: 45px; height: 45px; position: relative;text-indent: -9999px; z-index: 9999; } section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a:before {text-indent: 0;font-family: "amt2";font-style: normal;font-weight: normal; position: absolute; display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; font-size: 25px; z-index: 1} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.train a:before {content: '\e604';} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.metro a:before {content: "\e639";} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.autobus a:before {content: "\e632";} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active a {border-bottom: solid 3px #000; color: #000} section#bloc_accueil .etat_service #tabs_services_min > div {border-top: solid 1px #d3d8db; } section#bloc_accueil .etat_service #tabs_services_min > div label {text-indent: -9999px;height: 0;padding:0;} section#bloc_accueil .etat_service #tabs_services_min > div ul {display: block; width: 280px; margin: 0 0 15px 0 ;} section#bloc_accueil .etat_service #tabs_services_min > div ul li {list-style: none; min-height: 60px; margin: 0 0 0 8px; border-bottom: solid 1px #cacaca; float: left; position: relative;} section#bloc_accueil .etat_service #tabs_services_min > div ul li a{float: left;} section#bloc_accueil .etat_service #tabs_services_min > div ul li span.etat_color_titre{display: table-cell; height: 60px; width: 280px; vertical-align: middle; font:bold 16px/32px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.6rem; } section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li span:before, section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li span:before {font-weight: normal; font-family: amt2;color: #fff;display: block;width: 40px;height: 40px;float: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin: 0 7px 0 0;font-size: 25px;line-height: 41px;text-align: center;} section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_CA_Couleur span.etat_color_titre::before {background: #646569;content: "\e604";} section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_DM_Couleur span.etat_color_titre::before {background: #00a1af;content: "\e604";} section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_SH_Couleur span.etat_color_titre::before {background: #752f8a;content: "\e604";} section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_MA_Couleur span.etat_color_titre::before {background: #e2007a;content: "\e604";} section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_SJ_Couleur span.etat_color_titre::before {background: #76b830;content: "\e604";} section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_VH_Couleur span.etat_color_titre::before {background: #bf303f;content: "\e604";} section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_1_Couleur span.etat_color_titre::before {background: #008e4f;content: "\e639";} section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_2_Couleur span.etat_color_titre::before {background: #f08123;content: "\e639";} section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_4_Couleur span.etat_color_titre::before {background: #ffe400;content: "\e639";} section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_5_Couleur span.etat_color_titre::before {background: #0083ca;content: "\e639";} section#bloc_accueil .etat_service #tabs_services_min .texteMentionES { font-size:10px; font-size:1.0rem; position:absolute; margin-top: -30px;margin-left: 47px; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .petit_vert {display: block; width: 20px; height: 20px; background: #52bf00; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position: absolute;top: 20px;right: 20px; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .petit_rouge {display: block; width: 20px; height: 20px; background: #ff0000; position: absolute;top: 20px;right: 20px; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .petit_orange {width: 0;height: 0;border-style: solid;border-width: 0 10px 17.3px 10px;border-color: transparent transparent #f26c0c transparent; position: absolute;top: 20px;right: 20px; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .petit_blanc {width: 0;height: 0; background: none; position: absolute;top: 20px;right: 20px; } section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li {list-style: none; min-height: 0;width: 272px; margin: 0 0 0 8px; border-bottom: none; float: left; position: relative;} section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li input {color: #696969 !important;padding:6px 10px; width: 95%; margin: 20px 0 0; font-size: 12px; font-size:1.2rem; font-family: Arial, Tahoma, Verdana, sans-serif; } section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li select {color: #696969 !important;padding:6px 10px; width: 95%; margin: 20px 0 0; font-size: 12px; font-size:1.2rem; font-family: Arial, Tahoma, Verdana, sans-serif; } @media screen and (-webkit-min-device-pixel-ratio:0) { section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li select {color: #696969 !important;padding:6px 10px;width: 95%; margin: 20px 0 0; font-size: 12px; font-size:1.2rem; font-family: Arial, Tahoma, Verdana, sans-serif; } } /*section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li button.fermer_message {padding: 1px 5px;margin: -10px -20px 0 10px;position: absolute;right: 10px; z-index: 9999;} section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li #RechercheAutobusTransporteur_messageTransporteur,section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li #RechercheAutobusTransporteur_messageLigne {font-size: 11px;line-height: 14px;color: red;font-weight: normal;width: 95%;margin: 5px 0; padding: 0 20px 0 0}*/ section#bloc_accueil .etat_service ul.horaire_avis {margin: 20px 0 0 8px;} section#bloc_accueil .etat_service ul.horaire_avis li {display: inline-block } section#bloc_accueil .etat_service ul.horaire_avis li input#horaire, section#bloc_accueil .etat_service ul.horaire_avis li button#horaire {padding: 10px 45px 10px 20px; margin: 0 35px 0 0;background: #4891dc; position: relative} section#bloc_accueil .etat_service ul.horaire_avis li input#horaire:hover, section#bloc_accueil .etat_service ul.horaire_avis li button#horaire:hover {background-color: #003e79} section#bloc_accueil .etat_service ul.horaire_avis li input#horaire:after, section#bloc_accueil .etat_service ul.horaire_avis li button#horaire:after {content: "\e643"; color: #fff; font-family: amt2;font-family: amt2;position: absolute;top: 7px;right: 7px;font-size: 24px;} section#bloc_accueil .etat_service ul.horaire_avis li input#horaire:hover {background: #f26d0c;} section#bloc_accueil .etat_service ul.horaire_avis li a {text-transform: uppercase; font: bold 14px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.4rem;} section#bloc_accueil .etat_service #tabs_services_min ul.horaire_avis li{ border-bottom:none; float:none; margin:none; min-height:0; } /* ********************************************************************** @Thomas MODULE ÉTAT DES SERVICES (menu) ********************************************************************** */ .megamenu-row .petit_vert {display: block; width: 10px; height: 10px; background: #52bf00; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; float:right;margin-top:6px } .megamenu-row .petit_rouge {display: block; width: 10px; height: 10px; background: #ff0000; float:right;margin-top:6px } .megamenu-row .petit_orange {width: 0;height: 0;border-style: solid;border-width: 0 5px 8px 5px;border-color: transparent transparent #f26c0c transparent; float:right;margin-top:6px } .megamenu-row .petit_blanc {display: block; width: 10px; height: 10px; background: #fff;-webkit-border-radius:10px; -moz-border-radius:10px; float:right ;border: 2px solid #EBEBEB;margin-top:6px} .megamenu-row .ol-metro .petit_vert, .megamenu-row .ol-metro .petit_rouge, .megamenu-row .ol-metro .petit_orange, .megamenu-row .ol-metro .petit_blanc {margin-right: 120px;} .megamenu-row .ol-train .petit_vert, .megamenu-row .ol-train .petit_rouge, .megamenu-row .ol-train .petit_orange, .megamenu-row .ol-train .petit_blanc {margin-right: 40px;} .accessible-megamenu-panel-titre-h2{ position:relative; } .accessible-megamenu-panel-titre-h2 .etoile:before { content:"\f005"; font-family:fontAwesome; font-style:normal; font-size:16px; margin-right:10px; } .accessible-megamenu-panel-titre-h2 .petit_rouge {display: block; width: 10px; height: 10px; background: #ff0000; position:absolute; top:26px; right:5px; } .accessible-megamenu-panel-titre-h2 .petit_orange {width: 0;height: 0;border-style: solid;border-width: 0 5px 8px 5px;border-color: transparent transparent #f26c0c transparent; position:absolute; top:26px; right:5px; } .sidr-class-petit_rouge{display: block; width: 20px; height: 20px; background: #ff0000; position:absolute; top:20px; right:60px; } .sidr-class-petit_orange{width: 0;height: 0;border-style: solid;border-width: 0 13px 20px 13px;border-color: transparent transparent #f26c0c transparent; position:absolute; top:20px; right:60px; } /* ********************************************************************** @Thomas ONGLETS ********************************************************************** */ /* reset ui */ article .ui-tabs .ui-tabs-nav {display: table; padding: 0 !important; border-bottom:1px solid #d3d8db;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;margin: 0;} article .ui-widget-content, article .ui-widget-header, article .ui-state-active, article .ui-widget-content .ui-state-active, article .ui-widget-header .ui-state-active, article .ui-state-default, article .ui-widget-content .ui-state-default, article .ui-widget-header .ui-state-default, article .ui-corner-all, article .ui-corner-bottom, article .ui-corner-right, article .ui-corner-br, article .ui-tabs .ui-tabs-nav li.ui-tabs-active{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0;padding:0;float:none;margin:0;border:0;background:none;display: table-cell;} article .ui-tabs .ui-tabs-nav li a{padding: 65px 0 10px 0;width: 100%;} article .ui-tabs .ui-tabs-nav li.ui-tabs-active:after{content:"\a0";display:block;padding:2px 0;line-height:1px;border-top:1px solid #fff;position:absolute;width:100%;bottom: -6px;} .dyn-accueil article .ui-tabs .ui-tabs-nav li.ui-tabs-active:after{ border:none; } article .ui-helper-clearfix:before, article .ui-helper-clearfix:after{content:none} /* custom */ article .onglets{float:left;width:100%;margin-bottom: 20px;}/*margin-bottom: 20px; car en retirant le padding-bottom de .zone pour que le bas du site colle avec l'encadré gris */ article .onglets ul.ui-tabs-nav{float:left;width:100%;} article .onglets ul.ui-tabs-nav li.ui-state-default{float:left;width: 16.6%} article a.onglet{float:left;padding:80px 2% 10px 2%;text-align:center;font-size:16px;font-size:1.6rem;color:#333;border-left:1px solid #d3d8db;border-top:1px solid #d3d8db;background-color:#f5f5f5;} article a.onglet .onglet_texte{font-family: 'DinNext';font-weight:bold;font-size:16px;font-size:1.6rem;color:#333;max-height: 42px; padding-top:10px; } article a.onglet:hover>i.font_amt, article a.onglet:hover .onglet_texte{color:#fff;} article a.onglet:hover{background-color:#4891DC !important;} article li.ui-state-active:focus>a.onglet{text-decoration:underline} article li.ui-state-active:focus>a.onglet .font_amt{text-decoration:none} article li.ui-state-active>a.onglet{background-color:#fff !important;} article li.ui-state-active>a.onglet:hover .onglet_texte{color:#333;cursor:default} article li.ui-state-active>a.onglet:hover>i.font_amt{color:#4891DC;} article li:last-child a.onglet{border-right:1px solid #d3d8db;} article .onglets ul.ui-tabs-nav li:first-child a{border-top-left-radius:3px;} article .onglets ul.ui-tabs-nav li:last-child a{border-top-right-radius:3px;} article a.onglet div{min-width: 100px;white-space:normal;min-height: 42px;padding: 0 2%;} article a.onglet i.font_amt{text-align: center;margin:0;padding:0;width: 60px;height: 60px;color:#004990;margin-top:-44px;} article .ui-state-active a.onglet i.font_amt {color: #4891DC;} article a.onglet i.font_amt:before{width: 60px;font-size:60px;margin:auto;height: 60px;line-height: 60px;} /* picto .horloge */ article a.onglet i.horloge:before{content: '\e638';} /* picto .train */ article a.onglet i.train:before{content: '\e604';} /* picto .metro */ article a.onglet i.metro:before{content: '\e639';} /* picto .bus */ article a.onglet i.bus:before{content: '\e632';} /* picto .information */ article a.onglet i.information:before{content: '\e619';} /* picto .carte */ article a.onglet i.carte:before{content: '\e616';} /* picto .losange */ article a.onglet i.losange:before{content: '\e642';} /* picto .warning */ article a.onglet i.warning:before{content: '\e600';} /* ********************************************************************** @Thomas LOAD AJAX ********************************************************************** */ .load_ajax{margin:60px auto;width:128px;} /* ********************************************************************** @Pierre-andré TABLEAUX COULEURS GÉNÉRAL ********************************************************************** */ .onglets {border: none} .onglets .tableau_lignes {max-width: 935px} .onglets .tableau_lignes {padding: 0 !important} .onglets .tableau_lignes li.tab_line {display: block; border-right: solid 1px #d3d8db; border-bottom: solid 1px #d3d8db;border-left: solid 1px #d3d8db; list-style-type: none;} .onglets .tableau_lignes .tab_line_name {display: table; width: 66%;} .onglets .tableau_lignes ul {margin: 0} .onglets .tableau_lignes #LignesContenu > div > ul, .onglets .tableau_lignes #TRAIN > div > div > ul, .onglets .tableau_lignes #METRO > div > div > ul {border-top: solid 1px #d3d8db; } .onglets .tableau_lignes ul li ul li {width: 50%;display: table-cell; list-style: none; border-left: solid 1px #d3d8db; height: 70px; vertical-align: middle !important; float: left } .onglets .tableau_lignes ul li ul li span {margin: 0;padding: 0 40px 0 20px;height: 100%;display: table-cell;vertical-align: middle;} .onglets .tableau_lignes ul li div.ligne_couleur {font: bold 19px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.9rem; color: #333; letter-spacing: -1px; width: 34%;float: left;} .onglets .tableau_lignes ul li div.ligne_couleur strong {position: absolute;line-height: 68px;line-height: 6.8rem;left: 70px;} .onglets .tableau_lignes ul li div.ligne_couleur i.font_amt{width: 40px;height: 40px;margin: 15px 15px 0 10px;} .onglets .tableau_lignes ul li div.ligne_couleur i.font_amt:before {color: #fff; display: block; width: 40px; height: 40px; float: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size: 25px;line-height: 41px;text-align: center } .onglets .tableau_lignes ul li div.ligne_train_CA_Couleur i.font_amt:before {background: #646569;content: "\e604";} .onglets .tableau_lignes ul li div.ligne_train_DM_Couleur i.font_amt:before {background: #00a1af;content: "\e604";} .onglets .tableau_lignes ul li div.ligne_train_SH_Couleur i.font_amt:before {background: #752f8a;content: "\e604";} .onglets .tableau_lignes ul li div.ligne_train_MA_Couleur i.font_amt:before {background: #e2007a;content: "\e604";} .onglets .tableau_lignes ul li div.ligne_train_SJ_Couleur i.font_amt:before {background: #76b830;content: "\e604";} .onglets .tableau_lignes ul li div.ligne_train_VH_Couleur i.font_amt:before {background: #bf303f;content: "\e604";} .onglets .tableau_lignes ul li div.ligne_metro_1_Couleur i.font_amt:before {background: #008e4f;content: "\e639";} .onglets .tableau_lignes ul li div.ligne_metro_2_Couleur i.font_amt:before {background: #f08123;content: "\e639";} .onglets .tableau_lignes ul li div.ligne_metro_4_Couleur i.font_amt:before {background: #ffe400;content: "\e639";} .onglets .tableau_lignes ul li div.ligne_metro_5_Couleur i.font_amt:before {background: #0083ca;content: "\e639";} .onglets .tableau_lignes .texteMentionES {font-family: arial; font-size:12px; font-size:1.2rem; font-weight: normal; margin-left: 0px; } .onglets .tableau_lignes ul li ul li .onglets + li + li {width: 33%; } .onglets .tableau_lignes ul li ul li a {display: table;width: 100.5%;height: 70px !important;padding: 0;vertical-align: middle !important;font: normal 15px/15px open_sansbold, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.5rem; position: relative !important; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;color: #333;} .onglets .tableau_lignes ul.tab_line_name li a:hover,.onglets .tableau_lignes ul.tab_line_name li a:focus {background: #4891dc; color: #fff; text-decoration: none } .onglets .tableau_lignes ul.tab_line_name li a:after {content:"\e646"; font-family: amt2; position: absolute; top:0; right: 20px; line-height: 70px; color: #004990; font-size: 22px; } .onglets .tableau_lignes ul.tab_line_name li a:hover:after, .onglets .tableau_lignes ul.tab_line_name li a:focus:after {color: #fff; } .onglets #LignesContenu > div > ul, .onglets #TRAIN > div > div > ul, .onglets #METRO > div > div > ul {max-width: 935px} /* ********************************************************************** @Thomas TABLEAU DES CORRESPONDANCES AUTOBUS ********************************************************************** */ /* reset ui */ article .ui-widget-content, article .ui-state-default, article .ui-widget-content .ui-state-default, article .ui-widget-header .ui-state-default{border:0;background:none;} article .ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left: auto;top: auto;margin-top: 0;} article .ui-accordion .ui-accordion-header{margin-top:0;} /* custom */ article #BUS{float:left;width: 100%;padding:0;} article #BUS .correspondance{float:left;width: 100%;} article .onglets .ui-tabs-panel ul.tranporteurs{float:left;width: 100%;margin:0 0 40px 0;padding:0;list-style:none} article ul.tranporteurs li{display:inline;} article ul.tranporteurs li>a{color:#565656;font-size:16px;font-size:1.6rem;padding:0 20px;background: transparent url(../Content/Images/arrow_down.png) 0% 50% no-repeat;} /* blocs */ article #blocs_englobe{margin:0;padding:0;list-style:none;float: left;width: 100%;} article #blocs_englobe .bloc_transporteur{font-family: 'open_sansbold';float:left;width:100%;padding:20px 2%;border:1px solid #d3d8db;cursor:pointer; position: relative} article #blocs_englobe .bloc_transporteur:focus h3.panneau_actif:before, article #blocs_englobe .bloc_transporteur:focus h3.panneau_actif:after {content:""; width: 0; height: 0; border-style: solid; border-width: 12.5px 0 12.5px 15px; position: absolute; top: 17px} article #blocs_englobe .bloc_transporteur.ligne_defaut_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #d3d8db; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_train_CA_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #646569; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_train_DM_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #00a1af; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_train_SH_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #752f8a; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_train_MA_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #e2007a; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_train_SJ_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #76b830; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_train_VH_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #bf303f; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_metro_1_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #008e4f; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_metro_2_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #f08123; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_metro_4_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #ffe400; left: 0; } article #blocs_englobe .bloc_transporteur.ligne_metro_5_Couleur:focus h3.panneau_actif:before { border-color: transparent transparent transparent #0083ca; left: 0; } article #blocs_englobe .bloc_transporteur:focus h3.panneau_actif:after {border-color: transparent transparent transparent #fff; left: -6px;} article #blocs_englobe .font_amt{font-size:20px;line-height: 32px;color:#fff;margin:0;width:32px;padding: 0;width: 32px;height: 32px;-webkit-border-radius: 3px;border-radius: 3px;margin-right:20px;} article #blocs_englobe .bloc_transporteur:after {content:"\e646"; font-family: amt2; position: absolute; width: 30px; right: 20px; color: #004990; font-size: 22px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);top:22px; }/* top 22, bonne hauteur sur Terminus */ .dyn-detail-stationnement article #blocs_englobe .bloc_transporteur:after {top:27px;right:20px; } .dyn-detail-stationnement article #blocs_englobe .bloc_transporteur.ui-accordion-header-active:after{top: 19px;right:20px;} .dyn-e-s-details-ligne article #blocs_englobe .bloc_transporteur:after {top: 27px;right:20px;} /* top de la fleche pour page etat-services/metro/orange car sur deux lignes */ .dyn-e-s-details-ligne article #blocs_englobe .bloc_transporteur.ui-accordion-header-active:after{top: 19px;right:20px;} /* top de la fleche inversée pour page etat-services/metro/orange car sur deux lignes */ article #blocs_englobe .bloc_transporteur.ui-accordion-header-active:after {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);right: 20px; top: 12px}/* right 20 pour /fr/etat-services/train */ article #blocs_englobe .correspondance_englobe{float:left;width:100%;margin-bottom: 20px;} article #blocs_englobe .correspondance_englobe span{font-size:19px;font-size:1.9rem;color:#333;} article #blocs_englobe .correspondance_englobe span.text{font-size:14px;font-size:1.4rem;} article #blocs_englobe .correspondance_englobe ul.blocs{margin:0;padding:10px 0;list-style:none;float: left;width: 100%;background-color:#f5f5f5;border-right:1px solid #d3d8db;border-left:1px solid #d3d8db;border-bottom:1px solid #d3d8db;} article #blocs_englobe .correspondance_englobe ul.blocs li{ position:relative; } article #blocs_englobe .correspondance_englobe ul.blocs li a{min-height: 32px;font-family:open_sansregular;color:#333;float:left;width:47%;padding:20px 5% 20px 2%;background-color:#fff;margin:10px 0%; border: 1px solid #d3d8db;position:relative} article #blocs_englobe .correspondance_englobe ul.blocs li a .table:after {content:"\e646"; font-family: amt2; position: absolute; top:0; right: 20px; line-height: 70px; color: #004990; font-size: 22px; font-weight:normal; top:50%; margin-top:-34px; } article #blocs_englobe .correspondance_englobe ul.blocs li a:focus .table:after, article #blocs_englobe .correspondance_englobe ul.blocs li a:hover .table:after{ color:#fff; } article #blocs_englobe .correspondance_englobe ul.blocs li a .numero{text-align:center;padding-right:10px;margin-top: 6px;color:#4891dc;font-size:18px;font-size:1.8rem;font-weight:bold;float:left;width:10%} article #blocs_englobe .correspondance_englobe ul.blocs li a .text{float:left;line-height: 16px;line-height: 1.6rem;font-size:14px;font-size:1.4rem;width:90%}/*ne pas changer 90% a cause de la page /fr/planifier-trajet/autobus/EXPRESS/90/0/MTL6C */ .dyn-terminus article #blocs_englobe .correspondance_englobe ul.blocs li a .text{width:50%} /* /fr/planifier-trajet/installations-intermodales */ article #blocs_englobe .correspondance_englobe ul.blocs li a:hover{background-color:#4891dc;color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(72,145,220,1);box-shadow:inset 0 0 0 1px rgba(72,145,220,1);} article #blocs_englobe .correspondance_englobe ul.blocs li a:hover .img_icon:after{color:#fff;} article #blocs_englobe .correspondance_englobe ul.blocs li a:hover>.numero{color:#fff} article #blocs_englobe .correspondance_englobe ul.blocs li:nth-child(2n+1) a{margin:10px 2%;} /* Cas particulier */ .dyn-autobus-agence article #blocs_englobe .correspondance_englobe ul.blocs{padding:20px 0;border-top:1px solid #d3d8db;} .dyn-planifier-transport-arret article #blocs_englobe .bloc_transporteur:after{top:25px;right: 10px;} .dyn-planifier-transport-arret article #blocs_englobe .bloc_transporteur.ui-state-active:after{top:17px;right: 10px;} /* fr/planifier-trajets/automobile/circuit-electrique */ #circuit-electrique-liste #blocs_englobe .correspondance_englobe ul.blocs li a .table{display: table;width:100%;height:100%;} #circuit-electrique-liste #blocs_englobe .correspondance_englobe ul.blocs li a .text{width:70%;display: table-cell;vertical-align:middle;float: none;font-family: 'open_sanssemibold';} #circuit-electrique-liste #blocs_englobe .font_amt{color:#909090;display: table-cell;vertical-align:middle;width:15%;} #circuit-electrique-liste #blocs_englobe .font_amt:before{float:left;font-size:32px;width:100%;height:32px;} #circuit-electrique-liste #blocs_englobe .font_amt.icon_arrow:before{content:"\e646";} #circuit-electrique-liste #blocs_englobe .font_amt.icon_bus:before{content:"\e632";} #circuit-electrique-liste #blocs_englobe .font_amt.icon_metro:before{content:"\e639";} #circuit-electrique-liste #blocs_englobe .font_amt.icon_train:before{content:"\e604";} #circuit-electrique-liste #blocs_englobe .correspondance_englobe ul.blocs li a:hover .font_amt{color:#fff} /* ********************************************************************** @Thomas MODULE DIRECTION SWITCH ********************************************************************** */ /* directions */ #Directions {float: right;margin: 0 0 0 0;width:45%;} #Directions ul {float: left;width: 95%;margin:0;padding:0;} #Directions ul li{list-style:none;font-size:14px;font-size:1.4rem;float:left;width:95%;} #Directions ul li:first-child{border-bottom:1px solid #d3d8db;} #Directions ul li.selectionne{font-family: open_sansbold;} #Directions ul li.selectionne .direction_arrow{font-weight:bold;float:left;width:18px;height:14px; position: relative;} #Directions ul li.selectionne .direction_arrow:before {content: "\e644"; color:#4891DC; font-family: amt2; font-size: 23px; font-weight: normal} #Directions ul li:first-child.selectionne .direction_arrow{margin: 15px 0 0 -28px;} #Directions ul li:last-child.selectionne .direction_arrow{margin: 15px 0 0 -28px;} #Directions ul li a{padding:15px 0;float:left;color:#000;background:none;font-weight:normal;} #Directions ul li a:hover{color:#f26d0c;} #Directions .switch_englobe{width:5%;float:right;} #Directions .direction_switch {float:right; width: 30px;height: 30px;border: none; background: #f26d0c;margin-top: 38px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; padding: 0; text-indent: -9999px; position: relative} #Directions .direction_switch:after {content: "\e64f";color: #fff;position: absolute;top: 0;left: 0;font-size: 20px;font-family: amt2; text-indent: 0;line-height: 30px;width: 30px;text-align: center} #Directions .direction_switch:hover{background-color:#d45c04;text-decoration:none} #Directions .direction_switch:focus{text-decoration:none} .planifier-transport-autobus-arret #Directions, .autobus-agence-express #Directions, .planifier-transport-arret #Directions, .planifier-transport-ligne #Directions, .dyn-planifier-transport-autobus-ligne #Directions{margin: 29px 1% 0 4%} /* directions solo */ #Directions.solo{margin: 40px 1% 0 4%;} #Directions.solo .direction_switch{display:none} #Directions.solo ul li.selectionne .direction_arrow{margin: 5px 0 0 -28px;} #Directions.solo ul li:first-child{border-bottom:none;} #Directions.solo ul li:first-child.selectionne .direction_arrow{margin: 1px 0 0 -28px;} #Directions.solo ul li a{padding:1px 0;}/* padding 1 pour fr/planifier-trajets/autobus/CITLA/1/0 */ /* Cas particulier */ .dyn-e-s-details-ligne #Directions ul li a.gros_vert:before, .dyn-e-s-autobus-ligne #Directions ul li a.gros_vert:before{content: "";display: block;width: 14px;height: 14px;background: #52bf00;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;position: absolute;left: -31px;top: 19px;} .dyn-e-s-details-ligne #Directions ul li a.gros_rouge:before, .dyn-e-s-autobus-ligne #Directions ul li a.gros_rouge:before{content:""; display: block; width: 14px; height: 14px; background: #ff0000; position: absolute;left: -31px;top: 19px;} .dyn-e-s-details-ligne #Directions ul li a.gros_orange:before, .dyn-e-s-autobus-ligne #Directions ul li a.gros_orange:before{content:""; width: 0;height: 0;border-style: solid;border-width: 0 7px 12.1px 7px;border-color: transparent transparent #f26c0c transparent; position: absolute;left: -31px;top: 19px;} .dyn-e-s-details-ligne #Directions ul li a.gros_blanc:before, .dyn-e-s-autobus-ligne #Directions ul li a.gros_blanc:before{content: "";display: block;width: 14px;height: 14px;background: #fff;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;position: absolute;left: -31px;top: 19px;border:2px solid #EBEBEB} /* ********************************************************************** @Thomas LISTE PROCHAINS PASSAGES / HORAIRE COMPLET ********************************************************************** */ /* bouton prochains passages / horaire complet */ article .onglets .ui-tabs-panel ul.nav_horaires{font-size:16px;font-size:1.6rem;color:#333;float:left;margin: 37px 0 0 2%;padding-bottom:13px;} article ul.nav_horaires li{display:inline;list-style:none;margin-right: 20px;float:left} article ul.nav_horaires li a:hover{color:#f26d0c;cursor:pointer;padding-bottom:13px;border-bottom:3px solid #f26d0c;} article ul.nav_horaires li a{border-bottom:3px solid #fff;padding-bottom:13px;} article ul.nav_horaires li a.selectionne{color:#000;display:inline;list-style:none;font-weight:bold;border-bottom:3px solid #4891dc;padding-bottom:13px;} article ul.nav_horaires li a.selectionne:hover{color:#000;cursor:default;border-bottom:3px solid #4891dc;} article ul.nav_horaires li a:hover{text-decoration:none} article ul.nav_horaires li a:focus{text-decoration:none} /* pdf */ article a.horaire_pdf{float: right;margin: 37px 1% 0 0;color:#333;padding-right: 35px;} article a.horaire_pdf:hover{color:#f26d0c;} article a.horaire_pdf i.pdf_illu{width:23px;height:29px;background: transparent url(../Content/Images/mon-amt/sprite-mon-amt.png) -73px 0px no-repeat;margin:-8px 0 0 20px;position: absolute;right: 1%;} /* message de notification*/ article .gare_notification{float:left;width: 100%;} /* message d'embarquement */ article #msg_embarquement{ clear:both; margin:17px 0 0 2%; padding:10px 20px; background-color:#f5f5f5; } article #msg_embarquement .get-on div, article #msg_embarquement .get-off div{ float:left; margin-top:0; } article #msg_embarquement .get-on .text, article #msg_embarquement .get-off .text{ padding-top:5px; } article #msg_embarquement .TypeDebarquement{ height:31px; } article #msg_embarquement .clearfix{ float: none; clear:both; } /* prochains passages */ article .prochains_passages{float:left;width: 100%;border-top:1px solid #d3d8db;} article .prochains_passages .semaine{float:left;width:100%;} article .prochains_passages .jour_semaine, article .prochains_passages .aujourd_hui{font-weight:bold;color:#333333;font-size:14px;font-size:1.4rem;float:left;width: 100%;padding: 2% 0% 2% 2%;} article .prochains_passages .jourJ{border-right: 1px solid #D3D8DB;} /* actualiser */ article .prochains_passages .obtenirPassages{float:right;margin:0;} article .prochains_passages input.obtenirPassages{position:absolute;background: transparent url(../Content/Images/reload.png) 100% 50% no-repeat;color:#666666;font-size:14px;font-size:1.4rem;float:right;width:19%;text-align: right;padding: 17px 40px;right:13px;}/* Padding a 17 pour fr/planifier-trajets/autobus/STM/10/0/53051 */ /* reload style button */ article .prochains_passages .obtenirPassages{background-color:transparent;color:#333;font-family: 'open_sansregular';padding:0;margin:0;text-align:right} article .prochains_passages .obtenirPassages:hover{background-color:transparent} article .prochains_passages .obtenirPassages{position:absolute;right:0;padding-right: 40px;margin: 18px 10px;font-family: 'open_sanssemibold';font-size:14px;font-size:1.4rem;line-height: 24px;}/* margin a 18 */ /*line-height: 24px; pour ie sinon ça coupe le reload*/ .dyn-planifier-transport-arret article .prochains_passages .obtenirPassages{margin: 27px 10px;} /* pour aligner avec la cloche d'alerte fr/planifier-trajets/train/saint-jerome/0/11410 */ .dyn-planifier-transport-arret .non-connecte article .prochains_passages .obtenirPassages{margin: 27px 10px;} /* /fr/planifier-trajet/train/saint-jerome/0/11430#onglet_horaire avec cloche*/ .dyn-planifier-transport-autobus-arret article .prochains_passages .obtenirPassages{margin: 9px 10px;} article .prochains_passages .obtenirPassages:focus{background-color:transparent;} article .prochains_passages .obtenirPassages::after{content:"\e615";font-family:amt2;color:#4891dc;font-weight: 800;font-size:30px;right: 2px;margin:0 0 0 10px;width: 30px;height: 30px;line-height: 30px;position: absolute;top: -3px;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} article .prochains_passages .obtenirPassages:hover::after{-moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} /* Erreur cloche */ article .erreur_cloche_englobe{position:relative;float: left;width: 100%;padding: 20px;border-bottom: 1px solid #d3d8db;border-right: 1px solid #D3D8DB;} article .erreur_cloche{width:32px;height:32px;margin:0;} article .erreur_cloche:focus{text-decoration:none} article .erreur_cloche:before{content: '\e657';font-size:32px;line-height: 32px;margin:0;color:#565656} article .erreur_cloche_englobe .tooltip-aide{left: 63px;top: 9px;} /* tableau */ article ul.horaire_jour{margin:0;padding:0;width:100%;float:left;border-right: 1px solid #D3D8DB;border-bottom: 1px solid #D3D8DB;} article ul.horaire_jour li{list-style:none;width:100%;float:left;min-height: 50px;} article ul.horaire_jour li .etat_traffic{padding-left: 17px;} article ul.horaire_jour li .etat_traffic:before{font-family: amt2;position: absolute;font-size: 14px;margin-top: 14px;} article ul.horaire_jour li.petit_vert .etat_traffic:before {content: "\e62a"; color: #52bf00;} article ul.horaire_jour li.petit_rouge .etat_traffic:before {content: "\e640"; color: #ff0000;} article ul.horaire_jour li.petit_orange .etat_traffic:before {content: "\e63f"; color: #f26c0c;} article ul.horaire_jour li.petit_blanc .etat_traffic:before {width:14px;height:14px;content: "";-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#fff; border:1px solid grey} article ul.horaire_jour li:nth-child(2n+1){background-color:#f5f5f5;} article ul.horaire_jour li div.horaireComplet1{width:10%;float:left;} article ul.horaire_jour li div.horaireComplet2{width:10%;float:left;font-size:13px;color:#333333;margin:14px 0 0 0} article #HoraireComplet ul.horaire_jour li div.horaireComplet2{width:20%;padding-left:20px;} article ul.horaire_jour li div.horaireComplet3{width:30%;float:left;font-size:13px;color:#333333;margin:14px 0 0 0} article ul.horaire_jour li div.horaireComplet3c{width:30%;float:left;font-size:13px;color:#333333;margin:14px 0 0 0} article ul.horaire_jour li div.horaireComplet4{width:30%;float:left;font-size:13px;color:#333333;margin:14px 0 0 0;text-align: right;} article ul.horaire_jour li div.horaireComplet5{width:10%;float:left;} article ul.horaire_jour li div.horaireComplet6{width:10%;float:left;} article ul.horaire_jour li div.horaireComplet6 .font_amt{margin-right: 10%;} article ul.horaire_jour li div .font_amt{float:right;height: 32px;font-size:32px;margin-left:2%;margin-top: 13px;color:#004990} article ul.horaire_jour li div .font_amt.ajoute{color:#909090;cursor:pointer;} article ul.horaire_jour li .message_terminus{float: left;width: 90%;margin-left:10%;padding: 5px 1% 20px 0;font-size:13px;font-size:1.3rem;color:#565656;margin-top:5px;border-top:1px solid #ececec;} article ul.horaire_jour li .messages_alerte{float: left;width: 90%;margin-left:10%;padding: 5px 1% 20px 0;font-size:13px;font-size:1.3rem;color:#565656;margin-top:5px;border-top:1px solid #ececec;} /* picto .velo */ article .prochains_passages ul li .icon_velo:hover{cursor:default} article{} article .prochains_passages ul li .icon_velo:before {content: '\e602';} /* picto .alerte */ article #onglet_horaire ul li .icon_alerte{color:#004990} article #onglet_horaire ul li .icon_alerte.ajoute{color:#ccc} article #onglet_horaire ul li .icon_alerte:before {content: '\e657';} /* picto debarquement */ article .TypeEmbarquement{ float:left; width:30px; height:30px; background-image: url(../Content/Images/debarbarquement.svg); background-repeat: no-repeat; display:block; text-indent:-9999px;margin-top: -5px; } /* picto embarquement */ article .TypeDebarquement{ float:left; width:30px; height:30px; background-image: url(../Content/Images/embarbarquement.svg); background-repeat: no-repeat; display:block; text-indent:-9999px;margin-top: -5px; } /* HoraireComplet */ article #HoraireComplet{float:left;width: 100%;border-top:1px solid #d3d8db;} article #HoraireComplet .horaire_complet{display:none} article #accordion_horaire .semaine{float:left;width: 100%;} article #accordion_horaire .semaine .jour_semaine{position: relative;line-height: 30px;line-height: 3rem;float:left;width: 100%;padding: 2%;font-weight:bold;color:#333333;font-size:14px;font-size:1.4rem;border-bottom: 1px solid #d3d8db;border-right: 1px solid #d3d8db;} article #accordion_horaire .semaine .aucun_service_offert{float:left;width: 100%;padding: 2%;color:#333333;font-size:14px;font-size:1.4rem;} article #accordion_horaire .semaine .ui-accordion-content{float:left;width: 100%;} article #accordion_horaire .periode_jour {font-weight: bold;color: #333333;font-size: 14px;font-size:1.4rem;float: left;width: 100%;padding: 2% 0% 2% 2%;} article #accordion_horaire div.jour_semaine.ui-accordion-header-active {border-bottom: none } article #accordion_horaire div.jour_semaine:after {content:"\e646"; font-family: amt2; position: absolute; width: 30px; top:24px; right: 20px; color: #004990; font-size: 22px; font-weight: normal;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} article #accordion_horaire div.jour_semaine.ui-accordion-header-active:after {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);right: 20px; top: 14px} article #accordion_horaire div.semaine .ui-accordion-content-active {padding: 0;display: block !important; border-bottom: solid 1px #ccc;} /* bouton charger + d'horaire */ article .prochains_passages input.charger_plus_d_horaires{font-weight:bold;color:#fff;font-size:16px;font-size:1.6rem;padding:20px 25px;background-color:#f26d0c;float:left;width:auto;display:block;margin: 20px;} article .prochains_passages input.charger_plus_d_horaires:hover{color:#fff;background-color:#d45c04;} /* ********************************************************************** @Thomas @Tim FIL D'ARIANE ********************************************************************** */ #fildariane{margin: 0 auto;max-width: 1180px;width: 94%;} #fildariane > .zone {padding:0 !important;} #fildariane{font-size:13px;font-size:1.3rem;font-family: 'open_sanssemibold'; overflow:hidden; width:94%; }/* 94% si 1228px, alors aligné avec le menu */ #fildariane ul{float:left;margin:0;padding:0;list-style:none;} #fildariane ul li{padding:20px 8px 0 0;float: left;display:block;} #fildariane ul li::before{position: absolute;margin-top:10px; content: "\e644";font-family: "amt2";color:#6D6B6A;font-size:15px;font-size:1.5rem;line-height:0;line-height:0rem; display:block;} .lt-ie10 #fildariane ul li::before{margin-top:10px;} #fildariane > .zone > article > ul > li:first-child::before{content: '';} #fildariane > .zone > article > ul > li:first-child > a{padding-left: 0;} #fildariane ul li a:link, #fildariane ul li a:visited{color: #6d6b6a;} #fildariane ul li a{float:left;padding-left: 20px;} #fildariane ul li a:hover{color:#000} #fildariane ul li.last a:link, #fildariane ul li.last a:visited{color: #000;} #fildariane ul li ul li{float:left;padding:0 0 0 5px} /* ********************************************************************** @Pierre-André LISTE TRANSPORTEURS ********************************************************************** */ #liste_transporteurs {margin: 0 0 20px 0;} #liste_transporteurs .bloc_transporteurs{border:1px solid #d3d8db;float:left;padding:20px 2%;width:100%;} #liste_transporteurs .bloc_transporteurs span{color:#333;font-size:19px;font-size:1.9rem;font-weight: bold} #liste_transporteurs .bloc_transporteurs .font_amt{-webkit-border-radius:3px;border-radius:3px;color:#fff;font-size:20px;height:32px;margin:0 20px 0 0;padding:5px 0 0;width:32px;} #liste_transporteurs ul.blocs{background-color:#f5f5f5;border-bottom:1px solid #d3d8db;border-left:1px solid #d3d8db;border-right:1px solid #d3d8db;float:left;list-style:none;margin:0;padding:10px 0;width:100%;} #liste_transporteurs ul.blocs li a{line-height: 16px;line-height: 1.6rem;font-size: 14px;font-size:1.4rem;font-weight: bold;background-color:#fff;border:1px solid #d3d8db;color:#333;float:left;font-family:open_sansregular;margin:10px 0;min-height:32px;padding:20px 4% 20px 2%;width:47%; position:relative;} #liste_transporteurs ul.blocs li a:after {content:"\e646"; font-family: amt2; position: absolute; top:0; right: 20px; line-height: 70px; color: #004990; font-size: 22px; font-weight:normal; top:50%; margin-top:-34px; } #liste_transporteurs ul.blocs li a:focus:after, #liste_transporteurs ul.blocs li a:hover:after{ color:#fff; } #liste_transporteurs ul.blocs li:nth-child(2n+1) a{margin:10px 2%;} #liste_transporteurs ul.blocs li a:hover{-webkit-box-shadow:inset 0 0 0 1px rgba(72,145,220,1);background-color:#4891dc;box-shadow:inset 0 0 0 1px rgba(72,145,220,1);color:#fff;} /* ********************************************************************** @Thomas COLORBOX ********************************************************************** */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background-color:rgba(245,245,245,0.9);} #colorbox{outline:0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:0;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(../Content/Images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../Content/Images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../Content/Images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../Content/Images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; top:5px; right:5px; display: block; width: 15px; height: 15px; border-radius: 8px; background: #888; margin-left: 5px; margin-top: 3px; text-align: center; padding: 0; color: #FFF; font-size: 10px; line-height: 15px; text-indent: 1px;} #cboxClose:before { font-family: fontAwesome; font-style: normal; font-weight: normal; content: "\f00d"; margin-right:20px; margin-left:2.5px; } #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /* ********************************************************************** @Pierre-André FANCY BOX FAVORIS ********************************************************************** */ .fancy_favoris { padding: 0; } .fancy_favoris .breadCrumbs {display: none} .fancy_favoris_header {display: block;} .fancy_favoris_footer {position: relative} .fancy_favoris .fermerLightbox {float: left} .fancy_favoris .buttonOrange {text-align: center; padding: 5px 25px; text-decoration: none; line-height: 28px; border-radius:3px;} .fancy_favoris #favoriSelectionAjouter {float: right} .fancy_favoris #favoriConfirmationVersMonAmt {float:right;margin-right: 20px;background: #5090CD;} .fancy_favoris .fancy_destination_transport, .fancy_favoris .fancy_confirmation {display: table; border-bottom: solid 1px #ccc; margin: 0 0 20px 0;} .fancy_favoris .fancy_destination_transport { border-top: solid 1px #ccc; width: 100%;} .fancy_favoris .fancy_destination_transport .fancy_destination, .fancy_favoris .fancy_destination_transport .fancy_transport, .fancy_favoris .fancy_destination_confirmation, .fancy_favoris .fancy_transport_confirmation {display: table-cell; width: 50% } .fancy_favoris .fancy_destination_transport .fancy_destination, .fancy_favoris .fancy_destination_confirmation {padding: 0 20px 0 0; border-right: solid 1px #ccc} .fancy_favoris .fancy_destination_transport .fancy_transport, .fancy_favoris .fancy_transport_confirmation {padding: 0 0 0 20px} .fancy_favoris .fancy_destination_transport div ul {margin: 0} .fancy_favoris .fancy_destination_transport div ul li {display: block; } .fancy_favoris .fancy_destination_transport div > ul > li {border: solid 1px #ccc; margin: 10px 0; padding: 10px; min-height: 60px; position: relative} .fancy_favoris .fancy_destination_transport div.fancy_transport > ul > li {border-left: solid 3px #ccc;} .fancy_favoris .fancy_destination_transport div ul li label {font-size: 12px; font-size:1.2rem; margin: 10px 0 0 0; padding: 0} .fancy_favoris .fancy_destination_transport div ul > li input[type=checkbox] {position: absolute; top: 10px; right: 10px;} .fancy_favoris .fancy_destination_transport div ul li ul li input[type=checkbox] {position: absolute; top: 5px; right: 0;} .fancy_favoris .fancy_destination_transport div ul li input[type=text] {width: 40%; line-height: 30px; height: 30px; padding: 0 5px} .fancy_favoris .fancy_destination_transport div ul li div {margin: 0 20px 0 50px; position: relative;} .fancy_favoris .fancy_destination_transport div.fancy_destination ul li div.ma_destination {font-weight: bold;} .fancy_favoris .fancy_destination_transport div.fancy_destination ul li div.ma_destination:before {background: #fff;left: -50px;top: 0;display: inline-block;width: 28px;height: 28px;background-image: url(../Content/Images/sprite_pin.svg);background-image: url(../Content/Images/sprite_pin.png)\9;background-repeat: no-repeat;position: absolute;text-align: center;color: #5eb0e5;font-size: 14px;line-height: 20px;font-weight: normal;} .fancy_favoris .fancy_destination_transport div.fancy_destination ul li div.ma_destination:before, .fancy_favoris .fancy_destination_transport div.fancy_destination ul li div.ma_destination:before {content: "\e655"; font-family: amt2; position: absolute; text-align: center; color: #4891dc; font-size: 30px; padding: 5px 0; line-height: 20px; top: 0; left: -33px; background: #fff;} .fancy_favoris .fancy_destination_transport div.fancy_destination ul li div.ma_destination:after, .fancy_favoris .fancy_destination_transport div.fancy_destination ul li div.ma_destination:after {color: #4891dc; position: absolute; left: -22px; top: 0; font-weight: normal;} .fancy_favoris .fancy_destination_transport div.fancy_destination ul li:first-child div.ma_destination:after {content:"A"} .fancy_favoris .fancy_destination_transport div.fancy_destination ul li:last-child div.ma_destination:after {content:"B"} .fancy_favoris .fancy_destination_transport div ul li .arret_nom {font-weight: bold} .fancy_favoris .fancy_destination_transport div ul li .arret_nom:first-letter {text-transform: uppercase} .fancy_favoris .fancy_destination_transport div ul li .ligne_nom {color: #666; font-size: 13px; font-size:1.3rem;} .fancy_favoris .fancy_destination_transport div ul li .ligne_commentaire{font-style:italic; font-size: 13px; font-size:1.3rem; margin: 10px 0 0 50px} .fancy_favoris .fancy_destination_transport div ul li:before {position: absolute;top: 10px;left: 10px;font-size: 22px;text-align: center;line-height: 30px;font-family: amt2;display: block;width: 30px;height: 30px;float: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin: 0 15px 0 0;color: #fff;} .fancy_favoris .fancy_destination_transport div ul li.train:before {content: "\e604";} .fancy_favoris .fancy_destination_transport div ul li.metro:before {content: "\e639";} .fancy_favoris .fancy_destination_transport div ul li.autobus:before {content: "\e632"; background: #4891dc;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_CA_Couleur {border-left: solid 3px #646569 !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_DM_Couleur {border-left: solid 3px #00a1af !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_SH_Couleur {border-left: solid 3px #752f8a !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_MA_Couleur {border-left: solid 3px #e2007a !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_SJ_Couleur {border-left: solid 3px #76b830 !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_VH_Couleur {border-left: solid 3px #bf303f !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_CA_Couleur:before {background: #646569;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_DM_Couleur:before {background: #00a1af;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_SH_Couleur:before {background: #752f8a;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_MA_Couleur:before {background: #e2007a;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_SJ_Couleur:before {background: #76b830;} .fancy_favoris .fancy_destination_transport div ul li.ligne_train_VH_Couleur:before {background: #bf303f;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_1_Couleur {border-left: solid 3px #008e4f !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_2_Couleur {border-left: solid 3px #f08123 !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_4_Couleur {border-left: solid 3px #ffe400 !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_5_Couleur {border-left: solid 3px #0083ca !important;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_1_Couleur:before {background: #008e4f;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_2_Couleur:before {background: #f08123;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_4_Couleur:before {background: #ffe400;} .fancy_favoris .fancy_destination_transport div ul li.ligne_metro_5_Couleur:before {background: #0083ca;} .fancy_favoris .fancy_destination_transport div ul li ul {margin: 10px 0 10px 50px; font-size: 13px; font-size:1.3rem;} .fancy_favoris .fancy_destination_transport div ul li ul li {position: relative; padding: 5px;border-top: solid 1px #ccc;} .fancy_favoris .fancy_link_button a { float: left; margin: 0 0 20PX; background:#5090cd; border:medium none; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; color:#fff; cursor:pointer; font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font-size:1.5rem; padding:5px 25px; } .fancy_favoris .fancy_link_button a:hover {background:#f26d0c;} /* ****************************************************************************************************************************************************************************************** */ /* ********************************************************************************** TABLETTE ********************************************************************************************** */ @media screen and (min-width: 960px) and (max-width: 1240px) { /* SEARCH - Tablette @Thomas */ .header .search-form{margin: 21px 0 0 0;} .header .search-form fieldset input[type="text"]{display: none;} .header .search-form fieldset button[type="submit"]{border:0;width:20px;height:20px;margin-right: 11px; line-height:20px;} .header .search-form fieldset button[type="submit"]:before{font-size:20px;padding:0;width: 16px;height:20px; line-height:20px;} .header .search-form fieldset button[type="submit"]:hover{background-color:#fff;} /* FIL D'ARIANE - Tablette @Thomas */ #fildariane{width: 94%;margin: 0 3%;} /* LISTE TRANSPORTS FAVORIS - Tablette @Thomas */ .liste_transport_favoris{min-width:initial} /* CARROUSEL - Tablette @Thomas */ .carrousel-image { width:100%;} .dyn-accueil .mignature { width:30%;display:none } .dyn-accueil .principal { width: 100%; } .cycle-carousel-wrap{width:100%;} .navigation-carrousel-pagination{display:none;} .navigation-carrousel-boutons .navigation-carrousel-plus{display:none;} .navigation-carrousel{display:none;} .carrousel-image .principal .enveloppe-texte{padding:20px} .carrousel-image .principal p{line-height:18px;} .dyn-accueil .widget-before-content.widget-projection-widget.widget{padding:0 20px} .dyn-accueil .principal{height:auto;} .dyn-accueil .principal div.cycle-slide img { height:auto; } .accessible-megamenu-panel-group .liste_transport_favoris li { margin-left:10px; margin-right:10px; } } /* **************************************************************************************************************************************************************************************** */ /* ********************************************************************************** MOBILE ********************************************************************************************** */ @media screen and (max-width: 960px) { /* TOOLBAR FAVORI / ITINERAIRE / CHANGER X - Mobile @Thomas */ #OutilHoraire ul li{margin-top:11px;margin-left:10px;} /* SEARCH - Mobile @Thomas */ .search-form{display:none;} .sidr-class-search-form{margin: 16px 10px;width: 225px;height: 40px; float:left;} .sidr-class-search-form fieldset{float:left;margin: 0;padding: 0;width:250px;} .sidr-class-search-form fieldset label, .sidr-class-search-form fieldset legend{position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px)} .sidr-class-search-form fieldset input[type="text"]{line-height: 1.5rem;padding: 10px;height: 40px;background-color:#fff;width:188px;float:left;font-size:15px;font-size:1.5rem;color:#555555;margin:0;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} .sidr-class-search-form fieldset button[type="submit"]{float:left;overflow:hidden;background-color:#fff;color:#000;width:40px;height:40px;font-weight:normal;margin:0;padding:0;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;} .sidr-class-search-form fieldset button[type="submit"]:before{content: "\e611";color:#004990;font-family: "amt2";font-size:22px;padding:9px;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 22px;height:22px;margin:0;text-align: center;opacity: 1;font-variant: normal;text-transform: none;line-height: 1em;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";} .sidr-class-search-form fieldset button[type="submit"]:hover{background-color:#e7e7e7;} .sidr-class-search-form ::-webkit-input-placeholder{color:#a6a6a6;} .sidr-class-search-form :-moz-placeholder{color:#a6a6a6} .sidr-class-search-form ::-moz-placeholder{color:#a6a6a6} .sidr-class-search-form :-ms-input-placeholder{color:#a6a6a6} /* LISTE TRANSPORTS FAVORIS - Mobile @Thomas */ .haut_transport_favoris{border-bottom: 1px solid #CCC;} .liste_transport_favoris{min-width:initial} .liste_transport_favori{display:table-row;} .liste_transport_favori_col{display: block;width: 100%;height: auto;min-height:initial;float: left;} .liste_transport_favori_nom{margin-top:20px;} .liste_transport_favori_nom_texte{padding-right: 63px;} .liste_transport_favori_ligne{padding-right: 63px;} .liste_transport_favori_direction{margin-top:20px;margin-left: 20px;padding-right: 20px;} .liste_transport_favori_horaire{margin:20px 0;margin-left: 20px;} .liste_transport_favori_horaire_englobe{padding:0;} .liste_transport_favori_etat {} .liste_transport_favoris_modifier{width:100%;text-align:center;} /* AUTOCOMPLETE - Mobile @Thomas */ /* MESSAGES D'ERREUR - Mobile @Thomas */ .message_erreur_englobe{margin: 0 0 15px 0;} /* garder ce margin pour page fr/planifier-trajets/autobus*/ /* TOOLTIP - Mobile @Thomas */ /* CARROUSEL - Mobile @Thomas */ .widget-carrousel-actualites{padding:0} .widget-before-content.widget-projection-widget{padding:00;} .carrousel-image { width:100%;} .dyn-accueil .mignature { width:30%; } .dyn-accueil .principal { width: 100%; } .cycle-carousel-wrap{width:100%;} #modele-carrousel-pagination{display:none;} .navigation-carrousel-pagination{display:none;} .navigation-carrousel-boutons .navigation-carrousel-plus{display:none;} .navigation-carrousel{display:none;} .carrousel-image .principal .enveloppe-texte{padding:20px;bottom:0;min-height:initial} .carrousel-image .principal p{line-height:18px;} .carrousel-pagination{display:none;} .dyn-accueil .principal{height:auto;} .dyn-accueil .principal div.cycle-slide img { height:auto; } /* MODULE ÉTAT DES SERVICES (page d'accueil) - Mobile @Pierre-André */ section#bloc_accueil .etat_service {min-height: inherit; padding: 0;border-right: none;border-top: solid 1px #ccc;border-bottom: none; width: 100%;-webkit-border-radius:0;-moz-border-radius: 0;border-radius: 0;background: #fff; margin: 20px 0} section#bloc_accueil .etat_service h2 {margin: 20px 10px !important} section#bloc_accueil .etat_service #tabs_services_min {width: 100%;display:block} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li {position: relative; z-index: 9998;background: #e5e5e5;display: table-cell;width: 33%;border-bottom: solid 1px #ccc; border-left: solid 1px #ccc;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li:first-child {border-left: none} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a { display: block; width: 100%; height: 60px; position: relative;text-indent: 0; z-index: 9999;border-top: solid 1px #cacaca; } section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a:hover {color: #fff; background-color: #4891DC} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a span {width: 100%;text-align: center;display: block;margin-top: 40px;font-size: 11px;text-transform: uppercase;font-weight: bold;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li:before {display: none;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a:before {color: #004990;font-size: 35px;font-family: amt2;position: absolute;width: 100%;text-align: center; font-weight: normal} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a:hover:before {color: #fff} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active a:before {color: #4891dc; border-bottom: none; } section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.train a:before {content: '\e604';} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.metro a:before {content: "\e639";} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.autobus a:before {content: "\e632";} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active, section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active a:hover{background: #fff; border-bottom: 0; color: #333} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active a, section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active a:focus{border-bottom: 0;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a span{display:none} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a:before{height:59px;} section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li a:before{line-height:59px} section#bloc_accueil .etat_service #tabs_services .bloc_tabs_services div ul, section#bloc_accueil .etat_service #tabs_services .bloc_tabs_services div ul li {width: 100%} section#bloc_accueil .etat_service .ui-tabs .ui-tabs-nav {display: table;width: 100%;margin-left: 0; } section#bloc_accueil .etat_service #tabs_services_min > div ul.Mod_etat_color {border-top: solid 1px #cacaca; margin: 15px 0 0} section#bloc_accueil .etat_service #tabs_services_min > div ul, section#bloc_accueil .etat_service #tabs_services_min > div ul li {width: 100%; margin: 0 } section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li span:before, section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li span:before {display: none} section#bloc_accueil .etat_service #tabs_services_min > div ul li a { float: left;padding: 0 10px;display: block;width: 100%;} section#bloc_accueil .etat_service #tabs_services_min > div ul li a:hover{background-color: #4891dc; color: #fff} section#bloc_accueil .etat_service #tabs_services_min > div#autobus {border-bottom: solid 1px #ccc;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_train_CA_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #646569;-moz-box-shadow: inset 4px 0 0 0 #646569;box-shadow: inset 4px 0 0 0 #646569;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_train_DM_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #00a1af;-moz-box-shadow: inset 4px 0 0 0 #00a1af;box-shadow: inset 4px 0 0 0 #00a1af;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_train_SH_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #752f8a;-moz-box-shadow: inset 4px 0 0 0 #752f8a;box-shadow: inset 4px 0 0 0 #752f8a;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_train_MA_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #e2007a;-moz-box-shadow: inset 4px 0 0 0 #e2007a;box-shadow: inset 4px 0 0 0 #e2007a;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_train_SJ_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #76b830;-moz-box-shadow: inset 4px 0 0 0 #76b830;box-shadow: inset 4px 0 0 0 #76b830;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_train_VH_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #bf303f;-moz-box-shadow: inset 4px 0 0 0 #bf303f;box-shadow: inset 4px 0 0 0 #bf303f;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_metro_1_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #008e4f;-moz-box-shadow: inset 4px 0 0 0 #008e4f;box-shadow: inset 4px 0 0 0 #008e4f;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_metro_2_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #f08123;-moz-box-shadow: inset 4px 0 0 0 #f08123;box-shadow: inset 4px 0 0 0 #f08123;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_metro_4_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #ffe400;-moz-box-shadow: inset 4px 0 0 0 #ffe400;box-shadow: inset 4px 0 0 0 #ffe400;} section#bloc_accueil .etat_service #tabs_services_min > div ul li.ligne_metro_5_Couleur {-webkit-box-shadow: inset 4px 0 0 0 #0083ca;-moz-box-shadow: inset 4px 0 0 0 #0083ca;box-shadow: inset 4px 0 0 0 #0083ca;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte {position: absolute; background: #f5f5f5; top: 10px; right: 0; float: right; display: block; width: 42px; height: 39px; border-width: 0; text-align: center; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-top: solid 1px #d3d8db; border-bottom: solid 1px #d3d8db; border-left: solid 1px #d3d8db} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte:after {content: "";position: absolute; display: block; width: 4px; height: 100%; top: 0; right: 0 !important; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_vert:after {background: #52bf00; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_rouge:after {background: #ff0000;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_orange:after {background: #f26c0c;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_blanc:after {background: #d3d8db;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte:before {font-size: 18px;position: absolute;top: 8px;vertical-align: middle;left: 10px;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_vert:before {content: "\e62a";color: #52bf00;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_rouge:before {content: "\e640"; color: #ff0000; } section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_orange:before {content: "\e63f"; color: #f26c0c;} section#bloc_accueil .etat_service #tabs_services_min > div ul li .etat_color_icone_alerte.petit_blanc:before {content: ""; } section#bloc_accueil .etat_service #tabs_services_min .texteMentionES { font-size:10px; font-size:1.0rem; position:absolute; margin-top: -30px;margin-left: 0px; } section#bloc_accueil .etat_service #tabs_services_min .horaire_avis { display: block} section#bloc_accueil .etat_service .Info_perturbations{ margin-left: 0px !important;} section#bloc_accueil .etat_service .ui-widget button{margin-bottom:20px;} section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li{width:100%;} /* ONGLETS - Mobile @Thomas */ article a.onglet{padding:10px 2%;} article a.onglet .onglet_texte{display:none;} article .ui-tabs .ui-tabs-nav li a{padding: 5px 0 5px 0;} article a.onglet i.font_amt{width: 30px;height: 30px;margin-top:0;}/* ! pas + que 48px car existe 6 onglets cf: metro orange */ article a.onglet i.font_amt:before{width: 30px;font-size:30px;line-height:30px;} article .ui-tabs .ui-tabs-nav li.ui-tabs-active:after {content: "\a0";display: block;padding: 2px 0;line-height: 1px;border-top: 1px solid #fff;position: absolute;bottom: -6px;} /* LOAD AJAX - Mobile @Thomas */ /* TABLEAUX COULEURS GÉNÉRAL - Mobile @Pierre-André */ .onglets {width: 100%;} .onglets .ui-tabs-panel { border-right: none; border-bottom: none ; border-left: none;-webkit-border-radius: 0;-moz-border-radiust: 0;border-radius: 0;} .onglets .ui-tabs-panel > ul {} .onglets .ui-tabs-panel ul li ul li:first-child {width: auto;} .onglets .ui-tabs-panel ul li ul li, .onglets .ui-tabs-panel ul li ul li a {display: table; width: 100% !important} .onglets .ui-tabs-panel li.tab_line {border: none;} .onglets .ui-tabs-panel ul li ul li {border: none;position: relative; height: auto; } .onglets .ui-tabs-panel .tab_line_name {display: block;border: none;width: 100%; float: left} .onglets .ui-tabs-panel ul li div.ligne_couleur {cursor: pointer;position: relative; width: 100%; border-bottom: solid 1px #d3d8db;line-height:0;} .onglets .tableau_lignes ul li div.ligne_couleur i.font_amt{margin: 15px;} .onglets .ui-tabs-panel ul li div.ligne_couleur i.font_amt:before {color: #fff; display: block; width: 40px; height: 40px; float: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 10px 15px 0 10px;font-size: 25px;line-height: 40px;text-align: center } .onglets .ui-tabs-panel ul li div.ligne_couleur i.font_amt:before {margin: 0; position: relative;} .onglets .ui-tabs-panel ul li div.ligne_couleur strong { top: 10px; left: 65px;line-height: 47px;} .onglets .ui-tabs-panel ul li div.ligne_content { float: none !important; padding-left: 65px;} .onglets .ui-tabs-panel ul li div.ligne_content li span{border-bottom: solid 1px #d3d8db;padding: 15px 40px 15px 0 !important; display: block; width: 100%;} .onglets .tableau_lignes ul.tab_line_name li a:after {top: -10px} .onglets .tableau_lignes ul.tab_line_name li a:hover:after {color: #004990;} .onglets .tableau_lignes .texteMentionES { font-family: arial; font-size:12px; font-size:1.2rem; font-weight: normal; position: absolute; margin: 50px 0 0 -4px; } .onglets .ui-tabs-panel ul li div.ligne_content li a {display: table-cell;height: auto !important;vertical-align: middle !important; width: 100% ; font: normal 15px/15px open_sansregular, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;} .onglets .ui-tabs-panel ul li div.ligne_content li a:hover {background: #fff; color: #4891dc } /* TABLEAU DES CORRESPONDANCES AUTOBUS - Mobile @Thomas */ article #blocs_englobe{padding:0 10px;} article #blocs_englobe .correspondance_englobe ul.blocs li a .numero{width:20%} article #blocs_englobe .correspondance_englobe ul.blocs li a .text{width:80%} #circuit-electrique-liste #blocs_englobe .font_amt:before{font-size:22px;height:22px;} /* MODULE DIRECTION SWITCH - Mobile @Thomas */ #Directions{margin: 0;padding:0 0 0 10%;width:95%;float:left;} #Directions ul{width:85%;} #Directions .switch_englobe{width:15%;border-top: 0} #Directions ul li{width:99%;} #Directions ul li:first-child{width:100%;border-top:0} #Directions ul li:first-child{border-bottom:none;border-top: 1px solid #D3D8DB;} #Directions ul li:last-child{border-top:1px solid #d3d8db;width:90%;} #Directions.solo ul li:last-child{border-top:0;} #Directions .direction_switch{margin-right:30%;} #Directions ul li a{line-height: 16px;} #Directions ul li:first-child.selectionne .direction_arrow{margin-top:11px;} #Directions ul li:last-child.selectionne .direction_arrow{margin-top:12px;} .planifier-transport-autobus-arret #Directions, .planifier-transport-arret #Directions{margin-top:0;} .planifier-transport-ligne #Directions{margin-top:20px;} /* LISTE PROCHAINS PASSAGES / HORAIRE COMPLET - Mobile @Pierre-andré @Thomas */ article ul.horaire_jour, article .prochains_passages .jourJ, article .prochains_passages, .itineraire-nav-wrapper, article #accordion_horaire .semaine .jour_semaine {border-right:0;} article ul.nav_horaires li a{float: left;font-size:14px;} article ul.nav_horaires li a.selectionne{} article #onglet_horaire #TitreLigne {width: 100%} article .prochains_passages input.obtenirPassages {font-size: 0;top: 18px;} article #accordion_horaire .semaine .jour_semaine:focus .panneau_actif:before, article #accordion_horaire .semaine .jour_semaine:focus .panneau_actif:after {display: none} article .prochains_passages {border-right:0;} #onglet_horaire .horaire_pdf{border: 1px solid #d3d8db;border-bottom:0;margin: 0;padding: 20px 0 20px 10px;width: 100%;} article a.horaire_pdf i.pdf_illu {right:3%} #Itineraire, #onglet_horaire{border-right:0;} article a.horaire_pdf i.pdf_illu {padding-bottom:0;} .planifier-transport-arret ul.nav_horaires li {padding-bottom:0;}/*padding-bottom:0; au lieu de 9 pour fr/planifier-trajets/train/saint-jerome/0/11150#onglet_horaire */ article .onglets .ui-tabs-panel ul.nav_horaires {padding-bottom:0;} article #accordion_horaire div.jour_semaine:after {top:13px;} article #accordion_horaire div.jour_semaine.ui-accordion-header-active:after {top:2px;} article .onglets .ui-tabs-panel ul.nav_horaires{margin-top:20px;} article .prochains_passages input.obtenirPassages{padding:20px 40px;} article .prochains_passages .jour_semaine, article .prochains_passages .aujourd_hui {padding:15px 47px 15px 20px;} article ul.horaire_jour li div.horaireComplet1{width:20%;} article ul.horaire_jour li div.horaireComplet2{width:20%;} .planifier-transport-arret ul.horaire_jour li div.horaireComplet3 {width:10%;float:left;font-size:13px;color:#333333;margin:14px 0 0 0} .planifier-transport-arret ul.horaire_jour li div.horaireComplet3c {width:20%;float:left;font-size:13px;color:#333333;margin:14px 0 0 0} article ul.horaire_jour li div.horaireComplet5 {width: 15%;} article ul.horaire_jour li div.horaireComplet6{width:15%;} article .onglets .ui-tabs-panel ul.tranporteurs{margin: 10px 0 20px 0;padding:0 10px} article #blocs_englobe .correspondance_englobe span{font-size:13px;line-height: 32px;}/* position: absolute; a été retiré car le text des etat de service en mobile se chevauchent */ article #blocs_englobe .correspondance_englobe {margin-right: 42px;} article #blocs_englobe .font_amt{margin-right:10px;float: left;} article #blocs_englobe .bloc_transporteur:after {right:10px;} article #blocs_englobe .bloc_transporteur{padding: 20px 10px;} article .prochains_passages .obtenirPassages{margin: 12px 10px;} /* 12 au lieu de 19 pour mobile - /fr/planifier-trajets/train/candiac/0/11160#onglet_horaire */ .dyn-planifier-transport-arret article .prochains_passages .obtenirPassages{margin: 12px 10px;}/* pour fr/planifier-trajets/train/saint-jerome/0/11150#onglet_horaire */ .dyn-planifier-transport-arret .non-connecte article .prochains_passages .obtenirPassages{margin: 12px 10px;} article .prochains_passages .obtenirPassages span{display:none;} /* FIL D'ARIANE - Mobile @Thomas */ /* LISTE TRANSPORTEURS - Mobile @Pierre-André */ #liste_transporteurs ul.blocs li a, article #blocs_englobe .correspondance_englobe ul.blocs li a {width:96%;margin:5px 2%;} #liste_transporteurs ul.blocs li:nth-child(2n+1) a, article #blocs_englobe .correspondance_englobe ul.blocs li:nth-child(2n+1) a{margin:5px 2%;} /* COLORBOX - Mobile @Thomas */ /* FANCY BOX FAVORIS - Mobile @Pierre-André */ .fancy_favoris .fancy_destination_transport, .fancy_favoris .fancy_confirmation {display: table; border-bottom: solid 1px #ccc; margin: 0 0 20px 0;} .fancy_favoris .fancy_destination_transport .fancy_destination, .fancy_favoris .fancy_destination_transport .fancy_transport, .fancy_favoris .fancy_destination_confirmation, .fancy_favoris .fancy_transport_confirmation {display: block; width: 100% } .fancy_favoris .fancy_destination_transport .fancy_destination, .fancy_favoris .fancy_destination_confirmation {padding: 0; border-right: none; } .fancy_favoris .fancy_destination_transport .fancy_transport, .fancy_favoris .fancy_transport_confirmation {padding: 0; border-top: solid 1px #ccc; margin: 20px 0;} .fancy_favoris .fancy_link_button a { float: none;} /* LANGUE - Mobile @Thomas */ #menu-principale-mobile div a[lang]{color:#fff;font-size: 18px;font-size: 1.8rem;float:right;font-family: DinNext, "Myriad Pro", Arial;padding: 10px 0 20px 0;} .dyn-recherche-zones-tarifaires #RechercheLieuContainer #RechercheBouton{ width:80%; float:none; margin:0 auto; padding:20px 0 0; clear:both; } .dyn-recherche-zones-tarifaires #RechercheLieuContainer #RechercheBouton button{ width:100%; } }