#map-canvas {
    height: 640px;
    border-radius: 5px;
    border: 1px solid black;
    /*width: 700px;
    margin-left: 34%;
    padding: 0px;*/
}

#map-canvas2{
    height: 400px;
    width: 99%;
    margin: 0px;
    padding: 0px;
    border-radius: 5px;
}

.affichage-modal{
    display:none;
}

#map_container{
    height : 0px;
    overflow : hidden;
    position : relative; /* pour IE jusqu'à au moins V7 */  
}


#directions-panel{
    height: 90%;
    width: 90%;
    margin-left: 7%;
    font-size: 12px;
    overflow:auto;
}

#cadre{
    font-size: 12px;
    width:70%;
    border-radius: 5px;
    border: 1px solid black;
    margin-right: 5%;
    margin-top: 1%;
    padding: 10px;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
}

#info{
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid black;
    text-align: center;
    height: 640px;
    /*width: 25%;
    padding: 5px;
    margin-top: 0%;
    margin-left: 2%;
    position: absolute;*/
}

#titre_info{
    padding-bottom: 5px;
}

#customStartAddress{
   display:none; 
}

#cadre strong{
    padding-right:1%;
    padding-left:2%;
}

#cadre select{
    width:auto;
}

#erreurGoogleMap{
    color: red;
    text-align: center;
    width: 96%;
    margin-top: 3%;
    border-radius: 5px;
    border: 1px solid black;
    position: absolute;
    visibility: hidden;
    background-color: rgba(255,255,255,0.7);
}
div#map-canvas img,#map-canvas2 img
{
    max-width: none !important;
}

#textTri{
    padding-left:2%;
    margin-bottom: auto;
    font-size:10px;
}

#autoMap {
    margin-bottom: -2%;
    margin-left: 20%;
    text-align: center;
    width: 60%;
}

.pac-container
{
    width:auto !important;
}