/*/
 * Styles personnalisés CASSE
 */
/*a {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}*/

.affichage_mobile {display: none}
.affichage_ecran {display: inherit }

::-ms-clear, ::-ms-reveal {display: none;}

article .imprimer {font-size: 13px; font-size:1.3rem; padding: 10px 0; float: right; line-height: 20px; line-height: 2rem;}
article .imprimer:after {content: "\e65d"; font-family: amt2; color: #f26d0c;margin: 0 0 0 5px; font-size: 20px;float: right;}



/* Design des SELECT */ 

#contenu .terminus_overflow{float: left;overflow: hidden;width: 100%;}
.lt-ie10 #contenu select{background-image:none;padding-top:0;padding-bottom:0;padding-right:0;} /* cache la fleche sur ie9 car doublé*/
#contenu select {padding-top: 4px;   -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;  text-indent: 0.01px;text-overflow: ''; position: relative; background: url(../Content/Images/sprite_select.png) right 10px no-repeat #fff;padding-right: 14px;}

#contenu select::-ms-expand {display: none;}
/* //Design des SELECT */ 

/* Code PA */

.dyn-accueil .non-connecte #contenu {padding: 459px 0 0 0} /* AU lieu de 448px pour voir la station du bas sur la carte a la page d'accueil */
.dyn-accueil #contenu.ouvert {
    padding: 699px 0 0 0 !important;
    -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}
.dyn-accueil .connecte #contenu {padding: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* 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-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;}
/*//reset ui */

section#promo_accueil {height: 200px; margin: 0 0 40px 0}
section#promo_accueil img {width: 100%; height: 200px}

/* Accueil - État de service
section#bloc_accueil .etat_service {min-height: 600px;border-right: solid 1px #ccc; width: 300px; float: left; 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-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-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 { 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:before {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:before {content: '\e604';}
section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.metro:before {content: "\e639";}
section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.autobus:before {content: "\e632";}
section#bloc_accueil .etat_service #tabs_services_min .ui-tabs-nav li.ui-state-active {border-bottom: solid 3px #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;}
section#bloc_accueil .etat_service #tabs_services_min > div ul {display: block; width: 280px; margin: 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 span{display: table-cell; height: 60px;  width: 280px; vertical-align: middle; font:bold 16px/40px  DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;}
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:before {background: #646569;content: "\e604";}
section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_DM_Couleur span:before {background: #00a1af;content: "\e604";}
section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_SH_Couleur span:before {background: #752f8a;content: "\e604";}
section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_SJ_Couleur span:before {background: #76b830;content: "\e604";}
section#bloc_accueil .etat_service #tabs_services_min > div#trains ul li.ligne_train_VH_Couleur span:before {background: #bf303f;content: "\e604";}

section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_1_Couleur span:before {background: #008e4f;content: "\e639";}
section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_2_Couleur span:before {background: #f08123;content: "\e639";}
section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_4_Couleur span:before {background: #ffe400;content: "\e639";}
section#bloc_accueil .etat_service #tabs_services_min > div#metros ul li.ligne_metro_5_Couleur span:before {background: #0083ca;content: "\e639";}

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: 60px;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, section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li select {color: #696969 !important;height: 30px; line-height: 30px; width: 95%; margin: 20px 0 0; font-size: 12px; 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_messageLigne a {color: #4891dc; font-weight: bold}
section#bloc_accueil .etat_service #tabs_services_min div#autobus ul li #RechercheAutobusTransporteur_messageLigne a:after {content: "\e646";background: #f26d0c;color: #fff;font-weight: normal;font-size: 9px;margin: 0 0 0 5px;padding: 0 2px;transform: scale(1.2,2.4);-ms-transform: scale(0.6,1.2);-webkit-transform: scale(1.2,2.4);}
section#bloc_accueil .etat_service ul#horaire_avis {margin: 25px 0}
section#bloc_accueil .etat_service ul#horaire_avis li {display: inline-block }
section#bloc_accueil .etat_service ul#horaire_avis li input#horaire {padding: 10px 45px 10px 20px; margin: 0 35px 0 0;background: url(../Content/Images/sprite_arrows.png) 90px 12px no-repeat #5090cd;}
section#bloc_accueil .etat_service ul#horaire_avis li input#horaire:hover {background: url(../Content/Images/sprite_arrows.png) 90px 12px no-repeat #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;} */

.accueil .tab-accueil {
    display: none;
}
section#bloc_accueil .infos_transport {display: block; margin: 0 350px 0 30px;}
section#bloc_accueil .infos_transport h1{margin-top:40px;}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport {border: none; margin: 0 -40px 110px 0; }
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li {list-style: none;margin: 0 11px 0 0; display: inline-block;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;position: relative;}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.titre {display: none}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a { display: block; width:92px; height: 92px; position: relative; color: #333}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:hover {background-color: #f26d0c}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:hover:before {color: #fff}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a span {white-space:pre-line; display: block; width:92px; top: 100px; position: absolute; text-align: center; font:normal 14px  DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.4rem; }
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:before {  speak: none;font-family: "amt2";font-style: normal;font-weight: normal; position: absolute; left: 0; top: 0; display: block; width: 92px; height: 92px; text-align: center; line-height: 92px; font-size: 60px; color: #004990; margin: 0}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_train:before {content: '\e604';}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_metro:before {content: "\e639";}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_autobus:before {content: "\e632";}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_velo:before {content: '\e64a';}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_stationnement:before {content: "\e60e";}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_covoiturage:before {content: "\e64c";}
section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.infos_terminus:before {content: "\e645";}
section#bloc_accueil .infos_transport #tabs_infos_transport .bloc_tabs_infos {margin: 0 0 40px 0;}
section#bloc_accueil .infos_transport #tabs_infos_transport .ui-tabs-panel{padding: 20px 0}
section#bloc_accueil .infos_transport #tabs_infos_transport .bloc_tabs_infos div a, section#nouvelles ul li a {color: #4891dc; font-weight: bold}
section#bloc_accueil .infos_transport #tabs_infos_transport .bloc_tabs_infos div a:after, section#nouvelles ul li a:after {content:"\e646"; font-family: amt2; background-color: #f26d0c; color: #fff; padding: 4px 1px; font-weight: normal; font-size: 8px; margin: 0 0 0 5px;padding: 0;}
section#bloc_accueil .infos_transport #tabs_infos_transport .bloc_tabs_infos_transport {}

/* Menu utilitaire */
section#menu_utilitaire {margin: 0;float:left;}
section#menu_utilitaire ul { margin: 0; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
section#menu_utilitaire ul li {display: inline-block; width: 20%; list-style: none; margin: 0; padding: 0; float: left; height: 170px; border-right: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
section#menu_utilitaire ul li:first-child {border-left: solid 1px #ccc; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
section#menu_utilitaire ul li:last-child {-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#menu_utilitaire ul li a {position: relative;display: block; width: 100%; height: 100%; padding: 20px; color: #333; font:normal 16px  DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.6rem; }
section#menu_utilitaire ul li a span{display: block; font-weight: bold}
section#menu_utilitaire ul li:hover { background: #ebebeb}
section#menu_utilitaire ul li a .figure {margin: 0; position: absolute; bottom: 0; left: 0; }
section#menu_utilitaire ul li a .figure img {display:block; width: 100%; height: auto;}
/* //Menu utilitaire */

/* Nouvelles & Echangez avec nous*/
section#nouvelles{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;min-height:300px;padding:0 0 0 20px;width:33%;}
section#nouvelles ul li{border-top:solid 1px #ccc;display:block;font-size:13px;font-size:1.3rem;line-height:17px;line-height:1.7rem;padding:20px 20px 20px 0;}
section#nouvelles ul li span{display:block;font-weight: bold; color: #333;}
section#echangez{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:right;min-height:300px;padding:0 0 0 20px;width: 65%}

section#echangez ul li a.picto-facebook{font-family:AdobeBlank;}
section#echangez ul li a.picto-facebook:before{-moz-border-radius:3px;-webkit-border-radius:3px;background:#4891dc;border-radius:3px;color:#fff;display:block;font-size:20px;font-style:normal;font-weight:400;height:32px;left:0;line-height:32px;position:absolute;text-align:center;top:0;width:32px;}
section#echangez ul li a.picto-facebook:before{content:"\e62e";font-family:amt2;}

section#echangez ul li a.picto-twitter{font-family:AdobeBlank;}
section#echangez ul li a.picto-twitter:before{-moz-border-radius:3px;-webkit-border-radius:3px;background:#4891dc;border-radius:3px;color:#fff;display:block;font-size:20px;font-style:normal;font-weight:400;height:32px;left:0;line-height:32px;position:absolute;text-align:center;top:0;width:32px;}
section#echangez ul li a.picto-twitter:before{content:"\e627";font-family:amt2;}

section#echangez ul li.instagram:before{content:"\e629";}
section#nouvelles ul,section#echangez ul{margin:0;}
section#echangez ul li a {color: #4891dc;font-family: 'open_sanssemibold';}
section#echangez ul li a:hover {color:#f26d0c;}
section#echangez{padding:20px;}
section#echangez .echangez-titre{float:left;width:100%;font-size: 28px;font-size: 2.8rem;font-weight: normal;color: #333;font-family: 'DinNext';padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom:solid 1px #ccc;}
section#echangez ul.facebook-liste{float: left;width: 50%;padding-right: 20px;}
section#echangez ul.twitter-liste{float: right;width: 50%;}
section#echangez ul li{padding:0 0 20px 51px;border-bottom:solid 1px #ccc;display:inline-block;float:left;font-size:13px;font-size:1.3rem;line-height:17px;line-height:1.7rem;margin:0 0 20px 0;position:relative;width:100%;}
section#echangez ul.facebook-liste li{padding:0 0 40px 51px;-ms-word-wrap: break-word;word-break: break-word;}
section#echangez ul li:last-child{border-bottom:0;}a
section#echangez .truncate {width:84%; overflow: hidden;text-overflow: ellipsis;position: absolute;white-space: nowrap;} /* white-space: nowrap; probleme en mobile */






/* //Page d'accueil */


/* Panneau itineraire Général + Style communs Résultats - Calculer tarifs */
.non-connecte .panneau-itineraire.accueil{  width:725px; height:65px; overflow:hidden; padding:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background: #00488f; /* Old browsers */
background: -moz-linear-gradient(top,  #00488f 0%, #05162b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00488f), color-stop(100%,#05162b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00488f 0%,#05162b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00488f 0%,#05162b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00488f 0%,#05162b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00488f 0%,#05162b 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00488f', endColorstr='#05162b',GradientType=0 );  IE6-9 */
background: url(../Content/Images/bgd_panneau_ie.png) left top repeat-x #004990\9; /* IE9 seulement*/
 }
.non-connecte .panneau-itineraire.accueil .modetransport, .non-connecte .colonne_intineraire_options .modetransport {
    width: 100%;
}

.non-connecte .panneau-itineraire.accueil .modetransport .checkboxmodetransport, .non-connecte .colonne_intineraire_options .modetransport .checkboxmodetransport{
    width: 33%;
    float: left;
}

.non-connecte .panneau-itineraire.accueil .modetransport .checkboxmodetransport .inputModeTransport{
    padding: 7px 0 15px 30px;
    color: #fff;
    font: 700 1.1rem Arial,Tahoma,Verdana,sans-serif;
}

.non-connecte .colonne_intineraire_options .modetransport .checkboxmodetransport .inputModeTransport{
    clear: both;
    padding: 5px 0 15px 5px;
    font: 700 1.1rem Arial,Tahoma,Verdana,sans-serif;
}
.connecte .panneau-itineraire.accueil{width:725px; height:65px; overflow:hidden; padding:20px; background: #f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.panneau-itineraire.accueil.ouvert {
    height:220px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.panneau-itineraire.planifier {
    position: relative;
    left: auto;
    min-height: 345px;
    z-index: 10;
    width: 300px;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #00488f;
    background: -moz-linear-gradient(top, #00488f 0%, #05162b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00488f), color-stop(100%,#05162b));
    background: -webkit-linear-gradient(top, #00488f 0%,#05162b 100%);
    background: -o-linear-gradient(top, #00488f 0%,#05162b 100%);
    background: -ms-linear-gradient(top, #00488f 0%,#05162b 100%);
    background: linear-gradient(to bottom, #00488f 0%,#05162b 100%);
    background: url(../Content/Images/bgd_panneau_ie.png) left top repeat-x #004990\9;
}
    .panneau-itineraire.planifier h2 {
        font-size: 3.2rem !important;
    }
    .panneau-itineraire.planifier form div.startend {
        padding-left:0;
    }

    .panneau-itineraire form .map-icon{width:36px;height:30px;float:left;margin:0 0 0 15px;}
    .panneau-itineraire.accueil form .map-icon{width:36px;height:30px;float:left;margin:0 0 0 0;}
    .panneau-itineraire form .map-icon:before{font-family: amt2;font-size:28px;width:36px;height:30px;float:left;color: #FFF;background-color: #F26D0C;padding-top: 2px; border-radius: 5px;}
    .panneau-itineraire form .train:before{content: '\e604';}
    .panneau-itineraire form .metro:before{content: '\e639';}
    .panneau-itineraire form .autobus:before{content: '\e632';}
    .panneau-itineraire form .map-iconInactif{width:36px;height:30px;float:left;margin:0 0 0 15px;}
    .panneau-itineraire form .map-iconInactif:before{font-family: amt2;font-size:28px;width:36px;height:30px;float:left;color: #FFF;padding-top: 2px;}
    .panneau-itineraire.accueil form .map-iconInactif{margin:0 0 0 0;}

    .colonne_intineraire_options form .map-icon{width:36px;height:30px;float:left;margin:0 0 0 15px;}
    .colonne_intineraire_options form .map-icon:before{font-family: amt2;font-size:28px;width:36px;height:30px;float:left;color: #FFF;background-color: #F26D0C;padding-top: 2px; border-radius: 5px;}
    .colonne_intineraire_options form .train:before{content: '\e604';}
    .colonne_intineraire_options form .metro:before{content: '\e639';}
    .colonne_intineraire_options form .autobus:before{content: '\e632';}
    .colonne_intineraire_options form .map-iconInactif{width:36px;height:30px;float:left;margin:0 0 0 15px;}
    .colonne_intineraire_options form .map-iconInactif:before{font-family: amt2;font-size:28px;width:36px;height:30px;float:left;color: #909090;padding-top: 2px;}



    .panneau-itineraire.planifier form .destination {
        margin-left: 0;
    }
    .panneau-itineraire.planifier form div.startend:before {
        content: '';
        display: block;
        width: 3px;
        height: 5px;
        background: #f26d0c;
        position: absolute;
        left:14px;
        top:87px;
    }

    .panneau-itineraire.planifier form div.startend button[type=button]#inverser {
        right:-10px;
        top:75px;
    }
        .panneau-itineraire.planifier form div.startend button[type=button]#inverser:after {
            -webkit-transform: rotate(0deg) !important;
            -moz-transform: rotate(0deg) !important;
            -ms-transform: rotate(0deg) !important;
            -o-transform: rotate(0deg) !important;
        }
.panneau-itineraire.planifier form input[type=text]#date {
    width:200px !important;
    margin: 0 0 10px 33px;
}
.panneau-itineraire.planifier form button[type=submit]#asdf {
    position: absolute;
    margin-top: 265px;
    margin-left: 0;
    width: 300px;
    display: block;
    left:0;
}
.panneau-itineraire.planifier form input[type=text] {
    width:200px !important;
}
    .panneau-itineraire.planifier form #zoneOptions #afficher_heures_minutes {
        float:right;
    }
    .panneau-itineraire.planifier form .ui-datepicker-trigger {
        position: absolute;
        right: -10px;
    }
    .panneau-itineraire.planifier form #zoneOptions div.partir_arriver  {
        float: left;
        margin: 0;
        width: 100%;
        margin-bottom: 5px;
    }

   .panneau-itineraire.planifier form #zoneOptions div.modetransport  {
        float: left;
        margin: 5px 0 15px -8px;
        width: 100%;
       padding-left: 30px;
    }



      .panneau-itineraire.planifier form #zoneOptions div.checkboxmodetransport  {
        float: left;
        width: 33%;
        font:1.1rem Arial,Tahoma,Verdana,sans-serif;
        color: #FFF;
        font-weight: 700;
    }
       .panneau-itineraire.planifier form #zoneOptions div.checkboxmodetransport .inputModeTransport  {
        clear: both;
        padding-top: 8px;
    }


      

    .panneau-itineraire.planifier .fermer {
        display:none;
    }
        .panneau-itineraire.planifier form #zoneOptions div.partir_arriver .left {
            float:right;
        }
    .panneau-itineraire.planifier #zoneOptions {
        padding-left:0;
    }
.non-connecte .panneau-itineraire.accueil {position:absolute; left: 0;}/* 284 au lieu de 300 car c'etait trop haut sur accueil non connecté */
.connecte .panneau-itineraire.accueil {position:absolute; height: 100%; display: block; top:0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;border-right: solid 1px #ccc;}
.connecte .panneau-itineraire.accueil h2, .connecte .panneau-itineraire.accueil label {color: #333}
.connecte .panneau-itineraire.accueil form input[type=text], .connecte .panneau-itineraire.accueil form select {border: solid 1px #aaa;}
.connecte .panneau-itineraire.accueil form select {background: url(../Content/Images/sprite_select.png) right 8px no-repeat #fff\9}
.connecte #promo_accueil_car {display: none}

.panneau-itineraire.planifier {position:relative; left: auto;min-height: 345px;z-index: 10;}/* 284 au lieu de 300 car c'etait trop haut sur fr/planifier-trajets non connecté */

.panneau-itineraire h2{ font-size:2.4rem !important; color:#fff; margin: 0 0 20px 0; float:left;}
.panneau-itineraire form input[type=text], 
#gauche-col .colonne_intineraire_options form input[type=text], 
#gauche-col .colonne_intineraire_options form #age {width: 210px !important; padding:  6px 10px;  background: #fff;color: #696969;font-size: 12px; font-size:1.2rem; }	
.panneau-itineraire form input[type=text] {border: none;margin: 0 0 10px 33px; font-family:Arial, Helvetica, sans-serif}

.option_date {position: relative}
.option_date button#afficherProchainsJours{-moz-border-radius:0;-webkit-border-radius:0;background:none;border-radius:0;color:#003e7a;cursor:pointer;display:block;float:right;height:20px;padding:0;position:absolute;right:35px;text-indent:-9999px!important;width:20px;z-index:999;}
.option_date button#afficherProchainsJours:before{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);color:#004990;content:"\e646";display:block;font-family:amt2;font-size:20px;height:20px;width:20px;line-height:20px;padding:0;margin:0;text-indent:0;transform:rotate(90deg);z-index:9999;}
.panneau-itineraire .option_date button#afficherProchainsJours {top: 5px;margin: 0;padding: 0;right: 31px;}
 .dyn-c-t-accueil #gauche-col .option_date button#afficherProchainsJours {top: 5px;margin: 0;padding: 0;right: 31px;}
 .dyn-c-t-recherche #gauche-col .option_date button#afficherProchainsJours {top: 5px;margin: 0;padding: 0;right: 31px;}

 .option_date button#afficherProchainsJourstbt{-moz-border-radius:0;-webkit-border-radius:0;background:none;border-radius:0;color:#003e7a;cursor:pointer;display:block;float:right;height:20px;padding:0;position:absolute;right:35px;text-indent:-9999px!important;width:20px;z-index:999;}
.option_date button#afficherProchainsJourstbt:before{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);color:#004990;content:"\e646";display:block;font-family:amt2;font-size:20px;height:20px;width:20px;line-height:20px;padding:0;margin:0;text-indent:0;transform:rotate(90deg);z-index:9999;}
.panneau-itineraire .option_date button#afficherProchainsJourstbt {top: 5px;margin: 0;padding: 0;right: 31px;}
 .dyn-c-t-accueil #gauche-col .option_date button#afficherProchainsJourstbt {top: 5px;margin: 0;padding: 0;right: 31px;}
 .dyn-c-t-recherche #gauche-col .option_date button#afficherProchainsJourstbt {top: 5px;margin: 0;padding: 0;right: 31px;}

.panneau-itineraire form input::-webkit-input-placeholder{font-size: 12px;font-size:1.2rem;} 
.panneau-itineraire form input:-moz-placeholder{font-size: 12px;font-size:1.2rem;} 
.panneau-itineraire form input::-moz-placeholder{font-size: 12px;font-size:1.2rem;} 
.panneau-itineraire form input:-ms-input-placeholder{font-size: 12px;font-size:1.2rem;}

.panneau-itineraire form label {color: #fff;font:normal 13px Arial, Tahoma, Verdana, sans-serif; font-size:1.3rem; }
.panneau-itineraire form button[type=submit]#rechercher, .panneau-itineraire form button[type=submit]#asdf{position: absolute; background: #f26d0c;border: none; color: #fff;font:normal 21px  DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size:2.1rem; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; line-height: 50px;line-height:5rem; padding: 0;}
.connecte .panneau-itineraire form button[type=submit]#asdf{ width: 300px; margin: 38px 0 0 0;}
.dyn-accueil .connecte .panneau-itineraire form button[type=submit]#asdf{ width: 279px; margin:20px 10px 0 -10px}/* margin-top a 20 pour /fr en connecté */
.panneau-itineraire form button[type=submit]#rechercher:focus, .panneau-itineraire form button[type=submit]#rechercher:hover, .panneau-itineraire form button[type=submit]#asdf:hover {background: #d45c04 }
.panneau-itineraire form button#masquerOptions { width: 100%;margin: 10px 0 20px 0;}

.panneau-itineraire form input[type=text]#heure {width: 80px !important;  }
.panneau-itineraire form label[for=depart], .panneau-itineraire form label[for=destination], #gauche-col .colonne_intineraire_options form label[for=depart], #gauche-col .colonne_intineraire_options form label[for=destination], #gauche-col .colonne_intineraire_options form label[for=age]{text-indent: -9999px; position: absolute;}
.panneau-itineraire form label[for=heure], #gauche-col .colonne_intineraire_options form label[for=heure] { margin: 0 0 0 35px}/*float:left;*/
.panneau-itineraire form div.startend, #gauche-col .colonne_intineraire_options form div.startend {position: relative; padding-left:120px;}
.startend > div{
        float:left;
    }
.panneau-itineraire form div.startend:before {left: 14px; top: 32px;}
.panneau-itineraire form div.startend button[type=button]#inverser, #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser{border: none; background: #f26d0c; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; width: 30px; height: 30px; padding: 0; text-indent: -9999px; position: absolute; right: 0; top:-5px;}
.panneau-itineraire form div.startend button[type=button]#inverser:after, #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser: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;}
    .panneau-itineraire form div.startend button[type=button]#inverser:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
.panneau-itineraire form .modetransport, .depart, .panneau-itineraire form .destination, #gauche-col .colonne_intineraire_options form .depart, #gauche-col .colonne_intineraire_options form .destination {position: relative;}



.panneau-itineraire form .destination {
    margin-left: 30px;
}
.panneau-itineraire form .depart:before, #gauche-col .colonne_intineraire_options form .depart:before, 
.panneau-itineraire form .destination:before, #gauche-col .colonne_intineraire_options form .destination:before {content: "";background: #fff; position: absolute; top: 0;left: 6px;width: 20px;height: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;z-index:0;}
.panneau-itineraire form .depart:after, #gauche-col .colonne_intineraire_options form .depart:after, .panneau-itineraire form .destination:after, #gauche-col .colonne_intineraire_options form .destination:after {font-family: amt2;position: absolute; text-align: center; color: #f26d0c;  font-size: 37px; top: -4px;left: -3px;z-index:1;}
.panneau-itineraire form .depart:before{top:-2px;}
.panneau-itineraire form .depart:after{top: -6px;}
.panneau-itineraire form .destination:before{top:-2px;}
.panneau-itineraire form .destination:after{top: -6px;}
.panneau-itineraire form div.startend:before{top:31px;}
 #gauche-col .colonne_intineraire_options form .depart:after, #gauche-col .colonne_intineraire_options form .destination:after {left: -41px; top: -4px; color: #4891dc;}
.panneau-itineraire form .depart:after, #gauche-col .colonne_intineraire_options form .depart:after {content: "\e65c"; speak: none;}
.panneau-itineraire form .destination:after, #gauche-col .colonne_intineraire_options form .destination:after {content: "\e65b"; speak: none;}
.panneau-itineraire form input[type=text]#date {/*float: left;*/}
.panneau-itineraire form .ui-datepicker-trigger, #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger {border: none; position: relative; background: #f26d0c; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; width: 30px; height: 30px; padding: 0; text-indent: -9999px; float: left; }
.panneau-itineraire form .ui-datepicker-trigger:after, #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger:after  {content: "\e64e";color: #fff;position: absolute;top: 0;left: 0;font-size: 18px;font-family: amt2;text-indent: 0;line-height: 30px;width: 30px;text-align: center;}
.panneau-itineraire form .ui-datepicker-trigger {margin: -1px 0 0 10px;}
.panneau-itineraire form #zoneOptions label[for=date], #gauche-col .colonne_intineraire_options form #zoneOptions label[for=date] {text-indent: -9999px; line-height: 0;padding:0; }
.panneau-itineraire form #zoneOptions div.partir_arriver, #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver {margin: 15px 0 5px 30px;}
.panneau-itineraire form #zoneOptions label[for=arriver], .panneau-itineraire form #zoneOptions label[for=partir], #gauche-col .colonne_intineraire_options form #zoneOptions label[for=arriver], #gauche-col .colonne_intineraire_options form #zoneOptions label[for=partir], #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_oui], #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_non] {display: inline; font-size: 14px; font-size:1.4rem; font-weight: 700; margin: 0 35px 0 0}
.panneau-itineraire form #zoneOptions input[type="radio"], #gauche-col .colonne_intineraire_options form #zoneOptions input[type="radio"], #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer input[type="radio"] {background:  transparent;  -webkit-backface-visibility: hidden;zoom: 0.999;}
.panneau-itineraire form #zoneOptions #afficher_heures_minutes {float: left; margin: 2px 13px 0 0}
.panneau-itineraire form #zoneOptions #afficher_heures_minutes select#heures{padding-left: 6px;}
.panneau-itineraire form #zoneOptions #afficher_heures_minutes select#minutes{padding-left: 6px;}
.panneau-itineraire form #zoneOptions #afficher_heures_minutes label, .non-connecte .panneau-itineraire.accueil form #afficher_heures_minutes select, .panneau-itineraire.planifier form #afficher_heures_minutes select, #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes label, #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes select {display: inline-block; line-height: 30px; border: none !important; height: 30px;}
.panneau-itineraire form #afficher_heures_minutes select {margin: 0 0 0 5px;width: 50px;}

.div.startendtbt, #gauche-col .colonne_intineraire_options form div.startendtbt {position: relative; padding-left:0px;}
.startendtbt > div{
        float:none;
    }
.div.startendtbt:before {left: 14px; top: 32px;}
.div.startendtbt button[type=button]#inverser, #gauche-col .colonne_intineraire_options form div.startendtbt button[type=button]#inverser{border: none; background: #f26d0c; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; width: 30px; height: 30px; padding: 0; text-indent: -9999px; position: absolute; right: -25px; top:15px;}
.div.startendtbt button[type=button]#inverser:after, #gauche-col .colonne_intineraire_options form div.startendtbt button[type=button]#inverser: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;}
.div.startendtbt button[type=button]#inverser:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

/* Recherche itinéraire Suggestion */
.panneau-itineraire .message-champ-lieu, .colonne_intineraire_options .message-champ-lieu {position: absolute;background: #fff; z-index: 1;padding: 10px 0;border: solid 1px #aaa;}
.panneau-itineraire .message-champ-lieu {width:77.5%; margin: 0 0 0 33px;}
.colonne_intineraire_options .message-champ-lieu {width: 200px; margin: 0}
.panneau-itineraire .message-champ-lieu ul, .colonne_intineraire_options .message-champ-lieu ul  {margin: 10px 0 0 0;}
.panneau-itineraire .message-champ-lieu ul li, .colonne_intineraire_options .message-champ-lieu ul li  {display: block; border-top: solid 1px #dce1e4;}
.panneau-itineraire .message-champ-lieu ul li:hover, .colonne_intineraire_options .message-champ-lieu ul li:hover {background: #4891dc;}
.panneau-itineraire .message-champ-lieu ul li button, .colonne_intineraire_options .message-champ-lieu ul li button  {background: none; text-align: left; color: #333;font-size: 12px; font-size:1.2rem; margin: 3px; padding: 3px 7px; font-family:Arial, Helvetica, sans-serif}
.panneau-itineraire .message-champ-lieu ul li:hover button, .colonne_intineraire_options .message-champ-lieu ul li:hover button {color: #fff}
.panneau-itineraire .message-champ-lieu span, .colonne_intineraire_options .message-champ-lieu span {padding: 0 10px 5px 10px; font-size: 12px; font-size:1.2rem; font-weight: bold; font-family:Arial, Helvetica, sans-serif}
.panneau-itineraire.planifier .message-champ-lieu:before, .panneau-itineraire.planifier .message-champ-lieu:after, .panneau-itineraire.accueil  .message-champ-lieu:before, .panneau-itineraire.accueil .message-champ-lieu:after,.colonne_intineraire_options .message-champ-lieu:before, .colonne_intineraire_options .message-champ-lieu:after,  #bloc_accueil .panneau-itineraire .message-champ-lieu:before,  #bloc_accueil .panneau-itineraire .message-champ-lieu:after {position: absolute;content: "";width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;left: 10px;top: auto;right: auto;}
.panneau-itineraire.planifier .message-champ-lieu:before,.panneau-itineraire.accueil .message-champ-lieu:before, .colonne_intineraire_options .message-champ-lieu:before,  #bloc_accueil .panneau-itineraire .message-champ-lieu:before {border-color: #777 transparent transparent transparent;top: 0;z-index: 1;}
.panneau-itineraire.planifier .message-champ-lieu:after, .panneau-itineraire.accueil .message-champ-lieu:after {border-color: #022d5a transparent transparent transparent;top: -1px;z-index: 2;}
.colonne_intineraire_options .message-champ-lieu:after, #bloc_accueil .panneau-itineraire .message-champ-lieu:after {border-color: #f0f0f0 transparent transparent transparent;top: -1px;z-index: 2;}
a.fermer_champ_message {float: right; position: relative; text-indent: -9999px;top: 0;width: 20px;}
a.fermer_champ_message:before {content: "\02DF";text-indent: 0;text-indent: 0;position: absolute;right: 10px;top: -5px;font-size: 20px;color: #f26d0c;}
/* //Recherche itinéraire Suggestion */

/* Accueil Menu Date */
.panneau-itineraire .bloc_choisir_date{/* Size & position */position:relative;width:180px;margin:0 0 0 33px;padding:0 10px;min-height:30px;/* Styles */background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.2);cursor:pointer;outline:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;font:normal 12px/30px Arial, Tahoma, Verdana, sans-serif; font-size:1.2rem;}
.panneau-itineraire .bloc_choisir_date:after{/* Little arrow */content:"";width:0;height:0;position:absolute;top:15px;right:15px;margin-top:-3px;border-width:6px 6px 0;border-style:solid;border-color:#000 transparent;}
.panneau-itineraire .bloc_choisir_date .menu_choisir_date{/* Size & position */margin:0 0 10px;/* Styles */background:#fff;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;/* Hiding */max-height:0;overflow:hidden;}
.panneau-itineraire .bloc_choisir_date .menu_choisir_date li{font:normal 12px/25px Arial, Tahoma, Verdana, sans-serif; font-size:1.2rem; }
.panneau-itineraire .bloc_choisir_date .menu_choisir_date li a{display:block;text-decoration:none;color:#333;padding:10px 0;transition:all .3s ease-out;border-bottom:1px solid #e6e8ea;}
.panneau-itineraire .bloc_choisir_date .menu_choisir_date li:last-of-type a{border:none;}
.panneau-itineraire .bloc_choisir_date .menu_choisir_date li i{margin-right:5px;color:inherit;vertical-align:middle;}
/* Hover state */
.panneau-itineraire.bloc_choisir_date .menu_choisir_date li:hover{color:#f26d0c;}
/* Active state */
.panneau-itineraire .bloc_choisir_date.active{box-shadow:none;border-bottom:none;color:#333;}
.panneau-itineraire .bloc_choisir_date.active:after{border-color:#000 transparent;}
.panneau-itineraire .bloc_choisir_date.active .menu_choisir_date{max-height:400px;padding: 0 0 10px 0;}

/* //Accueil Menu Date */

/* //Panneau itineraire Général*/

/* Tabs Général */


/* Planifier mes déplacements */



/* //Planifier mes déplacements */



/* Itineraire Planifier */


.dyn-accueil .non-connecte .zone-carte { position:absolute; top:142px; left:0; width:100%; height:500px; z-index:0;background-color: #fff; }/* ai ajouté 50px pour le top de la carte car le menu ronge les info bulle */
#zone-carte.ouvert {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.planifier_options {background: #aaa; padding: 60px 0; margin: 0; float: left;width: 100%;}
.dyn-planifier-mes-deplacements .option-introduction {margin: 20px 0 20px 320px;font-size: 14px;font-size:1.4rem;line-height: 20px;line-height:2rem;color: #5c5c5c;width:840px;width: -webkit-calc(100% - 320px);width: calc(100% - 340px);}
.dyn-planifier-mes-deplacements .zone-carte {position:relative ; left:0; width:100%; z-index:0;margin: 0 0 20px 0; display: inline-block;}
.dyn-planifier-mes-deplacements .zone-carte .carte_separateur {min-height: 490px;margin: -345px 0 0 320px;position: relative;width: -webkit-calc(100% - 320px);width: calc(100% - 320px); }/*border-left: solid 1px #d8dddf;*/ /* 320px pour un bon espace de 20px, connecté /fr/planifier-trajets */ /* -284px du top pour un bon alignement avec le bloc bleu fr/planifier-trajets non connecté */
.dyn-planifier-mes-deplacements .zone-carte #carteCanvas {border: solid 1px #d8dddf;position: absolute;left: 0;right: 0;max-width: 850px;height: 490px;width:100%;} /*width 839px au lieu de auto pour le sticky map garde sa largeur + ai retiré le margin-left: 321px;*/
.dyn-planifier-mes-deplacements .zone-carte #sticky_map.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; margin: 300px 0 0 0;width: -webkit-calc(100% - 89px);width: calc(100% - 89px);max-width: 1180px; } /* ;min-width: 1254px; pas de min-width, le texte est trop long sinon */

.planifier_options .affichage_options {margin: 0 auto;display: block;}
.planifier_options div.options {margin: 0 0 0 40px;position: relative;float: left;}
.planifier_options div.options > div p, .planifier_options div.options > div p span {font-size: 12px !important; font-size:1.2rem !important; line-height: 16px !important; line-height:1.6rem !important;}
.planifier_options div.options > div {overflow: auto;overflow-x: hidden;display: inline-block; background-color: #fff; max-width: 280px; width: 23%; height: 345px; float: left; margin: 0 20px 20px 0; padding: 25px 30px; font-size: 14px; font-size:1.4rem; line-height: 16px; line-height:1.6rem;}
.planifier_options.affichage_mobile div.options > div { overflow-x:hidden; overflow-y:hidden; }


.planifier_options div.options > div h2, .planifier_options div.options > div h2 a{font-size: 19px; font-size:1.9rem; color: #004990;}
.planifier_options div.options > div h2 {line-height: 17px; line-height:1.7rem; margin: 0 0 20px 0 !important; border-bottom: solid 1px #dce1e4; padding: 10px 0 28px 50px; position: relative; height: 60px }
.planifier_options div.options > div h2:before {position: absolute;top: 0 ;left: 0;font-size: 30px;text-align: center;line-height: 40px;font-family: amt2;background: #4891dc; display: block; width: 40px; height: 40px; float: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 0 15px 0 0; color: #fff}
.planifier_options div.options div label {line-height: 0; text-indent: -9999px}
.planifier_options div.options div input[type=text], 
.planifier_options div.options li select {width: 100%; margin: 0 0 20px 0;padding:6px 10px; font-size: 12px; font-size:1.2rem; color: #696969  !important;font-family: Arial; }/* height: 30px; */
.planifier_options div.options div button {padding: 5px 20px;background: #f26d0c;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 0;}
.planifier_options div.options div button:hover {background:#d45c04;}
.planifier_options div.options div ul {margin:10px 0 0}
.planifier_options div.options div ul li {list-style: none; font-size: 12px; font-size:1.2rem;padding: 0; position: relative;font-weight:100;}
.planifier_options div.options div.option-terminus ul li {padding: 0;float:left;width:100%;}
.planifier_options div.options div ul li a {color: #4891dc; display: block;}
.planifier_options div.options div ul li a:hover {color: #f26d0c}
.planifier_options div.options div.option-train h2:before {content: "\e604"; }
.planifier_options div.options div.option-metro h2:before {content: "\e639";}
.planifier_options div.options div.option-autobus h2:before {content: "\e632";}
.planifier_options div.options div.option-velo h2:before {content: "\e64a";}
.planifier_options div.options div.option-covoiturage h2:before {content: "\e64c";}
.planifier_options div.options div.option-automobile h2:before {content: "\e64b";}
.planifier_options div.options div.option-terminus h2:before {content: "\e645";}
.planifier_options div.options div.option-transportAdapte h2:before {content: "\e61b";}
.planifier_options div.options div.option-carteOPUS h2:before {content: "\e647";}
.planifier_options div.options div.option-abonnementsOPUS h2:before {content: "\e648";}
.planifier_options div.options div.option-titresMetropolitains h2:before {content: "\e649";}
.planifier_options div.options div.option-acheterTitres h2:before {content: "?";font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
.planifier_options div.options div.option-speciaux h2:before {content: "\e64d";}
/*.planifier_options div.options div .message_erreur {font-size: 12px; line-height: 14px; font-weight: normal;margin: -15px 15px 0 0; }*/


/*.planifier_options ul.options li .message_erreur a:after {content: "\e646";background: #f26d0c;color: #fff;font-weight: normal;font-size: 9px;margin: 0 0 0 5px;padding: 0 2px;transform: scale(1.2,2.4);-ms-transform: scale(0.6,1.2);-webkit-transform: scale(1.2,2.4);}
.planifier_options div.options div button.fermer_message {float: right; padding: 1px 5px; margin: 0; position: absolute;top: 42px;right: 0; background: none; color: #f26d0c; text-indent: -9999px}
.planifier_options div.options div button.fermer_message:before {content: "\02DF"; text-indent: 0; position: absolute; right: 0; top: 0; font-size: 20px} */
.panneau-itineraire #messageZone{color: #333;display:block;background-color: #FFF;padding: 5px;position: absolute;width: 260px;font-size: 12px;font-size:1.2rem;line-height: 13px;line-height:1.3rem;margin: -59px 0 0 0;border: 1px solid #ED1F24;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.panneau-itineraire #messageZone:after{-webkit-transform: rotate(135deg);background: #FFF;border-top: 1px solid #ED1F24;border-right: 1px solid #ED1F24;content: "";display: block;height: 10px;left: 45px;position: absolute;bottom: -6px;transform: rotate(135deg);width: 10px;}
.lt-ie10 .panneau-itineraire #messageZone:after { content:inherit;border:0;}


/*section#bloc_accueil .etat_service #tabs_services_min div ul li .message_erreur {left:10px;}*/
.lightbox_erreur{background-color:#fff;z-index:3;color:#666;font-size:14px;font-size:1.4rem;float:left;width:100%;border:1px solid #ed1f24;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;margin:-10px 0 10px;padding:10px;}
.lightbox_erreur: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;}


/*#messageZone {left:60px;top:150px; width: 280px; font-size: 12px;}
.planifier_options ul.options li [id*=message]:after,.planifier_options ul.options li [id*=message]:before, #erreur_terminus:after, #erreur_terminus:before, #messageZone:before, #messageZone:after, .lightbox_erreur:after, .lightbox_erreur:before, section#bloc_accueil .etat_service #tabs_services_min div ul li .message_erreur:before, section#bloc_accueil .etat_service #tabs_services_min div ul li .message_erreur:after  {border:solid transparent;bottom:100%;content:" ";height:0;left:10%;pointer-events:none;position:absolute;width:0;}
.planifier_options ul.options li [id*=message]:after, #erreur_terminus:after, #messageZone:after, .lightbox_erreur:after, section#bloc_accueil .etat_service #tabs_services_min div ul li .message_erreur:after {border-color:rgba(255,255,255,0) rgba(255,255,255,0) #fff;border-width: 7px;margin-left: -7px;}
.planifier_options ul.options li [id*=message]:before, #erreur_terminus:before, #messageZone:before, .lightbox_erreur:before, section#bloc_accueil .etat_service #tabs_services_min div ul li .message_erreur:before {border-color:rgba(242,109,12,0) rgba(242,109,12,0) #f26d0c;border-width:11px;margin-left:-11px;}*/


.planifier_options div.options div .ui-widget-content {border: none;padding: 0;overflow: visible;}
.planifier_options div.options div .ui-accordion-header {border-top: none; border-right: none;border-left: none;background: none; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; cursor: default}
.planifier_options div.options div .ui-accordion-header-icon { display: none}
.planifier_options div.options div .ui-accordion-content {display: block}

/* //Itineraire Planifier */


/* //Planifier mes déplacements */

/* Trajets + Style communs Résultats - Calculer tarifs **/
.panneau-itineraire #trajetsZone {background-color: #ebebeb; border: solid 1px #ccc; padding: 20px 10px 0 10px; position: relative;margin: 10px -20px 20px -20px; float: left}
.dyn-planifier-mes-deplacements .panneau-itineraire #trajetsZone {margin:115px -20px 20px -20px}/* pour fr/planifier-trajets?lieuA=Saint-Jean-sur-Richelieu%2C+QC%2C+Canada&lieuB=Station+Berri-UQAM%2C+Montréal%2C+QC&partirArriver=partir&date=Aujourd%27hui&heures=10&minutes=45 */
.panneau-itineraire #trajetsZone:before {content:'';width: 0;height: 0; border-style: solid; border-width: 10px 10px 0 10px;border-color: #ccc transparent transparent transparent; position: absolute;top:0;left : 16px; }
.panneau-itineraire #trajetsZone:after {content:''; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: rgba(255, 255, 255, 1) transparent transparent transparent; position: absolute; top:-2px;left : 15px; }

.panneau-itineraire #trajetsZone .trajetsZones_intro {font-size: 14px; font-size:1.4rem; margin: 0 0 10px 50px; position: relative }
.panneau-itineraire #trajetsZone .trajetsZones_intro:before {content:'';display: block; width: 2px; height: 100%; background: #d9d9d9; float: left; position: absolute; top: 0; bottom: 0; left: -35px}
.panneau-itineraire #trajetsZone .trajetsZones_intro:after {content: '';width: 0;height: 0;border-style: solid;border-width: 8px 3.5px 0 3.5px;border-color: #d9d9d9 transparent transparent transparent; position: absolute;  bottom: -7px; left: -37px}

.panneau-itineraire #trajetsZone .sommaire_trajets { font: normal 12px/15px open_sansregular, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size:12px;font-size:1.2rem;line-height:15px;line-height:1.5rem;}
.panneau-itineraire #trajetsZone #plusTot, .panneau-itineraire #trajetsZone #plusTard {font-weight: normal !important; font-size: 14px; font-size:1.4rem; line-height: 25px; line-height:2.5rem; display: inline-block; background: none;color: #333; position: relative; margin:0 0 15px 0;}
.panneau-itineraire #trajetsZone #plusTot {float: left; padding: 0 0 0 20px; }
.panneau-itineraire #trajetsZone #plusTard {float: right;padding: 0 20px 0  }
.panneau-itineraire #trajetsZone .trajet_load {width:100%;text-align:center;padding-top:50px;position:absolute;font-size:20px;font-size:2rem;font-weight:bold;  }
html[lang="fr-CA"] .panneau-itineraire #trajetsZone .trajet_load:after {content:"Chargement..."  }
html[lang="en-CA"] .panneau-itineraire #trajetsZone .trajet_load:after {content:"Loading..."  }
.panneau-itineraire #trajetsZone #plusTot:before, .panneau-itineraire #trajetsZone #plusTard:after  {font-family: amt2; position: absolute; top:0; color: #555;font-size: 20px;}
.panneau-itineraire #trajetsZone #plusTot:before {content:"\e646";left: 0; transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); }
.panneau-itineraire #trajetsZone #plusTard:after {content:"\e646";right: 0; }
.panneau-itineraire #trajetsZone button#calculer {width: 100%; line-height: 40px;line-height:4rem;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position: relative;margin: 18px 0 10px 0;}
.panneau-itineraire #trajetsZone .planifier_bas hr {position: absolute; width: 299px; left: 0; background-color: none; border-top: solid 1px #ccc; height: 1px;margin:0;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul[data-bind="foreach: sommaireTrajets"]  {margin: 17px 0; }
.panneau-itineraire #trajetsZone .sommaire_trajets ul[data-bind="foreach: sommaireTrajets"] .etape {margin: 0;}


.panneau-itineraire .trajet_outils{float:left;width:100%;}
.panneau-itineraire .trajet_outils .trajet_outil{display: block;border-bottom: solid 1px #CCC;padding: 20px 10px 20px 0;font-weight: bold;margin-left: 10px;color: #565656;}
.panneau-itineraire .trajet_outils .trajet_outil:after{font-family: amt2;color: #CCC;font-size: 18px;line-height: 18px;float: right;}
.panneau-itineraire .trajet_outils .imprimer:after{content: "\e65d";}
.panneau-itineraire .trajet_outils .voir_la_carte:after{content: "\e616";}
.panneau-itineraire .trajet_outils .trajet_outil:hover{text-decoration: none;}
.panneau-itineraire .trajet_outils .trajet_outil:hover:after{color: #565656;}


/*
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .voir_la_carte {position: relative;line-height: 40px;border-bottom: solid 1px #ccc; padding: 0 0 5px 0; display: block;  margin: 0 0 10px 10px; text-decoration: none; font-weight: bold;color: #565656}
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .voir_la_carte:after {content: "\e616"; font-family: amt2; position: absolute; top: 0; right: 12px; color: #ccc;font-size: 18px;}
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .voir_la_carte:hover:after {color: #565656}
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .voir_la_carte:hover {color: #565656}

.panneau-itineraire #trajetsZone .sommaire_trajets .etape .imprimer {position: relative;line-height: 40px;border-bottom: solid 1px #ccc; padding: 0 0 5px 0; display: block;  margin: 0 0 10px 10px; text-decoration: none; font-weight: bold;color: #565656}
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .imprimer:hover:after {color: #565656}
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .imprimer:hover {color: #565656}
.panneau-itineraire #trajetsZone .sommaire_trajets .etape .imprimer:after {content: "\e65d"; font-family: amt2; position: absolute; top: 0; right: 12px; color: #ccc;font-size: 18px;} 
*/
.panneau-itineraire #trajetsZone .accordionButton {_float: none;  /* Float works in all browsers but IE6 */cursor: pointer; padding: 0 25px 0 0; }
.panneau-itineraire #trajetsZone .accordionButton:after {content:"\e646"; font-family: amt2; color: #ccc; position: absolute; right: 10px; top: 12px; font-size: 16px;display: block; width: 20px; height: 16px;transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Safari and Chrome */line-height: 16px; float: left}
.panneau-itineraire #trajetsZone .accordionButton.on:after {transform: rotate(-90deg);-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); top: 8px; top: 12px\9  }
.panneau-itineraire #trajetsZone .accordionContent {_float: none; /* Float works in all browsers but IE6 */}
	
.panneau-itineraire #trajetsZone .sommaire_trajets ul > li {list-style: none; display: block;background-color: #fff; border: solid 1px #ccc; margin: 10px 0;padding:0; position: relative;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul > li:hover{border: solid 1px #448FE0;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul > li.trajet_selectionne{border: solid 1px #448FE0;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"]  {  padding: 10px 0;list-style-position: inside; margin: -10px 0 0 30px;background: url(../Content/Images/itineraire_point.png) 33px 4px repeat-y; }
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] > li {list-style: none; padding: 10px 0; position: relative;   color: #a0a0a0;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li span.heure_de_depart, .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li span[data-bind$=".transit.arrival_time.text"] {position: absolute; left: -20px; font-weight: bold;z-index: 999999;background-color: #FFF;}
.panneau-itineraire #trajetsZone .trajet-heure-arrive{bottom:31px;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT span[data-bind$="data: icone }"] {position: absolute; left: -20px;top: 17px; }
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.WALKING span[data-bind$="data: icone }"], .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.DRIVING span[data-bind$="data: icone }"] {position: absolute; left: -20px; top: 10px }

.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT {position: relative;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT div.transit_departure_time, .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li div.transit_arrival_time {margin: 0 0 0 50px;padding: 20px 5px;background: #ebebeb; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc; font-weight: bold; color: #333;cursor:pointer;line-height: 15px; line-height:1.5rem;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT div.transit_instruction {padding: 20px 5px 20px 0;position: relative;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT:before {content: '';background: url(../Content/Images/sprite_transit.png) 2px 0 no-repeat;width: 20px;height: 50%;display: table-cell;position: absolute; top: 31px; left: 27px; z-index: 9999}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT:after {content: '';background: url(../Content/Images/sprite_transit.png) 2px bottom no-repeat;width: 20px;height: 50%;display: block;position: absolute; bottom: 31px; left: 27px; z-index: 9999}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .nom_transit:first-letter {text-transform: capitalize}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .item-selection:hover {background: #fff; cursor: pointer}

.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: steps"]  {line-height: 14px; line-height:1.4rem; color: #565656;margin: 0 0 0 75px;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: steps"] li  {padding: 10px 0; list-style-position: inside;cursor:pointer;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li {position: relative;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li span.turn-left, .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li span.turn-right, div.infobulle-contenu .sous-etapes span.turn-right, div.infobulle-contenu .sous-etapes span.turn-left {text-indent: -9999px ;float: left;width: 0; position: relative}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li span.turn-left:before, .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li span.turn-right:before,  div.infobulle-contenu .sous-etapes span.turn-right:before, div.infobulle-contenu .sous-etapes span.turn-left:before, div.infobulle-contenu .sous-etapes span.turn-left:before, div.infobulle-contenu .sous-etapes span.turn-right:before    {content:'';  display: block; width: 15px; height: 19px; position: absolute; left: -22px; top: 5px}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li span.turn-left:before, div.infobulle-contenu .sous-etapes span.turn-left:before {background: url(../Content/Images/sprite_direction.png) 0 0  no-repeat;letter-spacing: -0.05em; }
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li ol li span.turn-right:before, div.infobulle-contenu .sous-etapes span.turn-right:before  {background: url(../Content/Images/sprite_direction.png) -35px 0  no-repeat; }

.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] h3.panneau_actif, #gauche-col .colonne_resultats .trajet-sommaire h3 { position: relative;font-family: Verdana,Arial;  margin: 0; font-size: 13px;font-size:1.3rem;letter-spacing: -0.03em;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] span[data-bind$="departHeure"], .panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] span[data-bind$="arriveeHeure"], #gauche-col .colonne_resultats .trajet-sommaire span[data-bind$="departHeure"], #gauche-col .colonne_resultats .trajet-sommaire span[data-bind$="arriveeHeure"] {color: #4891dc; font-weight: normal !important; font-size: 13px; font-size:1.3rem;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] span[data-bind$="departHeure"]:after {content:"-"; margin: 0 -7px 0 5px }

.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] span[data-bind$="arriveeHeure"]:after {content:"|"; margin: 0 5px; color: #333}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] span[data-bind$="duree"] {font-size: 13px;font-size:1.3rem;display: table-cell;line-height: 14px;line-height:1.4rem;}

.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] span[data-bind$="departJour"] {font-size: 13px;font-size:1.3rem;display: block;line-height: 16px;line-height:1.6rem;margin: 0 0 0 10px;font-weight: bold;}

.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"], #gauche-col .colonne_resultats .trajet-sommaire ol {min-height: 50px;border-top: solid 1px #ccc;margin: 20px 0 0 10px; padding:15px 42px 9px 0; }
.trajet-sommaire.ui-state-active  ol{border-bottom: solid 1px #ccc;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li, #gauche-col .colonne_resultats .trajet-sommaire ol li {list-style: none; display: inline-block; position: relative; margin: 0 0 0 7px;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li:before, #gauche-col .colonne_resultats .trajet-sommaire ol li:before {content:"\e646"; font-family: amt2; position: absolute; margin: 0; color: #b6b6b6; font-size: 11px;left: -9px;top: 2px; speak: none}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li:first-child, #gauche-col .colonne_resultats .trajet-sommaire ol li:first-child { margin: 0; float: left}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li:first-child:before, #gauche-col .colonne_resultats .trajet-sommaire ol li:first-child:before {display: none; }
.panneau-itineraire #trajetsZone .sommaire_trajets ul li span[data-bind$="text: departHeure"], .panneau-itineraire #trajetsZone .sommaire_trajets ul li span[data-bind$="text: arriveeHeure"]   {font-weight: bold; float: left;margin: 0 0 0 10px;line-height: 14px; line-height:1.4rem;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li span[data-bind$="text: duree"]  {}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .itineraire_instructions {display: block; color: #333;margin: 0 0 0 55px; cursor:pointer;line-height: 15px; line-height:1.5rem;}

.panneau-itineraire #trajetsZone .sommaire_trajets ul li .itineraire_duree, .panneau-itineraire #trajetsZone .sommaire_trajets ul li .itineraire_distance  {margin: 0;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .itineraire_arrets_duree {margin: 0 0 0 55px;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .texte_depart, .panneau-itineraire #trajetsZone .sommaire_trajets ul li .texte_arrivee { margin: 0 5px 0 85px; display: block; position: relative;line-height: 14px;line-height:1.4rem;padding: 0 20px 0 0;font-weight: 700;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .texte_depart:before, .panneau-itineraire #trajetsZone .sommaire_trajets ul li span[data-bind$="text: arrivee"]:before { }
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .depart_A{position: relative;padding:20px 0 0 0}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .depart_B {position: relative;padding:0 0 20px 0}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .texte_depart:after, .panneau-itineraire #trajetsZone .sommaire_trajets ul li span[data-bind$="text: arrivee"]:after {color: #4891dc; position: absolute; left: -22px; top: 3px; font-weight: normal;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li .texte_depart:after {content: "\e65c";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; }
.panneau-itineraire #trajetsZone .sommaire_trajets ul li span[data-bind$="text: arrivee"]:after  {content: "\e65b";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;font-weight:100; }

.panneau-itineraire #trajetsZone .sommaire_trajets ul li a.ajouter_favoris_trajet {text-indent: -9999px; width: 25px;height: 25px;top: 0;right: 0;position: absolute;z-index: 1;font-family: AdobeBlank;}
.sommaire_trajets ul li a.ajouter_favoris_trajet:after {font-family: amt2;content:'\2605'; text-indent: 0;color: #f26d0c;font-size: 18px;float: left;padding-left: 1px;padding-top: 4px;line-height: 18px;}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li a.ajouter_favoris, .panneau-itineraire #trajetsZone .sommaire_trajets ul li a.ajouter_favoris {text-indent: -9999px; float: left}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li a.ajouter_favoris:after, .panneau-itineraire #trajetsZone .sommaire_trajets ul li a.ajouter_favoris:after {content:'\2605'; position: absolute;right: 12px;text-indent: 0;top: 0; font-size: 20px;color: #ccc}

.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li[data-bind="attr: { 'class': travel_mode }"] > div  { margin: 0; float: left; display: inline-block}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li ol li > div  {margin: 0; display: block}
/*.panneau-itineraire #trajetsZone div.transit_instruction span[data-bind*="text: nom, style:"] {padding: 0 3px;margin: 0 0 0 -5px;}*/
.panneau-itineraire #trajetsZone div.transit_instruction span[data-bind*="text: nom, style:"] {padding: 0 3px;max-width: 35px;line-height: 14px; line-height:1.4rem; word-wrap:break-word;position: relative; display: block;left: 20px;top: -20px;}
.panneau-itineraire #trajetsZone button#calculer  {background-color:#4891DC;width: 260px; padding: 5px 20px;position: relative;margin: 10px 0;width: 100%;float: left;font-weight:normal;font-size: 21px;font-size: 2.1rem;font-family:DinNext, 'Myriad Pro', Arial, Tahoma, Verdana, sans-serif;}
.panneau-itineraire #trajetsZone button#calculer:hover{background-color:#004990}
.panneau-itineraire #trajetsZone button#calculerTop{width: 260px; padding:13px 20px;position: relative;margin: 0;width: 100%;float: left;font-weight:normal;font-size: 21px;font-size: 2.1rem;font-family:DinNext, 'Myriad Pro', Arial, Tahoma, Verdana, sans-serif;}
.panneau-itineraire #trajetsZone button#calculerTop:hover{background-color:#004990}

/*.panneau-itineraire #trajetsZone button#calculer:before {content: ""; width: 300px; border-top: solid 1px #ccc; display: block; height: 1px; top: -10px;  left: -11px; position: absolute; }*/

/* Itinéraire Icônes */
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li, #gauche-col .colonne_resultats .trajet-sommaire ol li {}
.panneau-itineraire #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li span[data-bind="attr: {'class': vehiculeType }"], #gauche-col .colonne_resultats .trajet-sommaire ol li span[data-bind="attr: {'class': vehiculeType }"], .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li span[data-bind$="data: icone }"] span[data-bind="attr: {'class': vehiculeType }"] {position: relative}



span.WALKING:before, span.BUS:before, span.SUBWAY:before, span.HEAVY_RAIL:before, span.METRO:before, span.TRAIN:before, span.DRIVING:before  {font-family: amt2; font-size: 20px;color: #696a6a; font-weight: normal}

span.WALKING:before {content: "\e62d";}
span.BUS:before {content: "\e632";}
span.DRIVING:before {content: "\e64b";}
span.SUBWAY:before, span.METRO:before  {content: "\e639";}
span.HEAVY_RAIL:before, span.TRAIN:before {content: "\e604";}
/* //Itinéraire Icônes */

/* Reset JQuery UI */
.panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-content {padding: 0;border-top: 0;overflow: visible; }
.panneau-itineraire #trajetsZone .ui-widget-content, .panneau-itineraire #trajetsZone .ui-state-active, .panneau-itineraire #trajetsZone .ui-widget-content .ui-state-active, .panneau-itineraire #trajetsZone .ui-widget-header .ui-state-active, .panneau-itineraire #trajetsZone .ui-state-hover, .panneau-itineraire #trajetsZone .ui-widget-content .ui-state-hover, .panneau-itineraire #trajetsZone .ui-widget-header .ui-state-hover, .panneau-itineraire #trajetsZone .ui-state-focus, .panneau-itineraire #trajetsZone .ui-widget-content .ui-state-focus, .panneau-itineraire #trajetsZone .ui-widget-header .ui-state-focus,  .panneau-itineraire #trajetsZone .ui-state-default, .panneau-itineraire #trajetsZone .ui-widget-content .ui-state-default, .panneau-itineraire #trajetsZone .ui-widget-header .ui-state-default  {border: none !important;background-color:#fff !important; background-image: none !important;color: #333 ;margin: 0;padding: 0;}
.panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-icons {padding: 17px 0 0 0;}
.panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header .ui-accordion-header-icon {background-image : none;  right: 10px;position: absolute;top: 81px;left: auto;width: 20px;height: 16px;text-indent: 0;}
.panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {content:"\e646"; font-family: amt2; color: #ccc; position: absolute; left: 0; top: 0; font-size: 16px;display: block; width: 20px; height: 16px;transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Safari and Chrome */line-height: 16px; float: left}
.panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {top: -5px; top: 0\9; transform:  rotate(-90deg);-ms-transform:  rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Safari and Chrome */}
/* //Reset JQuery UI */

/* //Trajets */

/* Fancy Box Favoris  --- > Main
.fancy_favoris {padding: 0 20px;}
.fancy_favoris_header {display: block;}
.fancy_favoris_footer {position: relative}
.fancy_favoris .fermerLightbox {float:right}
.fancy_favoris #favoriConfirmationVersMonAmt {float:left} 
.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; 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:first-child div.ma_destination:before {content:"A"} 
.fancy_favoris .fancy_destination_transport div.fancy_destination ul li:first-child + li div.ma_destination:before {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}
.fancy_favoris .fancy_destination_transport div ul li .ligne_commentaire{font-style:italic; font-size: 13px; 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_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_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;}
.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; padding:5px 25px; }
.fancy_favoris .fancy_link_button a:hover {background:#f26d0c;}
 //Fancy Box Favoris */

/* État des services Trains et Métros */
.englobe_itineraire ul{color:#555 !important}
.englobe_itineraire ul:hover{color:#555 !important}
.englobe_itineraire ul:focus{color:#555 !important}
.etat_de_service {margin: 30px 0}
#left-col .lignes_etat_services #Directions {float: left; width: 100%; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;position: relative;}
#left-col .lignes_etat_services .titre_etat_ligne {color: #333; padding: 10px 0;border-top: solid 1px #ccc;float: left;width: 100%;font: normal 19px/20px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.9rem; } /* Ne pas mettre un line-height car il y a des resultat sur deux lignes */
#left-col .lignes_etat_services .titre_etat_ligne: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 15px 0 0;font-size: 25px;line-height: 41px;text-align: center;}
#left-col .lignes_etat_services .direction_switch {position: absolute; right: 5px}

#left-col .lignes_etat_services .ligne_train_CA_Couleur {border-right: solid 5px #646569;}
#left-col .lignes_etat_services .ligne_train_DM_Couleur {border-right: solid 5px #00a1af;}
#left-col .lignes_etat_services .ligne_train_SH_Couleur {border-right: solid 5px #752f8a;}
#left-col .lignes_etat_services .ligne_train_SJ_Couleur {border-right: solid 5px #76b830;}
#left-col .lignes_etat_services .ligne_train_VH_Couleur {border-right: solid 5px #bf303f;}

#left-col .lignes_etat_services .ligne_train_CA_Couleur #Directions {border-top: solid 1px #646569;border-bottom: solid 1px #646569;}
#left-col .lignes_etat_services .ligne_train_DM_Couleur #Directions {border-top: solid 1px #00a1af;border-bottom: solid 1px #00a1af;}
#left-col .lignes_etat_services .ligne_train_SH_Couleur #Directions {border-top: solid 1px #752f8a;border-bottom: solid 1px #752f8a;}
#left-col .lignes_etat_services .ligne_train_SJ_Couleur #Directions {border-top: solid 1px #76b830;border-bottom: solid 1px #76b830;}
#left-col .lignes_etat_services .ligne_train_VH_Couleur #Directions {border-top: solid 1px #bf303f;border-bottom: solid 1px #bf303f;}

#left-col .lignes_etat_services .ligne_train_CA_Couleur .titre_etat_ligne:before {background: #646569;content: "\e604";}
#left-col .lignes_etat_services .ligne_train_DM_Couleur .titre_etat_ligne:before {background: #00a1af;content: "\e604";}
#left-col .lignes_etat_services .ligne_train_SH_Couleur .titre_etat_ligne:before {background: #752f8a;content: "\e604";}
#left-col .lignes_etat_services .ligne_train_SJ_Couleur .titre_etat_ligne:before {background: #76b830;content: "\e604";}
#left-col .lignes_etat_services .ligne_train_VH_Couleur .titre_etat_ligne:before {background: #bf303f;content: "\e604";}

#left-col .lignes_etat_services .ligne_metro_1_Couleur {border-right: solid 5px #008e4f;}
#left-col .lignes_etat_services .ligne_metro_2_Couleur {border-right: solid 5px #f08123;}
#left-col .lignes_etat_services .ligne_metro_4_Couleur {border-right: solid 5px #ffe400;}
#left-col .lignes_etat_services .ligne_metro_5_Couleur {border-right: solid 5px #0083ca;}

#left-col .lignes_etat_services .ligne_metro_1_Couleur #Directions {border-top: solid 1px #008e4f;border-bottom: solid 1px #008e4f;}
#left-col .lignes_etat_services .ligne_metro_2_Couleur #Directions {border-top: solid 1px #f08123;border-bottom: solid 1px #f08123;}
#left-col .lignes_etat_services .ligne_metro_4_Couleur #Directions {border-top: solid 1px #ffe400;border-bottom: solid 1px #ffe400;}
#left-col .lignes_etat_services .ligne_metro_5_Couleur #Directions {border-top: solid 1px #0083ca;border-bottom: solid 1px #0083ca;}

#left-col .lignes_etat_services .ligne_metro_1_Couleur .titre_etat_ligne:before {background: #008e4f;content: "\e639";}
#left-col .lignes_etat_services .ligne_metro_2_Couleur .titre_etat_ligne:before {background: #f08123;content: "\e639";}
#left-col .lignes_etat_services .ligne_metro_4_Couleur .titre_etat_ligne:before {background: #ffe400;content: "\e639";}
#left-col .lignes_etat_services .ligne_metro_5_Couleur .titre_etat_ligne:before {background: #0083ca;content: "\e639";}

#left-col .lignes_etat_services .ligne_bus_Couleur {border-right: solid 5px #0083ca;}
#left-col .lignes_etat_services .ligne_bus_Couleur .titre_etat_ligne:before {background: #0083ca;content: "\e632";}

#left-col #Directions ul {width: auto; float: left; margin: 0 50px 0 60px;}
#left-col #Directions ul li {padding: 0 0 0 30px; width: 100%; position: relative}
#left-col #Directions ul li.selectionne {font-weight: bold}
#left-col #Directions ul li.selectionne:before {content: "\e644"; color:#4891DC; font-family: amt2; font-size: 23px; font-weight: normal;position: absolute; left: 0; top: 15px;}


#left-col .englobe_itineraire ul li:first-child:before {height: 42px}
#left-col .englobe_itineraire ul li:last-child:after {display: none}
#left-col .englobe_itineraire ul {border-top: none}
#left-col .englobe_itineraire ul li {height: auto;}
#left-col .englobe_itineraire ul li .lien {font-size: 13px; font-size:1.3rem;}
#left-col .englobe_itineraire ul li .lien div, #left-col .englobe_itineraire ul li .lien {position: relative; width: 100%; z-index: 2;padding:0; }
#left-col .englobe_itineraire ul li .lien div.etat_station  {padding:10px; }
#left-col .englobe_itineraire ul li .lien div div.etat_station:after {content: "\e646"; font-family: amt2; position: absolute;width: 30px;top: 16px;right: 0;color: #ccc;font-weight: normal; font-size: 16px;transform: rotate(90deg);-ms-transform:  rotate(90deg);-webkit-transform: rotate(90deg); z-index: 499}
#left-col .englobe_itineraire ul li .lien div div.etat_vide:after {content: "";}
#left-col .englobe_itineraire ul li .lien div div.ui-state-active:after  {top: 1px; transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg)}
#left-col .englobe_itineraire ul li .lien div .etat_station {text-transform:capitalize}
#left-col .englobe_itineraire ul li div.petit_vert:after {content:""; display: block; width: 14px; height: 14px; background: #52bf00; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;  position: absolute; left: -30px; top: 10px}
#left-col .englobe_itineraire ul li div.petit_rouge:after  {content:""; display: block; width: 14px; height: 14px; background: #ff0000; position: absolute; left: -30px;top:11px }
#left-col .englobe_itineraire ul li div.petit_orange:after  {content:""; width: 0;height: 0;border-style: solid;border-width: 0 7px 12.1px 7px;border-color: transparent transparent #f26c0c transparent;  position: absolute; left: -30px; top: 11px }
#left-col .englobe_itineraire .ui-accordion-content{padding:10px 10px 20px 10px;}
#left-col .englobe_itineraire ul li div.gros_vert:after {content:""; display: block; width: 26px; height: 26px; background: #52bf00; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;  position: absolute; left: -36px; top: 5px}
#left-col .englobe_itineraire ul li div.gros_rouge:after  {content:""; display: block; width: 26px; height: 26px; background: #ff0000; position: absolute; left: -36px; top: 6px }
#left-col .englobe_itineraire ul li div.gros_orange:after  {content:""; width: 0;height: 0;border-style: solid;border-width: 0 13px 22.5px 13px;border-color: transparent transparent #f26c0c transparent;  position: absolute; left: -36px; top: 6px }
#left-col .englobe_itineraire ul li div.petit_vert:hover,
#left-col .englobe_itineraire ul li div.petit_rouge:hover,
#left-col .englobe_itineraire ul li div.petit_orange:hover,
#left-col .englobe_itineraire ul li div.gros_vert:hover,
#left-col .englobe_itineraire ul li div.gros_rouge:hover,
#left-col .englobe_itineraire ul li div.gros_orange:hover{cursor:default}


#left-col .englobe_itineraire ul li div.petit_vert:before, #left-col .englobe_itineraire ul li div.petit_rouge:before, #left-col .englobe_itineraire ul li div.petit_orange:before {content: ""; display: block; background: #fff; position: absolute; width: 24px; height: 24px; left: -36px; top:6px;}
#left-col .englobe_itineraire ul li div.gros_vert:before, #left-col .englobe_itineraire ul li div.gros_rouge:before, #left-col .englobe_itineraire ul li div.gros_orange:before {content: ""; display: block; background: #fff; position: absolute; width: 36px; height: 36px; left: -42px; top: 0;}


#left-col .arrets .etat_alertes div {padding: 14px 0; border-bottom: 1px solid #d3d8db;float: left;font-size: 13px; font-size:1.3rem;}

/* //État des services Trains et Métros  */

/* État des services autobus */
ul#RechercheAutobusTransporteur {}
ul#RechercheAutobusTransporteur li {display: block; width: 100%}
/*// État des services autobus */

/* Cartes Bulles  */
.infobulle-alerte {max-width: 350px; font: normal 12px/15px open_sansregular, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.2rem; }
.infobulle-alerte h2 {font-size: 18px;font-size:1.8rem;line-height: 20px;line-height:2rem;font-weight: bold;margin: 0 0 10px 0;display: block;}
.infobulle-alerte h2:first-letter {text-transform: uppercase}
.infobulle-alerte ul {border-top: solid 1px #d3d8db;border-bottom: solid 1px #d3d8db; margin: 0}
.infobulle-alerte ul li {margin: 10px 0 10px 20px; list-style:none; position: relative}
.infobulle-alerte.petit_rouge ul li:before  {content: "";display: block;width: 10px;height: 10px;position: absolute;left: -20px;top: 5px;background: #ff0000;} 
.infobulle-alerte.petit_blanc ul li:before  {content: "";display: block;width: 10px;height: 10px;position: absolute;left: -20px;top: 5px;background: #ffffff;-webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;border:1px solid grey} 
.infobulle-alerte.petit_vert ul li:before   {content: "";display: block;width: 10px;height: 10px;position: absolute;left: -20px;top: 5px;background: #52bf00; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;} 
.infobulle-alerte.petit_orange ul li:before {content: "";display: block;width:  0;height:  0;position: absolute;left: -20px;top: 5px;border-style: solid;border-width: 0 7px 12.1px 7px;border-color: transparent transparent #f26c0c transparent;} 

/* //Cartes Bulles  */

/* Liste transporteurs  */
/* //Liste transporteurs  */

/* Résultats - Calculer tarifs  */

.afficher_table { display: table;  table-layout: fixed; }

#gauche-col {border: solid 1px #d3d8db; display: table;  table-layout: fixed; float: left}
#gauche-col p {font-size: 14px; font-size:1.4rem; line-height: 15px; line-height:1.5rem;}

#gauche-col .colonne_resultats  {width: 289px; display: table-cell; height: 100%; position: relative;border-left: solid 1px #D3D8DB;} /* width: 309px; remplacé par 289 pour fiter a la largeur */
#gauche-col .colonne_intineraire_options{width: 309px; height: 100%; position: relative} /* pas de table cell pour page /fr/titres-tarifs/recherche */

#gauche-col .colonne_intineraire_options:before, #gauche-col .colonne_intineraire_options:after {position: absolute; content:""; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 10px;}
#gauche-col .colonne_intineraire_options:before {border-color: transparent transparent transparent #ccc; top: 23px; right: -11px; z-index: 1}
#gauche-col .colonne_intineraire_options:after {border-color: transparent transparent transparent #fff; top: 23px; right: -10px; z-index: 2}

#gauche-col .colonne_intineraire_options {border-right: solid 1px #d3d8db; padding: 15px 35px 15px 55px;}
#gauche-col .colonne_intineraire_options #zoneOptions {padding: 25px 0 0; margin: 25px 0 0 0; position: relative}
#gauche-col .colonne_intineraire_options #zoneOptions button#asdf {width: 230px; padding: 10px 25px;}
#gauche-col .colonne_intineraire_options #zoneOptions:before {content: ""; position: absolute;padding: 25px 0 0; margin: 20px 0 0 0; border-top: solid 1px #d3d8db;display: block; width: 300px; height: 1px; top: -25px; right: -34px;}
#gauche-col .colonne_intineraire_options #form-recherche-trajets h2, #gauche-col .colonne_resultats h2 {font-size: 22px; font-size:2.2rem; margin: 0 0 5px 0; position: relative}
#gauche-col .colonne_intineraire_options h2:before  {content:"";background: #fff;position: absolute; display: block; width: 28px; height: 28px; left: -37px; top: -1px;-webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
#gauche-col .colonne_intineraire_options h2:after, #gauche-col .colonne_resultats h2:after {speak:none;position: absolute; display: block;  color: #909090; left: -40px; top: -5px; text-align: center; font-family: amt2; font-size: 35px;}
#gauche-col .colonne_intineraire_options #form-recherche-trajets h2:after {content: "\e660";}
#gauche-col .colonne_intineraire_options #zoneOptions h2:after {content: "\e65f";}
#gauche-col .colonne_intineraire_options #zoneOptions .option_date {position: relative} 
#gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes {float: right; margin: 2px 2px 0 0}
#gauche-col .colonne_resultats  {background: #ebebeb; padding: 23px 10px }
#gauche-col .colonne_resultats .trajet-sommaire {background: #fff; border: solid 1px #d3d8db; margin: 5px 0; padding: 20px 0 10px 20px; position: relative;}
#gauche-col .colonne_resultats .trajet-sommaire .lien-resultat {display: block; width: 154px; height: 31px; font-weight: bold; line-height: 30px; line-height:3rem; background: #fafafa; color: #565656; text-align: left; float: right; margin: 10px -5px 0 0; padding: 0 15px; position: relative;border: solid 1px #d3d8db; font-size: 13px; font-size:1.3rem;}
#gauche-col .colonne_resultats .trajet-sommaire .lien-resultat:hover {background: #004990; border: solid 1px #004990; color: #fff}
#gauche-col .colonne_resultats .trajet-sommaire .lien-resultat:before {speak:none;content: "\e646";font-family: amt2;font-weight: normal; right: 10px; position: absolute; top: 0; color: #565656; font-size: 16px; }
#gauche-col .colonne_resultats .trajet-sommaire .lien-resultat:hover:before { color: #fff}
/******  ---> Voir codes communs dans section Panneau itineraire Général <---  ******/
#gauche-col .colonne_intineraire_options form input[type=text], #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes select, #gauche-col .colonne_intineraire_options form #age {border: solid 1px #aaa !important; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-size:1.2rem; width: 53px;}/* width 53 au lieu de 51 pour aligner l'heure avec l'age fr/titres-tarifs/recherche */
#gauche-col .colonne_intineraire_options form .depart:before, #gauche-col .colonne_intineraire_options form .destination:before {left: -31px}
#gauche-col .colonne_intineraire_options form div.startend:before {left: -24px; top: 32px; background: #ebebeb}
#gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser{right: -23px;}
#gauche-col .colonne_intineraire_options form div.startendtbt button[type=button]#inverser{right: -23px;}
#gauche-col .colonne_intineraire_options form .ui-datepicker-trigger {position: absolute; top: 35px; right: -23px;}
#gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver, #gauche-col .colonne_intineraire_options form .etudiant {margin: 15px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-size:1.2rem;}
#gauche-col .colonne_intineraire_options form .etudiant {float: left;margin-right: -40px;}
#gauche-col .colonne_intineraire_options form .etudiant span {}
#gauche-col .colonne_intineraire_options form #age {float: right; width: 120px !important;  }
#gauche-col .colonne_intineraire_options form .etudiant label {margin: 0 20px 0 0 !important;}
#gauche-col .colonne_intineraire_options form button#rechercher {padding: 10px 25px; width: 240px; margin: 10px 0;}

#gauche-col .colonne_resultats .trajetsZones_intro h2:after {content: "\e65e";speak:none;}
#gauche-col .colonne_resultats .trajet-sommaire ol {margin: 20px 0 0 0; padding: 15px 10px 15px 0;}
#gauche-col .colonne_resultats .trajet-sommaire span[data-bind$="departHeure"]:after {content:"-"; margin: 0 -2px 0 5px }
#gauche-col .colonne_resultats .trajet-sommaire span[data-bind$="arriveeHeure"]:after {content:"|"; margin: 0 0 0 5px; color: #333}
#gauche-col .colonne_resultats .trajetsZones_intro {padding: 0 20px 10px 50px;}

#droite-col {margin: 0 0 0 20px; width: 300px; display: block; float: left;}
#droite-col-titre-et-tarif {padding: 0 0 0 20px;vertical-align: top;display: table-cell;margin:0;width: 300px;}
#droite-col img {border: solid 1px #d3d8db}

#milieu-col {padding: 0 0 0 20px; width: auto;border-left: solid 1px #d3d8db; display: table-cell}
#milieu-col img {width: 100%; height: auto}

.dyn-c-t-accueil #gauche-col {width: 320px; background: #fff; border-right: none; display: table-cell; height: 100%;margin-bottom: 40px;}
.dyn-c-t-accueil #milieu-col {height: 100%;vertical-align: top;}
.dyn-c-t-accueil #gauche-col .colonne_intineraire_options {border-right: none; }
.dyn-c-t-accueil #gauche-col .colonne_intineraire_options:before, .dyn-c-t-accueil #gauche-col .colonne_intineraire_options:after {display: none}
.dyn-c-t-accueil .afficher_table { max-width: 1285px;}
/*.dyn-c-t-accueil #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser{right: 0}
.dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger {position: absolute; top: 35px; right: 0}*/
.dyn-c-t-accueil #gauche-col .colonne_intineraire_options #zoneOptions:before {right: -34px;} /* -34 au lieu de -24 a cause de /fr/titres-tarifs */
.dyn-c-t-accueil #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes {float: right; margin: 2px 23px 0 0}
.dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #age {margin: 0 39px 0 0;}
.dyn-c-t-accueil .tarifs_texte_editable {margin: 30px 0 45px 0}

.dyn-c-t-recherche #gauche-col {width: 599px;}/* 599 au lieu de 620px pour la page /fr/titres-tarifs/recherche */
.dyn-c-t-recherche #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser{right: -23px;}
.dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger {position: absolute; top: 85px; }/*right: -23px;*/
.dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions:before {right: -35px;}
.dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions .options_bloc {display: block; position: relative;}
.dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes {float: right; }/*margin: 2px 2px 0 0;*/
.dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #age {margin: 0 18px 0 0;}
/*.dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptionsCalculer label[for=age],*/ 
#gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes label.heures {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-size:1.2rem; text-indent: 0; position: absolute;line-height: 30px;line-height:3rem;left: 0;}
#gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes label.heures, .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes label {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-size:1.2rem; text-indent: 0; margin: 0}
.dyn-c-t-recherche .tarifs_texte_editable {max-width: 960px;}

/* Données ouvertes */
article.donnees-ouvertes{display:table;table-layout:fixed;}
article.donnees-ouvertes header,article.donnees-ouvertes .colonne_gauche,article.donnees-ouvertes .colonne_droite{display:table-cell;float:left;height:100%;position:relative;}
article.donnees-ouvertes header{width:100%;}
article.donnees-ouvertes .colonne_gauche{width:66%;}
article.donnees-ouvertes .colonne_gauche .donnees_temps_reel{background:#ebebeb;border:solid 1px #d3d8db;padding:10px 10px 50px;position:relative;}
article.donnees-ouvertes .colonne_gauche .donnees_temps_reel a.demande_acces{background:#004990;bottom:10px;color:#fff;display:block;height:31px;line-height:31px;line-height:3.1rem;padding:0 10px;position:absolute;right:-5px;text-align:left;width:154px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
article.donnees-ouvertes .colonne_gauche .donnees_temps_reel a.demande_acces:hover {background: #5090cd;}
article.donnees-ouvertes .colonne_gauche .donnees_temps_reel a:after{color:#fff;content:"\e646";font-family:amt2;font-size:16px;position:absolute;right:5px;top:0;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul {margin:20px 0;border-top:1px solid #e0e0e0}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li, .formulaire-acces-donnees #FormulaireAccesDonnees li {border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:table;min-height:50px;table-layout:fixed;width:100%;word-wrap:break-word;line-height: 16px;line-height:1.6rem;position: relative}
.formulaire-acces-donnees #FormulaireAccesDonnees li#License, .formulaire-acces-donnees #FormulaireAccesDonnees li#License span, .formulaire-acces-donnees #FormulaireAccesDonnees li#License label, .formulaire-acces-donnees #FormulaireAccesDonnees li#SoumettreBouton {border: none; padding: 10px 0}
.formulaire-acces-donnees #FormulaireAccesDonnees li#License label {width: auto; display: inherit; padding: 0 5px;}
.formulaire-acces-donnees #FormulaireAccesDonnees li#License input[type=checkbox] {float: left}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li:hover, .formulaire-acces-donnees #FormulaireAccesDonnees li:hover {background-color:#f0f3f5;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li span, .formulaire-acces-donnees #FormulaireAccesDonnees li label{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:table-cell;font-weight:bold;width:40%;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li span,article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li a,article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li div, .formulaire-acces-donnees #FormulaireAccesDonnees li label, .formulaire-acces-donnees #FormulaireAccesDonnees li span {display:table-cell;min-height:50px; height: 50px;padding:5px;vertical-align:middle;}
.formulaire-acces-donnees #FormulaireAccesDonnees li span div {width: 75px;display: block;float: left;line-height: 30px; line-height:3rem;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li a{padding:0 40px 0 10px;position:relative;width:60%;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li a:after{color:#004990;content:"\e646";font-family:amt2;font-size:22px;position:absolute;right:5px;top:15px;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li div{font-weight:bold;}

.formulaire-acces-donnees #FormulaireAccesDonnees {margin: 20px 0;}
.formulaire-acces-donnees #FormulaireAccesDonnees li span input[type=text] {border: 1px solid #e0e0e0; line-height: 30px; line-height:3rem; padding: 0 5px; width: 90%; max-width: 300px;height: 30px}
.formulaire-acces-donnees #FormulaireAccesDonnees li span input#FormulaireAccesDonnees_reponse {max-width: 225px;}
.formulaire-acces-donnees #FormulaireAccesDonnees li {border-right: none}
.formulaire-acces-donnees #FormulaireAccesDonnees li label { border: none;}
    .formulaire-acces-donnees #FormulaireAccesDonnees li#SoumettreBouton {background: none;
    }
article.donnees-ouvertes .colonne_droite{width:34%;}
article.donnees-ouvertes .colonne_droite > div{border:1px solid #e0e0e0;margin:0 0 20px 20px;padding:10px;}
article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li:first-child,article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li:first-child:hover,article.donnees-ouvertes .colonne_gauche .donnees_gtfs ul li:first-child{background-color:#e0e0e0;}



/* TRAJETS ICONES - Desktop @Thomas - ATTENTION - ce bout overwrite du CSS de PA ci-dessus */
    .zone #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li:before, 
    #gauche-col .colonne_resultats .trajet-sommaire ol li:before{left:0;}
    .zone #trajetsZone .sommaire_trajets ul li ol li[data-bind="attr: { 'class': travel_mode }"] > div{margin-left:10px;}
    .zone #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"] li, 
    #gauche-col .colonne_resultats .trajet-sommaire ol li{margin:0 0 0 3px;float: left;}
    .zone #trajetsZone .sommaire_trajets ul li ol li[data-bind="attr: { 'class': travel_mode }"]:first-child > div{margin-left:0;}
    .zone #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"], 
    #gauche-col .colonne_resultats .trajet-sommaire ol{float: left;width: 266px;}/* largeur pour que le trait prenne la largeur complete du trajet */
    .dyn-c-t-recherche #gauche-col .colonne_resultats .trajet-sommaire ol{width:246px} /* etrange la largeur semble differente 26 ou 246? */
    span.WALKING:before{margin-left: -1px;margin-right: -3px;}
    span.BUS:before{margin-left: 1px;}
    span.SUBWAY:before{margin-left: 2px;}
    span.HEAVY_RAIL:before{margin-left: 2px;}
    span.METRO:before{margin-left: 2px;}
    span.TRAIN:before{margin-left: 2px;}
    span.DRIVING:before{margin-left: 2px;}

/* PLANIFIER MES DEPLACEMENT - Desktop @Thomas - ATTENTION - ce bout overwrite du CSS de PA ci-dessus */
    #zoneOptions{float:left;width:100%; padding-left:120px;}
    .dyn-c-t-recherche #zoneOptions{float:none;}
    .panneau-itineraire form #zoneOptions div.partir_arriver, 
    #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver{float:left;margin:0;margin-bottom: 12px;}
      .panneau-itineraire.accueil form #zoneOptions div.partir_arriver, 
    #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver{float:left;margin:0;margin-top: 5px;}
        .panneau-itineraire form #zoneOptions div.partir_arriver .right {
            float:left;
        }


    .afficher_heures_minutes_overflow{float:left;overflow:hidden;margin-right: 5px;}
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes select#heures{padding: 4px 4px;height: auto;line-height: inherit;}
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes select#minutes{padding: 4px 4px;height: auto;line-height: inherit;}
    .panneau-itineraire form #afficher_heures_minutes select{margin:0;padding:0;}
    .panneau-itineraire form label{float:left;margin-right:5px;}
    .panneau-itineraire form #zoneOptions input[type="radio"], #gauche-col .colonne_intineraire_options form #zoneOptions input[type="radio"], 
    #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer input[type="radio"]{float:left;}    
    .option_date {position: relative;}
        .option_date #date {
            float:left;
            margin-left: 0;
            width:150px !important;
        }
.option_date button#afficherProchainsJours {
    display: none;
}
.option_date button#afficherProchainsJourstbt {
    display: none;
}
.panneau-itineraire .fermer {
    float: right;
    margin-top:-4px;
    margin-bottom:10px;
}

.panneau-itineraire.accueil .fermer {
    position: absolute;
    top: 190px;
    right: 20px;
}
.fermer .btn_fermerpanneau {
    color:#FFF;
    line-height:14px;
}
.fermer .btn_fermerpanneau 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;
}
    .fermer .btn_fermerpanneau i:before {
        font-family:fontAwesome;
        font-style:normal;
        font-weight:normal;
        content: "\f00d";
    }
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes{margin: 0 6px 0 27px;}
    .panneau-itineraire form button[type=submit]#asdf{margin:0;position:absolute !important; right:20px; top:95px; padding:0 25px; display: block; position: inherit; font-size: 1.6rem; font-weight: 400; height:40px; line-height:40px;}
    .panneau-itineraire.accueil form button[type=submit]#asdf{margin:0;position:absolute !important; right:20px; top:130px; padding:0 25px; display: block; position: inherit; font-size: 1.6rem; font-weight: 400; height:40px; line-height:40px;}
    #gauche-col .colonne_intineraire_options form #zoneOptions label[for=partir]{float:left;}
    #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes select{padding: 4px 0;height: auto;line-height: inherit;}
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes label, 
    .non-connecte .panneau-itineraire.accueil form #afficher_heures_minutes select, 
    .panneau-itineraire.planifier form #afficher_heures_minutes select, 
    #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes label, 
    #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes select{float:left} 
    #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes label{margin-right:5px;}
    #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger{margin: -1px -10px 0 0;right: -13px;top:0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes{margin:0 -4px 0 0;}
    #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes label.heures, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes label{position:initial;margin-right:5px;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #age{margin: 0 19px;width: 125px !important;}
    #gauche-col .colonne_intineraire_options form .etudiant span{float:left}
    .panneau-itineraire form #zoneOptions label[for=arriver], 
    .panneau-itineraire form #zoneOptions label[for=partir], 
    #gauche-col .colonne_intineraire_options form #zoneOptions label[for=arriver], 
    #gauche-col .colonne_intineraire_options form #zoneOptions label[for=partir], 
    #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_oui], 
    #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_non]{float:left}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes{margin:0 -2px 0 0}
    #gauche-col .colonne_intineraire_options form #age{margin: 0 19px;width: 124px !important;}
    .dyn-planifier-mes-deplacements .connecte .panneau-itineraire form button[type=submit]#asdf{width: 300px;margin: 59px 0 0 -20px;}/*a la palce de width: 280px;margin: 59px 0 0 -10px; si connecté /fr/planifier-trajets */
    .dyn-planifier-mes-deplacements .connecte .panneau-itineraire #trajetsZone{margin-top: 10px}
    .dyn-planifier-mes-deplacements #contenu .options select{height:initial;padding:6px 10px}
    


/*
 * @media tablet
 */
@media screen and (min-width: 960px) and (max-width: 1240px) {
    #droite-col-titre-et-tarif{display:none;}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport {border: none;margin: 0 -55px 0 0;}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li {margin: 0 5px 0 0; }
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a { display: block; width:42px; height: 42px; position: relative; padding: 0}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a span {display: none }
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:before {position: absolute; left: 0; top: 0; display: block; width: 42px; height: 42px; text-align: center; line-height: 43px; font-size: 30px; color: #004990; margin: 0; }
    section#bloc_accueil .infos_transport #tabs_infos_transport .bloc_tabs_infos {margin: 0;min-height:196px;}

    .panneau-itineraire form input[type=text] {
        width:130px !important;
    }
    .panneau-itineraire.accueil {
        width:545px !important;
    }
    .panneau-itineraire h2 {
        font-size: 2.1rem !important;
    }
    .panneau-itineraire form div.startend {
        padding-left:100px;
    }

    .panneau-itineraire form div.startendtbt {
        padding-left:100px;
    }

    #zoneOptions {
        padding-left: 0;
    }
    .option_date #date{
        width:110px !important;
    }



    /*section#bloc_accueil .infos_transport { margin: 0 20px 0 330px; }

    .sprite-map-container {margin: 0 40px 0 0;}
    .planifier_options ul.options { margin: 0 0 0 37px }
    .planifier_options ul.options > li { width: 200px; }
    section#echangez ul li {width: 100%}

    .dyn-accueil #carteCanvas .gmnoprint {margin: 0 40px 95px 0} 
     */

}

/* 
 * @media mobile
 */

@media screen and (min-width: 769px) and (max-width: 1240px)  {
    }

@media screen and (min-width: 769px) and (max-width: 1024px)  {
.planifier_options div.options {margin: 0 0 0 20px;position: relative;float: left;}
.planifier_options div.options > div {width: 30.4%;margin: 0 1% 20px 1%;}

.dyn-e-s-details-ligne #left-col, .dyn-e-s-details-ligne #right-col {width: 100%; margin: 0 0 20px 0}
.dyn-e-s-autobus-ligne #left-col, .dyn-e-s-autobus-ligne #right-col {width: 100%; margin: 0 0 20px 0}

section#echangez ul li {width: 100%}


}

@media screen and (min-width: 769px) and (max-width: 1325px)  {
#droite-col {margin: 20px 20px 0 0;width: 300px;display: block;float: left;
}

}

@media screen and (min-width: 1025px) and (max-width: 1450px)  {

.planifier_options div.options {margin: 0 0 0 20px;position: relative;float: left;}
.planifier_options div.options > div {width: 23%; margin: 0 0.8% 20px 0.8%;}

}


@media screen and (max-width: 960px) {

    #left-col #Directions ul li { width:80%;}
/* ACCUEIL - GÉNÉRAL - Mobile @Pierre-andré */
    .dyn-c-t-accueil .afficher_table {display:block;width:100%;float: left;}
    #droite-col-titre-et-tarif{display:block;width:100%;float: left;}
    .dyn-c-t-recherche #droite-col-titre-et-tarif{margin-top:20px;}
    .max1180 {padding: 0;margin-top: 75px; background: #ebebeb;}
    section#bloc_accueil, section#menu_utilitaire, section#nouvelles, section#echangez, section#promo_accueil {background: #ebebeb;z-index: 1;position: relative;display: block;border-top: solid 1px #ccc;border-right: none;border-bottom: none;border-left: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    #contenu-accueil{background:#fff;padding: 0 10px;margin-top: 0;}/* pour accueil connecté */
    section#bloc_accueil {margin-top:99px }
    .connecte section#bloc_accueil {margin-top:0 }
    body, html {overflow-x:hidden !important;}
    /* #layout-wrapper, .contenant {overflow:hidden} */
    .accueil .zone-favoris #listeMesTransportsFavoris > li h3 {
        margin-top:20px !important;
    }
    .accueil #listeMesTransportsFavoris li h3 i {
        margin-top:-5px;
    }
    .accueil .zone-favoris #listeMesTransportsFavoris > li {
        padding-bottom:0;
    }
    .accueil #listeTransportFavoris .liste_transport_favori_etat::after {
        width:42px;
        font-size:18px;
    }
    .accueil .intra-content {
        padding:0 !important;
    }
    .non-connecte .panneau-itineraire.accueil .modetransport .checkboxmodetransport .inputModeTransport {
        clear: both;
        padding: 7px 0 15px 0;
    color: #fff;
    font: 700 1.1rem Arial,Tahoma,Verdana,sans-serif;
}

    .non-connecte .panneau-itineraire.accueil .modetransport .checkboxmodetransport {
    width: 33%;
    float: left;
        padding-top: 15px;
}

    .panneau-itineraire.accueil {
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
    h1 {margin: 10px 0 !important;font-size: 24px;padding-left: 10px;}/*padding-left: 10px; pour fr/planifier-trajets/autobus#*/
    h2 {margin: 10px 0; color:#333 ;}
    .affichage_ecran {display: none}
    .affichage_mobile {display: inherit }
    .dyn-planifier-mes-deplacements .carte_slider, .dyn-accueil .zone-carte #carteCanvas, .dyn-accueil .zone-carte #carteBarreOutils, #promo_accueil_car  {display: none}


    /* Accueil Planifier */
    h1.planifier_titre {margin: 10px 0 20px 10px !important;}

    .dyn-accueil .non-connecte .zone-carte {position: relative; height: inherit; top: 0}
    .connecte .panneau-itineraire.accueil {width: 100%;padding: 10px 0;background: #f0f0f0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;height: auto; position: relative; border: none; min-height: 330px;}
    .dyn-accueil .non-connecte .panneau-itineraire.accueil  {position: relative; top: 1px;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width: 100%;}
    .panneau-itineraire.accueil, .panneau-itineraire.planifier{position: relative;left:0;top: 0; width: 100%;}
    .panneau-itineraire.planifier {padding: 10px 0;width: auto; margin: 0 0 10px 0; height: auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
    .connecte .panneau-itineraire.accueil h2 {color: #333; margin: 10px 20px 20px 20px !important}
    .non-connecte .panneau-itineraire.accueil h2 {color: #fff; margin: 10px 20px 20px 20px !important}
    .panneau-itineraire.planifier h2 {color: #fff; margin: 10px 20px 20px 20px !important}
    .panneau-itineraire form {padding: 0 20px;}
    .panneau-itineraire form label[for=heure] {margin: 0 0 0 50px}
    .panneau-itineraire form input[type=text]#depart, .panneau-itineraire form input[type=text]#destination, .panneau-itineraire form input[type=text]   {float: none;  margin: 0 0 10px 50px; color: #333; display: block}
    .panneau-itineraire h2 {
        float:none !important;
    }
    #zone-carte.ouvert {
        height: auto !important;
    }
    #zoneOptions {
        padding-left:0;
    }
    .startend > div {
        float:none;
    }
    .startendtbt > div {
        float:none;
    }
    .panneau-itineraire.planifier form input[type=text]#date, .panneau-itineraire form input[type=text]#date {
        width:100% !important;
        margin-left:0;
    }
    .panneau-itineraire form .ui-datepicker-trigger {
        right:-50px !important;
        top:0 !important;
        float:none !important;
    }
    .panneau-itineraire form div.startend button[type=button]#inverser {
        top:15px !important;
    }
    .panneau-itineraire form div.startendtbt button[type=button]#inverser {
        top:15px !important;
    }

    #gauche-col .colonne_intineraire_options form div.startendtbt button[type=button]#inverser{right: -35px;}

    .panneau-itineraire form .destination {
        margin-left:0;
    }
        .panneau-itineraire form div.startend button[type=button]#inverser:after {
            -webkit-transform: rotate(0deg) !important;
            -moz-transform: rotate(0deg) !important;
            -ms-transform: rotate(0deg) !important;
            -o-transform: rotate(0deg) !important;
        }
        .panneau-itineraire form div.startendtbt button[type=button]#inverser:after {
            -webkit-transform: rotate(0deg) !important;
            -moz-transform: rotate(0deg) !important;
            -ms-transform: rotate(0deg) !important;
            -o-transform: rotate(0deg) !important;
        }
    .panneau-itineraire.planifier form div.startend:before, .panneau-itineraire form div.startend:before {
        top:29px;
        background:#FFF;
    }
    .panneau-itineraire form div.startend {
        padding-left:0 !important;
    }
    .panneau-itineraire form div.startendtbt {
        padding-left:0 !important;
    }
    
    .option_date button#afficherProchainsJours {
        display:block;
    }
        .option_date button#afficherProchainsJourstbt {
        display:block;
    }
    .non-connecte .panneau-itineraire.accueil {
        height:345px !important;
    }
    #sidr-id-piedpageMenu {
        display:none;
    }
    .panneau-itineraire form div.startend:before {background: #ebebeb;}
    .panneau-itineraire form #zoneOptions {position: relative;}
    .panneau-itineraire select{font-size:inherit}
    .panneau-itineraire form #zoneOptions div.partir_arriver {margin: 0 0 0 50px;}
    .panneau-itineraire form .ui-datepicker-trigger {position: absolute;top:3px;right: 0;}
    .panneau-itineraire form button[type=submit]#rechercher, .connecte .panneau-itineraire.accueil form button[type=submit]#asdf {position:relative; left: 0;  width: 100%; float: left; margin: 10px 0 0 0;}/*max-width: 260px; retiré pour mobile accueil connecté bouton "Rechercher" */
    .non-connecte .panneau-itineraire.accueil form button[type=submit]#asdf {position:relative; left: 0;  width: 100%; float: left; margin: 65px 10px 0 0;}

    
    .panneau-itineraire.planifier form button[type=submit]#asdf {position:relative; left: 0;  width: 100%; float: left; margin: 69px 10px 20px 0;}
    .panneau-itineraire form button[type=submit]#rechercher:hover, .panneau-itineraire form button[type=submit]#asdf:hover {background: #d45c04;}
    .panneau-itineraire form button#masquerOptions { width: 100%;}
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes {float: none; margin: 2px 0 0 50px; text-align: left;}
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes label, .panneau-itineraire form #afficher_heures_minutes select {display: inline-block}
    .panneau-itineraire .message-champ-lieu, colonne_intineraire_options .message-champ-lieu {margin: 0 0 0 50px;}
    .panneau-itineraire .option_date button#afficherProchainsJours {right: 28%}
    .panneau-itineraire .option_date button#afficherProchainsJourstbt {right: 28%}
    .panneau-itineraire form #zoneOptions label[for=arriver], .panneau-itineraire form #zoneOptions label[for=partir], #gauche-col .colonne_intineraire_options form #zoneOptions label[for=arriver], #gauche-col .colonne_intineraire_options form #zoneOptions label[for=partir], #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_oui], #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_non] {margin: 0 20px 0 0;}
    .panneau-itineraire #trajetsZone .planifier_bas hr{width:100%;}
    /* //Accueil Planifier */

    /* Page d'accueil */
 


    /*section#bloc_accueil .etat_service {min-height: inherit; border-right: none;border-bottom: solid 1px #ccc; width: 100%;-webkit-border-radius:0;-moz-border-radius: 0;border-radius: 0; }
    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 {margin-left: -2px;}
    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 ul li:last-child {border: none }*/


    section#bloc_accueil .infos_transport {display: block; margin: 0;float: left;background: #fff; width: 100%;border-bottom: 0;}/* border-bottom 0 pour accueil connecté, border sous "Service mobiles" */
    section#bloc_accueil .infos_transport #tabs_infos_transport{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    section#bloc_accueil .infos_transport h1 {display: none;}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport {border: none; display: table;width: 100%; margin: 0}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.titre {width: 66.666% !important;display: table-cell;height: 46px; font-size: 14px;white-space: normal; padding: 0 10px; vertical-align: middle; font-weight: bold; background: #fff } 
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.titre span {display: table-cell; vertical-align: middle; height: 46px;} 
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li {margin: 0; float: left;display: table-cell !important;width: 33.333% !important;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-top: solid 1px #ccc;border-right: solid 1px #ccc;overflow: hidden;}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:nth-child(2), section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:nth-child(5), section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:nth-child(8) {border-right: none;}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a { display: block;  height: 46px; position: relative; padding: 0; width: 250px !important}
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a span {display: none }
    section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:before {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 46px; text-align: center; line-height: 46px; font-size: 30px; color: #004990; margin: 0}
    section#bloc_accueil .infos_transport #tabs_infos_transport .bloc_tabs_infos {display: none;}

	.dyn-accueil section#menu_utilitaire{clear:both;}
    section#menu_utilitaire {margin: 20px 0 0; border-bottom: solid 1px #ccc;}
    section#menu_utilitaire ul li {display: block;width: 100%;list-style: none;margin: 0;padding: 0;float: none;height: 70px;border-right: none;border-bottom: solid 1px #ccc;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border-top:0 solid #fff; }
    section#menu_utilitaire ul li:last-child {border-bottom: 0;} /* border-bottom 0 pour accueil connecté, border sous "Service mobiles" */
    section#menu_utilitaire ul li a {padding: 20px 0 0 100px;}
    section#menu_utilitaire ul li a:after {content: "\e646";font-family: amt2;position: absolute;top: 0;right: 20px;line-height: 70px;color: #004990;font-size: 22px;}
    section#menu_utilitaire ul li a .figure {}/*left: -10px; retiré car les images sorte du cadre */
    section#menu_utilitaire ul li a .figure img {width: auto;height: 70px;}
    section#nouvelles{background: #fff !important; border-top: none; margin: 20px 0 }

    /* Nouvelles & Echangez avec nous*/
    section#nouvelles{width:100%;border-bottom: solid 1px #ccc !important;}
    section#echangez{width:100%; margin: 0; background: #fff !important; border-bottom: solid 1px #ccc !important;}

    section#echangez ul li{width:100% !important;}

    /* //Nouvelles & Echangez avec nous*/


    /* //Page d'accueil */



    /* Tabs Train */



    /* Trajets */
    .panneau-itineraire #trajetsZone {border-left: none; border-right: none; margin:0; width: 100%; }
    .panneau-itineraire #trajetsZone:after {border-color: #fff transparent transparent transparent;  top:-2px;}
    .panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-icons {padding: 17px 0 0 0;} /* pour fr/planifier-trajets?lieuA=Station+Berri-UQAM%2C+Montréal%2C+QC&lieuB=Saint-Jean-sur-Richelieu%2C+QC%2C+Canada&partirArriver=partir&date=Aujourd%27hui&heures=0&minutes=0 */
    .planifier_options div.options > div.option-terminus h2{padding-right:65px;height: auto;}

    /* Itineraire Planifier */
    .planifier_options {background: #e5e5e5;padding: 0; border-top: solid 1px #ccc}

    .planifier_options div.options {width: 100%;margin: 0;position: relative;float: none;}
    .planifier_options div.options > div {display: block;  width: 100%; max-width: none; height: auto;float: none; margin: 0; padding: 0; font-size: 14px;  border-bottom: solid 1px #dce1e4; }
    .planifier_options div.options > div h2 { margin: 0 !important;min-height: 65px; padding: 22px 0 0 60px; color: #333; border: none; position: relative }
    .planifier_options div.options > div h2:before {margin: 10px}
    .planifier_options div.options > div h2:after { content: "\e646"; font-family: amt2; position: absolute; top: 0; right: 20px; line-height: 70px;color: #004990;font-size: 22px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .planifier_options div.options > div h2:after {transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    .planifier_options div.options > div h2.ui-state-active:after {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
    .planifier_options div.options div input[type=text], .planifier_options ul.options li select {width: 100%;margin: 0 0 20px 0;}
    .planifier_options div.options > div.option-terminus h2 {margin-top: 0 !important;}
    .planifier_options div.options div .ui-accordion-header { cursor: pointer}
    .planifier_options div.options div .ui-accordion-content {margin: 0 20px 10px 60px; }

    /* //Itineraire Planifier */

    /* Horaires complets */
    #onglet_horaire .horaire_pdf {font-size: 13px; margin: 20px 0 10px 10px; float: left}
    #accordion_horaire div.jour_semaine span {padding: 0 10px;}
    .planifier-transport-arret .ui-tabs .ui-tabs-nav {margin: 30px 0 0 1px}/* margin-top a 0 pour ajuster par rapport a la toolbar des favoris sur mobile fr/planifier-trajets/train/saint-jerome/0/11150#onglet_horaire */
    .planifier-transport-arret ul.nav_horaires {margin: 0 0 0 2%; }
    .planifier-transport-arret ul.nav_horaires li {display: inline-block;padding-bottom:11px;font-size: 13px;float: left;}
    .planifier-transport-arret ul.nav_horaires li.selectionne{display: block;}
    .planifier-transport-arret ul.nav_horaires li:hover{display: block;}
    .planifier-transport-arret ul.horaire_jour li.petit_vert .etat_traffic {margin: 0;}/* margin a 0 au lieu de 6px 20px  0 0 pour mobile fr/planifier-trajets/train/candiac/0/11150 */
    .planifier-transport-arret ul.horaire_jour li div.horaireComplet4 {width: 20%;}

    .planifier-transport-ligne .onglets {margin: 20px 0}
    /* //Horaires complets */


    /* Informations sur la gare */
    #onglet_horaire {margin: -1px 0 0 0; border-left: none;}
    .planifier-transport-arret header #TitreArret, .planifier-transport-autobus-arret #TitreArret {font-size: 24px; border-bottom: solid 1px #ccc; margin: 0 }/* padding: 15px 10px; - commenté pour titre /fr/planifier-trajets/train/saint-jerome/0/11150#onglet_horaire */
    .planifier-transport-arret #InformationsGare  {border-top: solid 1px #ccc; margin: -1px 0 0}
    .planifier-transport-arret #InformationsGare #InfosGareCarte {display: none}
    .planifier-transport-arret #InformationsGare ul#InfosGare {width: 100%; line-height: 20px; line-height:2rem; }
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite ul#Accessibilite_1, .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1,.planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 {width: 100%; margin: 0 10px}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Adresse{margin:10px 10px 0 10px;width: 100%;}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#AlloTRAM{margin:0 10px 10px 10px;width: 100%;}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Adresse, .planifier-transport-arret #InformationsGare ul#InfosGare li#AlloTRAM {padding: 10px 0}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite, .planifier-transport-arret #InformationsGare ul#InfosGare li#Services {border-top: solid 1px #ccc;}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite h3, .planifier-transport-arret #InformationsGare ul#InfosGare li#Services h3 {margin:20px 10px;}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite ul li {width: 100% !important; display: table-cell; vertical-align: middle;line-height: 40px; line-height:4.0rem;}
    .planifier-transport-arret #InformationsGare ul#InfosGare li ul li {margin: 0 0 15px !important; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 5px 0 0;}
    .planifier-transport-arret #Description {width: 100%; margin: 0; border-top: solid 1px #ccc;}
    .planifier-transport-arret #Description #DescriptionContenu {float: left; margin: 10px}
    .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li .une_ligne { }
    .planifier-transport-arret #InformationsGare ul#InfosGare li ul li .text { height: 36px;} /* display: table; pour mobile onglet information de fr/planifier-trajets/train/candiac/0/11150#InformationsGare */
    .planifier-transport-arret #InformationsGare ul#InfosGare li ul li .text span {display: table-cell;vertical-align: middle;}
    /* //Informations sur la gare */

    /* Liste transporteurs  */
    /* //Liste transporteurs  */

    /* Fancy Box Favoris -> Main
    .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;}

    //Fancy Box Favoris */

    /* État des services Trains et Métros */
    .contenu_editable{padding:0 10px;}
    .dyn-e-s-details-ligne #left-col {width: 100%}
    .dyn-e-s-details-ligne #left-col .englobe_itineraire ul {padding: 10px 10px 0 60px;}
    .dyn-e-s-details-ligne #left-col .lignes_etat_services #Directions ul {margin: 0 50px 0 30px;}
    .dyn-e-s-details-ligne #left-col .lignes_etat_services #Directions ul li:first-child, .dyn-e-s-details-ligne #left-col .lignes_etat_services #Directions > div {border-top: none}.dyn-e-s-details-ligne #left-col .lignes_etat_services #Directions .direction_switch {margin-right: 0}
    .dyn-e-s-details-ligne #right-col {display: none !important;}
    .dyn-e-s-details-ligne #large-col #avis .avis_date, .dyn-e-s-details-generique #avis .avis_date {font-size: 14px; float: none; position: inherit; }
    .dyn-e-s-details-ligne #large-col #avis #blocs_englobe .bloc_transporteur {padding: 20px 4%; }
    .dyn-e-s-details-ligne #large-col #avis #blocs_englobe .bloc_transporteur .panneau_actif:before, .dyn-e-s-details-ligne #large-col #avis #blocs_englobe .bloc_transporteur .panneau_actif:after  {display: none}
    /* //État des services Trains et Métros */

	/* État des services autobus */
	.dyn-e-s-autobus-ligne #left-col, .dyn-e-s-autobus-ligne #right-col{ margin:0 0 20px; width:100%; }
	.dyn-e-s-autobus-ligne #left-col #Directions ul{ margin:0; }
	.dyn-e-s-autobus-ligne #left-col #Directions ul li:first-child{ border-top:0 solid #fff; }
	.dyn-e-s-autobus-ligne #Directions .direction_switch{ margin-right:0; }

    /* Résultats - Calculer tarifs  */
    .dyn-c-t-accueil #gauche-col {width: 100%; background: #f0f0f0; border-right: none; display: block; height: auto;margin: 0 0 20px 0;border-right: solid 1px #d3d8db;}
    .dyn-c-t-accueil  #milieu-col {padding: 0; width: 100%; border-left: none; display: block;}
    .dyn-c-t-accueil #gauche-col .colonne_resultats {background: none;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options:before, .dyn-c-t-accueil #gauche-col .colonne_intineraire_options:after, .dyn-c-t-recherche #droite-col {display: none}
    .dyn-c-t-accueil .tarifs_texte_editable {margin: 30px 0}
    .dyn-c-t-accueil #gauche-col .colonne_resultats  {display: none !important}


    .tarifs_texte_editable {max-width: inherit ;}
    .dyn-c-t-recherche #gauche-col {width: 100%}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions .options_bloc {max-width: 240px;width: auto; }
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes {margin: 2px 24px 0 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #age {margin: 0 40px 0 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver, .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .etudiant {margin: 15px 10px 5px 0;}


    #gauche-col {width: 100%; border: solid 1px #d3d8db; display: inherit;overflow: hidden }
    #droite-col {display: none;}
    /*
    #gauche-col .colonne_intineraire_options, #gauche-col .colonne_resultats, #gauche-col .colonne_resultats  {width: 100%; display: block !important; }
    #gauche-col .colonne_intineraire_options:before, #gauche-col .colonne_intineraire_options:after {position: absolute; content:"";width: 0;height: 0;border-style: solid; border-width: 12px 10px 0 10px; left: 26px; top: auto; right: auto;}
    #gauche-col .colonne_intineraire_options:before {border-color: #cccccc transparent transparent transparent; bottom: -13px; z-index: 1}
    #gauche-col .colonne_intineraire_options:after {border-color:#ffffff transparent transparent transparent ;bottom: -12px; z-index: 2}
    #gauche-col .colonne_intineraire_options {border-right: none; padding: 15px 35px 15px 55px;}
    #gauche-col .colonne_intineraire_options #zoneOptions:before {margin: 20px 0 0 0; width: 120%; top: -25px;right: auto; left: 0;}
    #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser, #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger {position: absolute;right: auto;  left: 205px; }
    #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser {top: 8px;}
    #gauche-col .colonne_intineraire_options form button#rechercher {width: 100%;max-width: 240px;}
    #gauche-col .colonne_intineraire_options form .options_bloc {width: 220px}
    #gauche-col .option_date button#afficherProchainsJours {top: 38px;left: 165px; right: auto}*/
    #gauche-col .colonne_intineraire_options #zoneOptions button#asdf {width: 100%;margin: 10px 0 0 0;font: normal 21px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size: 2.1rem;}

    .panneau-itineraire form #zoneOptions label[for=arriver], .panneau-itineraire form #zoneOptions label[for=partir], #gauche-col .colonne_intineraire_options form #zoneOptions label[for=arriver] {margin: 0;}

    #gauche-col .colonne_resultats  {border-top: solid 1px #d3d8db; }
    /* //Résultats - Calculer tarifs  */



    /* Données ouvertes */
    article.donnees-ouvertes .colonne_gauche, article.donnees-ouvertes .colonne_droite  {width: 100%; margin: 0}
    article.donnees-ouvertes .colonne_droite > div {border: 1px solid #e0e0e0;margin: 0 0 20px 0}
    /* //Données ouvertes */








/* FORMULAIRE ITINERAIRE - Mobile @Thomas - ATTENTION - ce bout overwrite du CSS de PA ci-dessus */
    .panneau-itineraire.planifier form #zoneOptions div.modetransport { margin: 10px 0 15px 0; padding-left: 0px; }
    /*.panneau-itineraire.accueil form div.modetransport { margin-top: 10px; padding-left: 0px; }*/
    .panneau-itineraire form div.startend button[type=button]#inverser{margin-right:-40px}
    .panneau-itineraire.accueil form div.startend button[type=button]#inverser{margin-right:-50px}
    .div.startendtbt button[type=button]#inverser{margin-right:-30px}
    .panneau-itineraire.accueil form div.startendtbt button[type=button]#inverser{margin-right:-40px}
    
    .panneau-itineraire.accueil .fermer {
        display:none;
    }
    .panneau-itineraire.accueil form #zoneOptions div.partir_arriver {
        width:100%;
    }
    .panneau-itineraire.accueil .left {
        float:right !important;
    }
    .dyn-accueil #contenu.ouvert {
        padding: 0 !important;
    }
    .date_du_jour, .sidr-class-megamenu .fermer, .liste_transport_favori_box, .sidr-class-meshorairemenu{
        display:none;
    }
        .non-connecte .panneau-itineraire.accueil {
        height:400px !important;
    }

    .panneau-itineraire form .depart:after, 
    #gauche-col .colonne_intineraire_options form .depart:after, 
    .panneau-itineraire form .destination:after, 
    #gauche-col .colonne_intineraire_options form .destination:after{margin-left: -40px;}
    .panneau-itineraire form .depart:before, 
    #gauche-col .colonne_intineraire_options form .depart:before, 
    .panneau-itineraire form .destination:before, 
    #gauche-col .colonne_intineraire_options form .destination:before{margin-left: -40px;}
    .panneau-itineraire form div.startend, #gauche-col .colonne_intineraire_options form div.startend{width: 70%;margin: auto;}
    .panneau-itineraire form div.startend:before{margin-left: -40px;}
    .panneau-itineraire form div.startendtbt, #gauche-col .colonne_intineraire_options form div.startendtbt{width: 70%;margin: auto;}
    .panneau-itineraire form div.startendtbt:before{margin-left: -40px;}
    .panneau-itineraire form input[type=text]#depart, .panneau-itineraire form input[type=text]#destination, .panneau-itineraire form input[type=text]{width:100% !important;margin:0 0 10px 0;}
    .panneau-itineraire form #zoneOptions{width: 70%;margin: auto;float:none}
    .panneau-itineraire .option_date button#afficherProchainsJours{right: 10px}
    .panneau-itineraire .option_date button#afficherProchainsJourstbt{right: 10px;top: 28px;}
    .panneau-itineraire form #zoneOptions div.partir_arriver{margin:0 0 5px 0;}
    .panneau-itineraire form #zoneOptions #afficher_heures_minutes{margin:0 -21px 0 0;float:right}
    .panneau-itineraire form .ui-datepicker-trigger{position: absolute;right: -40px;}
    .dyn-planifier-mes-deplacements .zone-carte{min-height:initial;margin:0}
    #panneau-itineraire-englobe{padding:10px;float:left;width:100%;}
    #gauche-col .colonne_intineraire_options, 
    #gauche-col .colonne_resultats, 
    #gauche-col .colonne_resultats{float:left;width:100%;}
    .dyn-c-t-recherche .tarifs_texte_editable { padding:0 10px;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .etudiant{width: 100%;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes{margin: 2px 19px 0 0;}    
    .dyn-planifier-mes-deplacements .panneau-itineraire #trajetsZone{margin: 135px 0 20px 0}
    .panneau-itineraire.planifier form button[type=submit]#asdf{margin: 110px 10px 20px 0;}
    .dyn-planifier-mes-deplacements .connecte .panneau-itineraire form button[type=submit]#asdf{margin: 69px 10px 20px 0;width: 100%;}
    .zone #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"]{float: left;width: 100%;padding: 15px;margin-left:0;}
    #gauche-col .colonne_resultats .trajet-sommaire ol{float: left;width: 100%;padding: 15px;margin: 20px 0;}

/* FORMULAIRE TITRES ET TARIFS - Mobile @Thomas - ATTENTION - ce bout overwrite du CSS de PA ci-dessus */
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser{margin-right:-23px;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .depart:after, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .depart:after, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .destination:after, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .destination:after{margin-left: 0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .depart:before, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .depart:before, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .destination:before, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .destination:before{margin-left: 0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form div.startend, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form div.startend{width: 70%;margin: auto;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form div.startend:before{margin-left: -40px;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form input[type=text]#depart, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form input[type=text]#destination, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form input[type=text]{width:100% !important;margin:0 0 10px 0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #zoneOptions{width: 70%;margin: auto;float:none}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options .option_date button#afficherProchainsJours{right: 10px}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options .option_date button#afficherProchainsJourstbt{right: 10px;top: 28px;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver{margin:0 0 5px 0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes{margin:0 -21px 0 0;float:right}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger{position: absolute;right: -40px;}
    .dyn-c-t-accueil #gauche-col .zone-carte{min-height:initial;margin:0}
    .dyn-c-t-accueil #colonne_intineraire_options-englobe{padding:10px;float:left;width:100%;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options, 
    .dyn-c-t-accueil #gauche-col .colonne_resultats, 
    .dyn-c-t-accueil #gauche-col .colonne_resultats{float:left;width:100%;}
    .dyn-c-t-accueil .tarifs_texte_editable { padding:0 10px;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver, 
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form .etudiant{margin-right: 0;float: right;width: initial;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes{margin: 2px 19px 0 0;}    
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options #trajetsZone{margin: 0 0 20px 0}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options.planifier form button[type=submit]#asdf{margin: 69px 10px 20px 0;}
    .dyn-c-t-accueil .connecte .colonne_intineraire_options form button[type=submit]#asdf{margin: 69px 10px 20px 0;width: 100%;}
    .dyn-c-t-accueil .zone #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"]{float: left;width: 100%;padding: 15px;margin-left:0;}
    .dyn-c-t-accueil #gauche-col .colonne_resultats .trajet-sommaire ol{float: left;width: 100%;padding: 15px;margin: 20px 0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #zoneOptions{width: 100%;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options .options_bloc{width: 70%;margin:auto}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_non]{margin-right:0 !important;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options form #age{margin-right:0;}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options #zoneOptions:before{margin-top:34px;width:100%;}
    .dyn-c-t-accueil #gauche-col{border-right:none}
    .dyn-c-t-accueil #gauche-col .colonne_intineraire_options{padding:15px;}

/* FORMULAIRE TITRES ET TARIFS - RECHERCHE - Mobile @Thomas - ATTENTION - ce bout overwrite du CSS de PA ci-dessus */
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser{margin-right:-23px;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .depart:after, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .depart:after, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .destination:after, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .destination:after{margin-left: 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .depart:before, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .depart:before, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .destination:before, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .destination:before{margin-left: 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form div.startend, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form div.startend{width: 70%;margin: auto;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form div.startend:before{margin-left: -40px;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form input[type=text]#depart, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form input[type=text]#destination, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form input[type=text]{width:100% !important;margin:0 0 10px 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions{width: 70%;margin: auto;float:none}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options .option_date button#afficherProchainsJours{right: 10px}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options .option_date button#afficherProchainsJourstbt{right: 10px;top: 98px;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver{margin:0 0 5px 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions #afficher_heures_minutes{margin:0 -21px 0 0;float:right}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger{position: absolute;right: -25px;top: 95px;}
    .dyn-c-t-recherche #gauche-col .zone-carte{min-height:initial;margin:0}
    .dyn-c-t-recherche #colonne_intineraire_options-englobe{padding:10px;float:left;width:100%;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options, 
    .dyn-c-t-recherche #gauche-col .colonne_resultats, 
    .dyn-c-t-recherche #gauche-col .colonne_resultats{float:left;width:100%;}
    .dyn-c-t-recherche .tarifs_texte_editable { padding:0 10px;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions div.partir_arriver, 
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form .etudiant{margin-right: 0;float: right;width: initial;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions #afficher_heures_minutes{margin: 2px 19px 0 0;}    
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #trajetsZone{margin: 0 0 20px 0}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options.planifier form button[type=submit]#asdf{margin: 69px 10px 20px 0;}
    .dyn-c-t-recherche .connecte .colonne_intineraire_options form button[type=submit]#asdf{margin: 69px 10px 20px 0;width: 100%;}
    .dyn-c-t-recherche .zone #trajetsZone .sommaire_trajets ul li div[data-bind$="selectionnerTrajet"] ol[data-bind="foreach: sommaireEtapes"]{float: left;width: 100%;padding: 15px;margin-left:0;}
    .dyn-c-t-recherche #gauche-col .colonne_resultats .trajet-sommaire ol{float: left;width: 100%;padding: 15px;margin: 20px 0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptions{width: 100%;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options .options_bloc{width: 70%;margin:auto}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #zoneOptionsCalculer label[for=estEtudiant_non]{margin-right:0 !important;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options form #age{margin-right:0;}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options #zoneOptions:before{margin-top:34px;width:100%;}
    .dyn-c-t-recherche #gauche-col{border-right:none}
    .dyn-c-t-recherche #gauche-col .colonne_intineraire_options{padding:15px;}
    #gauche-col .colonne_intineraire_options h2{padding-left: 35px;}
    #gauche-col .colonne_intineraire_options h2:before{left: -1px;}
    #gauche-col .colonne_intineraire_options h2:after{left: -5px;}

/* ACCUEIL CONNECTE - Mobile @Thomas - ATTENTION - ce bout overwrite du CSS de PA ci-dessus */
    .accueil .tab-accueil {
        display: block;
    }
    .dyn-accueil article.accueil {background: #EBEBEB;}
    .dyn-accueil section#bloc_accueil{margin-top: 0;}
    .dyn-accueil #contenu-accueil{padding:0;background:transparent}
    .dyn-accueil #bloc_accueil{border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background: rgba(0, 0, 0, 0);margin-bottom: 15px;}
    .dyn-accueil .panneau-itineraire accueil{background-color: #FFF;border: solid 1px #CCC;border-right: 0;border-left: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-top: 15px;margin-bottom: 15px;}
    .dyn-accueil #form-recherche-trajets{padding: 0 10px;}
    .dyn-accueil #afficher_heures_minutes{float: right;margin-right: -16px;}
    .dyn-accueil section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport{border-bottom: 1px solid #ccc;}
    .dyn-accueil section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.titre{height: 61px;}
    .dyn-accueil section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li.titre span{line-height: 17px;padding: 0;height: 60px;}
    .dyn-accueil section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li:before{line-height: 60px;height: 60px;}
    .dyn-accueil section#bloc_accueil .infos_transport #tabs_infos_transport ul.icones_info_transport li a{height: 60px;}
    .dyn-accueil section#menu_utilitaire{margin:0 0 15px 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-right: 0;border-left: 0;}
    .dyn-accueil .panneau-itineraire.accueil{margin: 15px 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
    .dyn-accueil section#menu_utilitaire ul li{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-right: 0;border-left: 0;}
    .dyn-accueil #nouvelles{margin: 0 0 15px 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-right: 0;border-left: 0;}
    .dyn-accueil #echangez{margin: 0 0 20px 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-right: 0;border-left: 0;}
    .dyn-accueil section h2{margin: 20px 0}
    .dyn-accueil section#nouvelles{min-height:initial}
    .dyn-accueil section#echangez ul li{min-height: 72px;-ms-word-wrap: break-word;word-break: normal;}
    .dyn-accueil section#echangez ul li .truncate{word-break: break-all;}
    section#echangez ul.facebook-liste{width:100%}
    section#echangez ul.twitter-liste{width:100%}
    .dyn-accueil .panneau-itineraire form #zoneOptions #afficher_heures_minutes{float: right;margin-right: -21px;}
    /* cas particulier */
        .dyn-accueil .connecte .panneau-itineraire.accueil{background:#fff;}
        .dyn-accueil .connecte section#bloc_accueil{margin-top:0;}


}








/* 
 * @media print
 */
@media print {
    @page { size: landscape; }
    header, #focused, .header, footer, aside, #carteBarreOutils, #zoneOptions, #asdf, #acces-alert, #acces-contenu, #acces-information, button#inverser, .planifier_options, #fildariane {display: none !important}
    button#plusTot, button#plusTard, button#calculer, #trajetsZone:before, #trajetsZone:after, .focused, .panneau-itineraire #trajetsZone .trajetsZones_intro:before{display: none !important}
    .panneau-itineraire #trajetsZone .trajetsZones_intro:after, .ui-accordion-header-icon{display: none !important}
    .imprimer, .ajouter_favoris_trajet, .ui-tabs-nav{display: none !important}
    .ajouter_favoris {display: none !important}
    #sticky_map{float:left !important;width:100% !important;position:initial !important;min-width:initial !important;}
    .dyn-planifier-mes-deplacements .zone-carte #carteCanvas{max-width:initial !important;}
    #zone-carte{min-height:initial !important;float:left !important;}
    .panneau-itineraire{width:90% !important;padding:0 !important;float:left !important;}
    .panneau-itineraire div{background-color:transparent !important;}
    #trajetsZone{width:100% !important;margin:40px 0 0 0 !important;}
    .carte_separateur{margin:40px 0 0 0 !important;page-break-before:always;page-break-inside:avoid;}
    input#destination{width:100% !important}
    .panneau-itineraire #trajetsZone .sommaire_trajets ul li ol[data-bind="foreach: etapes"] li.TRANSIT span[data-bind$="data: icone }"]{left:-25px !important}
    #principale-contenu,
    body,
    html{background: rgba(0, 0, 0, 0);}
    #carteCanvas{width:70%;margin:auto}
    .dyn-planifier-mes-deplacements .zone-carte #sticky_map.sticky{margin:0 0 0 0}
    /* accueil non connecté */
        .dyn-accueil .non-connecte .panneau-itineraire.accueil{position:initial;min-height:inherit;}
        .dyn-accueil .non-connecte section#bloc_accueil, 
        .dyn-accueil .non-connecte section#menu_utilitaire, 
        .dyn-accueil .non-connecte section#nouvelles, 
        .dyn-accueil .non-connecte section#echangez, 
        .dyn-accueil .non-connecte section#promo_accueil{float:left;width:100%;position:initial;min-height:inherit;}
        .dyn-accueil .non-connecte #zone-carte{position:initial;height: initial;margin-bottom:40px;}
        .dyn-accueil .non-connecte #contenu{padding:0;}
     /* Ligne autobus /fr/planifier-trajets/autobus/RTL/73?__r=8d1013aa246901b#Carte */
        #carteCanvas {width:120%;border:0;margin-left:-10%;}
        .dyn-planifier-transport-ligne #carteCanvas{width:100%;border:0;margin:auto;height: 530px;}
        .dyn-planifier-mes-deplacements #carteCanvas{width:100%;border:0;margin:auto;height: 530px;}
    }
/* 
 * IE8 Seulement
 */
    body.lt-ie9 .panneau-itineraire.planifier {background-color: #004990;}
    body.lt-ie9 .panneau-itineraire form .depart:after, 
    body.lt-ie9 .panneau-itineraire form .destination:after {color: #fff;background: none !important; font-weight: bold}
    body.lt-ie9 #gauche-col .colonne_intineraire_options form .depart:after, 
    body.lt-ie9 #gauche-col .colonne_intineraire_options form .destination:after {color: #f26d0c ;background: none !important; font-weight: bold}
    body.lt-ie9 .panneau-itineraire.accueil {background: url(../Content/Images/bgd_panneau_ie.png) left top repeat-x #004990;}
    body.lt-ie9 .panneau-itineraire #trajetsZone:before, 
    body.lt-ie9 .panneau-itineraire #trajetsZone:after {display: none}
    body.lt-ie9 .panneau-itineraire form input[type=text], 
    body.lt-ie9 #gauche-col .colonne_intineraire_options form input[type=text], 
    body.lt-ie9 #gauche-col .colonne_intineraire_options form #age {line-height: 30px; line-height:3.0rem;}
    body.lt-ie9 .panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header .ui-accordion-header-icon {top: 75px;}
    body.lt-ie9 .panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {top: 80px;}
    body.lt-ie9 .panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {content:""; position: absolute; left: 0; top: 0; display: block; width: 20px; height: 16px; float: left; background: url(../Content/Images/sprite_arrow_ie8.png) bottom center no-repeat}
    body.lt-ie9 .panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {background: url(../Content/Images/sprite_arrow_ie8.png) top center no-repeat}
    body.lt-ie9 .panneau-itineraire #trajetsZone .accordionButton:after {content:"";position: absolute;right: 8px;top: 12px;width: 20px;height: 16px;background: url(../Content/Images/sprite_arrow_ie8.png) bottom center no-repeat;float: left;}
    body.lt-ie9 .panneau-itineraire #trajetsZone .accordionButton.on:after {background: url(../Content/Images/sprite_arrow_ie8.png) top center no-repeat;top: 20px;}
    body.lt-ie9 .panneau-itineraire #trajetsZone .ui-accordion .ui-accordion-header .ui-accordion-header-icon {top: 65px}
    body.lt-ie9 .panneau-itineraire form div.startend button[type=button]#inverser:after, 
    body.lt-ie9 #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser:after, 
    body.lt-ie9 .panneau-itineraire form .ui-datepicker-trigger:after, 
    body.lt-ie9 #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger:after  {top: -4px}
    body.lt-ie9 .onglets .ui-tabs-panel #LignesContenu ul li a:after { font-size: 17px;}
    body.lt-ie9 #carteBarreOutils .map-icon {text-indent: -9999px; float: left }
    body.lt-ie9 #carteBarreOutils .map-icon:before {text-indent: 0; }
    body.lt-ie9 #gauche-col .colonne_intineraire_options, 
    body.lt-ie9 #gauche-col .colonne_resultats  {width: 309px; display: block; height: 100%; position: relative}
    body.lt-ie9 #gauche-col .colonne_resultats {background: #ebebeb; padding: 23px 10px; }
    body.lt-ie9 #gauche-col .colonne_intineraire_options form div.startend button[type=button]#inverser, 
    body.lt-ie9 #gauche-col .colonne_intineraire_options form .ui-datepicker-trigger {right: -23px;}