#depart,
#destination {
    width: 80%;
}

#carteCanvas {
    background-color: #f5f5f5 !important;
    width: 100%;
    height: 570px;
}

.detail-accueil #carteCanvas {
    margin-top: 37px;
}

.dyn-accueil .gmnoprint {
    bottom: 30px !important;
}
.dyn-accueil img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white2.png"] {
    /* top: -40px !important;position:absolute !important; */
    position:absolute !important;
}
#carteCanvas div {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

/*
.actif {
    background-color: red;
}
*/

/*Masquer "Powered by Google logo"*/
.pac-container:after {
    content: none !important;
}

.item-selection:hover {
    background-color: lightgray;
    cursor: pointer;
}
.infobulle-contenu {
    max-width: 300px;
    padding: 5px;
}

.carteControle {
    background-color: gray;
    color: white; 
    margin: 5px; 
    padding: 5px; 
    cursor: pointer;
}
/* pour corriger le fait qu'un scrollbar apparait sous ie (cf un parking )*/
/*
.gm-style-iw{overflow:hidden !important} 
*/


.panneau-itineraire h2{ font-size:24px; color:#fff; }

/* ********************************************************************** @Copie de amtCarte.css

    MAP

********************************************************************** */
    #depart,#destination{width:80%;}
    #carteCanvas{height:500px;width:100%;font-size: 12px;}
    #carteCanvas.ouvert{
        height:740px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .pac-container:after{content:none!important;}
    .item-selection:hover{background-color:lightgray;cursor:pointer;}
    .infobulle-contenu{max-width:300px;padding:5px;}
    .carteControle{background-color:gray;color:#FFF;cursor:pointer;margin:5px;padding:5px;}
    .panneau-itineraire h2{color:#fff;font-size:24px;}
    


/* ********************************************************************** @Thomas

    BOITE A OUTIL DE LA MAP

********************************************************************** */
     /* général */
        #carteBarreOutils{top: 0px !important;margin: -44px 0px 0 0;float: right;z-index: 99999999999999;position: absolute;right: 0;}
            #carteBarreOutils .map-icon{font-family: AdobeBlank !important;width:35px;height:45px;float:left;padding:10px 5px;margin:0 5px;}
            #carteBarreOutils .map-icon:before{font-family: amt2;font-size:25px;width:25px;height:25px;float:left;color:#565656}
            #carteBarreOutils .map-icon:hover:before, #carteBarreOutils .map-icon.actif:before{color:#4891dc;}
            #carteBarreOutils .map-icon:hover, #carteBarreOutils .map-icon.actif{border-bottom:2px solid #4891dc;}
            #carteBarreOutils .train:before{content: '\e604';}
            #carteBarreOutils .metro:before{content: '\e639';}
            #carteBarreOutils .autobus:before{content: '\e632';}
            #carteBarreOutils .stationnement:before{content: '\e60e';}
            #carteBarreOutils .covoiturage:before{content: '\e64c';}
            #carteBarreOutils .electrique:before{content: '\e63e';}
            #carteBarreOutils .velo:before{content: '\e64a';}
            #carteBarreOutils .bixi:before{content: '\e656';}
            #carteBarreOutils .communauto:before{content: '\e621';}
            #carteBarreOutils .communauto{border-right: 2px solid #e4e4e4;padding-right: 38px;}
    /* accueil */   
        .dyn-accueil #carteBarreOutils {background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;position: absolute; }     
        .dyn-accueil #carteBarreOutils {margin:27px 0 0 0;}  
            .dyn-accueil #carteBarreOutils div{ display: inline-block; margin: 7px 4px;}
    /* dans un onglet */   
        #Carte #carteBarreOutils {background-color: #fff;border: 1px solid #bdc0c1 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;position: absolute; }     
        #Carte #carteBarreOutils {margin:20px;}  /*  padding: 5px; - commenté a cause de la carte sous onglet carte */
            #Carte #carteBarreOutils div{ display: inline-block;} /* margin: 7px 4px; - commenté a cause du tooltip */
    /* /fr/planifier-trajet/autobus/voies-reservees */
        .dyn-voies-reservees #carteBarreOutils {margin:20px 20px 0 0;background-color: #fff;border: 1px solid #bdc0c1 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;position: absolute; }
    /* planifier mes déplacement */

   /* sticky map */
        .dyn-planifier-mes-deplacements .sticky #carteBarreOutils{margin: -263px 30px 0 0;background-color: #fff;border: 1px solid #bdc0c1 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: absolute;}
        .dyn-planifier-mes-deplacements .sticky .carte-tool-englobe{}/*width: 1066px;*/
    /* plein ecran */
        #pleinEcranCarteControle {bottom:124px !important; padding: 0;
            width: 38px;
            height: 38px;
            -webkit-box-sizing: initial !important;
            -moz-box-sizing: initial !important;
            box-sizing: initial !important;
            display: block;
            right: 20px !important;
            left: auto !important;
            background-color: #f26d0c;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;}
        #pleinEcranCarteControle:before {
            width: 27px;
            height: 27px;
            content: '\e664';
            font-family: amt2;
            font-size: 26px;
            float: left;
            color: #fff;
            margin: 6px;
         }

/* ********************************************************************** @Pierre-andré

   BULLES CARTE GÉNÉRAL

********************************************************************** */
    div.carte_bulle {display:block}
    div.carte_bulle > div { /*width: 300px !important;*/ }
    div.carte_bulle, div.infobulle-contenu, .stationnement-infoBulle {font: normal 12px/15px open_sansregular, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;line-height:14px;background-color: #ffffff !important;}
    div.carte_bulle, .stationnement-infoBulle {overflow: hidden !important;}
    div.carte_bulle .bulle_haut {width: 230px;margin: 0 0 10px 40px;padding-right:30px;}
    div.carte_bulle .bulle_nom, div.stationnement-infoBulle .bulle_nom {font-size: 18px; line-height: 20px;font-weight: bold; margin: 0 30px 0 0; display: block;}
    div.carte_bulle .bulle_ville, .stationnement-infoBulle .bulle_ville {font-weight: bold;}
    div.carte_bulle .gare-services, .stationnement-infoBulle .gare-services {border-top: solid 1px #d3d8db;margin: 10px 0 ;}
    div.carte_bulle .bulle_notification {width: 300px;}
    div.carte_bulle ul, .stationnement-infoBulle ul { padding: 10px 0 0; margin: 0}
    div.carte_bulle ul li, .stationnement-infoBulle ul li {list-style: none; display: block; margin: 0 0 15px 0}
    div.carte_bulle ul li i.font_amt, .stationnement-infoBulle ul li i.font_amt {font-size: 24px;color: #fff;margin: 0px 10px 0 0;float: left;width: 30px; height: 30px;line-height: 30px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #4891dc;}
    div.carte_bulle ul li .text, .stationnement-infoBulle ul li .text { display: block;line-height: 14px;display: table-cell;}
    div.carte_bulle .bulle_correspondance {border-top: solid 1px #d3d8db;margin: 0 0 10px 0; padding: 10px 0;}
    div.carte_bulle .bulle_correspondance span {display: block; font-weight: bold; line-height: 25px;}
    div.carte_bulle .bulle_correspondance span.WALKING, div.carte_bulle .bulle_correspondance span.BUS, div.carte_bulle .bulle_correspondance span.SUBWAY, div.carte_bulle .bulle_correspondance span.HEAVY_RAIL, div.carte_bulle .bulle_correspondance span.METRO, div.carte_bulle .bulle_correspondance span.TRAIN {margin: 0 0 0 40px; position: relative;}
    div.carte_bulle .bulle_correspondance span:before {position: absolute;  top: 0; left: -40px;}
    div.carte_bulle .bulle_correspondance span.Train, div.carte_bulle .bulle_correspondance span.Metro, div.carte_bulle .bulle_correspondance span.Autobus { font-weight: normal; line-height: 30px; padding: 8px 0}
    div.carte_bulle .titre-train:before, div.carte_bulle .titre-metro:before, div.carte_bulle .titre-autobus:before {line-height: 30px; position: absolute; left: 0}
    div.carte_bulle .bulle_correspondance span.Train:before, div.carte_bulle .bulle_correspondance span.Metro:before, div.carte_bulle .bulle_correspondance span.Autobus:before, div.carte_bulle .titre-train:before, div.carte_bulle .titre-metro:before, div.carte_bulle .titre-autobus:before, div.carte_bulle.communauto .bulle_nom:before {font-family: amt2;text-align: center;font-size: 24px;color: #fff;margin: 0px 10px 0 0;float: left;width: 30px; height: 30px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #4891dc; font-weight: normal}
    div.carte_bulle .bulle_correspondance span.Train:before, div.carte_bulle .titre-train:before {content: "\e604";}
    div.carte_bulle .bulle_correspondance span.Metro:before, div.carte_bulle .titre-metro:before  {content: "\e639";}
    div.carte_bulle .bulle_correspondance span.Autobus:before, div.carte_bulle .titre-autobus:before  {content: "\e632";}
    div.carte_bulle a:after {content:"\e646"; font-family: amt2; color: #f26d0c; font-weight: normal; font-size: 9px; margin: 0 0 0 5px;padding: 0;}
    div.carte_bulle ul li.SationnementIncitatif i.font_amt:before {content:"\e60e";}
    div.carte_bulle ul li.SupportVelo i.font_amt:before {content: '\e60d';}
    div.carte_bulle ul li.SupportVeloBixi i.font_amt:before {content: '\e656';}
    div.carte_bulle ul li.VeloStation i.font_amt:before {content: "\e602";}
    div.carte_bulle ul li.Covoiturage i.font_amt:before {content:"\e64c";}
    div.carte_bulle ul li.BorneElectrique i.font_amt:before {content:"\e63e";}
    div.carte_bulle .ajout_favori {margin:0; display: block;width:30px;height:30px;text-align: left;text-indent: -9999px; position: absolute;right: 0;}
    div.carte_bulle .ajout_favori a::after {content: '\2605'; font-family: amt2; color: #ccc; font-weight: normal; font-size: 20px; position: absolute; right: 0px; top: 0; text-indent: 0;width:30px;height:30px;text-align:center; }
    div.carte_bulle .ajout_favori a:hover::after {color: #f26d0c; }
    div.infobulle-contenu > div > div {margin: 10px 0; padding: 10px 0 0; border-top: solid 1px #d3d8db;position: relative;}
    div.infobulle-contenu .transit_departure_time span[data-bind="text: $data.transit.departure_stop.name"], div.infobulle-contenu .transit_arrival_time span[data-bind="text: $data.transit.arrival_stop.name"] {margin: 5px 5px 0 55px;display: block;position: relative; line-height: 14px; padding: 0 20px 0 0; font-weight: 700; }
    div.infobulle-contenu .transit_departure_time  span.heure_de_depart, div.infobulle-contenu .transit_arrival_time span[data-bind="text: $data.transit.arrival_time.text"]{font-weight: bold;float: left;margin: 5px 0 0 0;}
    div.infobulle-contenu .icone_transport {left: 0 !important; top: 10px; position: absolute;}
    div.infobulle-contenu .nom_transit:first-letter {text-transform: uppercase}
    div.infobulle-contenu .sous-etapes ol li  {display: block;margin: 5px 5px 0 55px;}
    div.infobulle-contenu div div div span[data-bind="template: { name: 'iconeEtapeGabarit', data: icone }"]  {float: left; margin: 5px 0 0 }
    div.infobulle-contenu div div div span[data-bind="text: $data.duration.text"] {margin: 10px 5px 0 75px; display: block}
    div.infobulle-contenu .transit_instruction span[data-bind$="template: { name: 'iconeEtapeGabarit', data: icone }"] {position: absolute;left: 15px;}
    div.infobulle-contenu .itineraire_distance {margin: 0 5px 0 55px; color: #a0a0a0;}
    div.infobulle-contenu .itineraire_duree {color: #a0a0a0;}
    div.infobulle-contenu .itineraire_instructions {font-weight: bold;margin: 0 0 0 55px;display: block;}
    div.infobulle-contenu .itineraire_arret{margin: 0 0 0 55px;color: #a0a0a0;}
    div.carte_bulle table.horaire-liens {width: 99%; margin: 10px 5px 0 0}/* 99 car si 100 le 1% est rongé sous IE*/
    div.carte_bulle table.horaire-liens th {font-weight: bold; padding: 5px 20px 5px 0}
    div.carte_bulle table.horaire-liens td{padding: 5px 10px 5px 0; border-top: solid 1px #d3d8db;max-width: 150px}
    div.carte_bulle table.horaire-liens td:last-child, div.carte_bulle table.horaire-liens th:last-child{padding: 5px 5px 5px 0;max-width: 60px;}
    div.carte_bulle table.horaire-liens td.voir_horaire {position: relative;  text-align: left; padding: 0}
    div.carte_bulle table.horaire-liens td.voir_horaire span{position: relative;display: block;padding: 10px 10px 5px 0; font-weight: bold;}
    div.carte_bulle table.horaire-liens td.voir_horaire span:before, div.carte_bulle table.horaire-liens td.voir_horaire span:after {width: 0px;height: 0px;border-style: solid;position: absolute;border-width: 7.5px 7.5px 0 7.5px;left: 0px;margin: 0}
    div.carte_bulle table.horaire-liens td.voir_horaire span:before {content: '';border-color: #ccc transparent transparent transparent;top: 0px;}
    div.carte_bulle table.horaire-liens td.voir_horaire span:after {content: '';border-color: rgba(255, 255, 255, 1) transparent transparent transparent;top: -1px;} 
    div.carte_bulle .bulle_liens {border-top: solid 1px #d3d8db;; display: block; padding: 5px 0 0 0;}
    div.carte_bulle .bulle_liens div {display: inline; margin: 5px 10px 0 0}
    div.carte_bulle.communauto .bulle_nom {position: relative}
    div.carte_bulle.communauto .bulle_nom_station {margin: 0 0 0 40px}
    div.carte_bulle.communauto .bulle_nom:before {content: "\e621";line-height: 30px;}


    /* **************************************************************************************************************************************************************************************** */
/* ********************************************************************************** TABLETTE ********************************************************************************************** */
@media screen and (min-width: 960px) and (max-width: 1240px) {
    /* BOITE A OUTIL DE LA MAP - Tablette @Thomas */
    #carteBarreOutils .map-icon {margin:0px;}   
    .dyn-planifier-mes-deplacements #carteBarreOutils {background-color: #fff;border: 1px solid #bdc0c1 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;position: absolute; }     
        .dyn-planifier-mes-deplacements #carteBarreOutils {margin:20px;}  /*  padding: 5px; - commenté a cause de la carte sous onglet carte */
}


/* **************************************************************************************************************************************************************************************** */
/* ********************************************************************************** MOBILE ********************************************************************************************** */
@media screen and (max-width: 960px) {
    /* BOITE A OUTIL DE LA MAP - Mobile @Thomas */
    #carteBarreOutils {display:none} 
      
    .dyn-point-de-vente #carteCanvas,
    .dyn-voies-reservees #carteCanvas,
    .dyn-terminus #carteCanvas,
    .dyn-bixi #carteCanvas, 
    .dyn-stationnements #carteCanvas, 
    .dyn-pistes-cyclables #carteCanvas,
    .onglets #carteCanvas{height:260px;width:96%;margin-left:auto;margin-right:auto} /* on reduit la hauteur des cartes pour les mobiles*/
    div.carte_bulle .bulle_haut{width:initial} 
    div.carte_bulle .bulle_nom, 
    div.stationnement-infoBulle .bulle_nom{width:100%;max-width:150px;margin: 0;padding: 0;position: initial;font-size:14px;font-size:1.4rem}
    div.carte_bulle .bulle_correspondance span.Train:before, 
    div.carte_bulle .bulle_correspondance span.Metro:before, 
    div.carte_bulle .bulle_correspondance span.Autobus:before, 
    div.carte_bulle .titre-train:before, 
    div.carte_bulle .titre-metro:before, 
    div.carte_bulle .titre-autobus:before, 
    div.carte_bulle.communauto .bulle_nom:before{font-size: 21px;width: 27px;height: 27px;line-height:27px;}
    div.carte_bulle .bulle_haut{margin: 0 0 10px 33px;padding-right: 26px;}
}