@font-face {
  font-family: 'BNPP Sans Bold';
  src: url('bnpp_sans_bold-webfont.eot');
  src: url('bnpp_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('bnpp_sans_bold-webfont.woff') format('woff'), url('bnpp_sans_bold-webfont.ttf') format('truetype'), url('bnpp_sans_bold-webfont.svg#BNPPSansBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  color: #404040;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  line-height: 18px;
  font-size: 13px;
}
a img {
  border: none;
}
#container {
  height: 750px;
  /*margin: 0 0 0 270px;*/
  margin: auto;
  width: 68%;
}
#container #reinit_link,
#container #geoloc_button,
#container #list_button,
#container #showmap_link,
#container #showdirections_link,
#container #poi_detail_direction_label,
#container #directions_title,
#container #close_button,
#container #center_address {
  display: none;
}
#container #origin_address {
  width: 100%;
  overflow: auto;
}
#container #client_address,
#container #center_address {
  width: 65.8%;
  width: 65.5%\9;
  margin: 5px 0 0 0;
}
#container #client_address {
    display: block;
}
#container #map_canvas {
  width: 66.15%;
  height: 700px;
  margin: 7px 1.85% 10px 0;
  float: left;
}
#container #map_canvas #clone .poi_name {
  text-decoration: none;
  color: #666;
}
#container #poi_details {
  /*float: left;
  width: 29%*/
}
#container #poi_details #poi_details_label {
  display: none;
}
#poi_detail_direction {
    height: auto;
    width: 60%;
}

#container .geoloc h2  {
    color: #666666;
    display: block;
    font-family: 'BNPP Sans Bold';
    font-size: 18px;
    margin: 0 0 5px;
    text-decoration: none;
}
#container #poi_details_direction #poi_detail_direction_label {
  font-size: 20px;
  color: #666666;
  margin: 10px 0 0 0;
  text-decoration: underline;
}
#container #poi_details_direction {
	margin: 0 0 0 0;
}

#container #poi_details #poi_details_list p {
  margin: 0;
  border-bottom: 1px solid #DCDCDC;
  padding: 20px 10px;
}
#container #poi_details #poi_details_list p.poi_detail_selected,
#container #poi_details #poi_details_list p:hover {
  background: #F6F6F6;
}
#container #poi_details .poi_name, #container #poi_detail .poi_name {
  color: #666;
  font-size: 18px;
  font-family: 'BNPP Sans Bold';
  text-decoration: none;
  display: block;
  margin: 0 0 5px;
  font-weight: bold;
}

#container #poi_details .poi_direction {
  color: #008B6C;
  margin: 3px 0 0;
  padding: 0 0 0 15px;
  background: url(../img/chevron_recherche_off.gif) no-repeat 0 2px;
  text-decoration: none;
  display: block;
}
#container #poi_details .poi_direction:hover {
  text-decoration: underline;
}
#container #poi_details_direction #poi_detail_change,
#container #poi_details_direction #reinit_link {
  color: #404040;
  background: url(../img/chevron_noir_btn.png) no-repeat scroll 0 2px transparent;
  font-family: 'BNPP Sans Bold';
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 13px;
  margin: 10px 0;
}
#container #poi_details_direction #print_button {
  height: 30px;
  color: #FFFFFF;
  font-size: 13px;
  padding: 0 25px;
  line-height: 30px;
  display: inline-block;
  font-family: 'BNPP Sans Bold';
  text-transform: uppercase;
  background: #008B6C;
  border: 0;
}
#container #poi_detail {
	clear:both;
	margin: 0 0 0 0;
}
#container #travel_modes_buttonbar {
	margin: 7px 0 0 0;
}
#container.mobile {
  height: auto;
  border-top: 1px solid transparent;
  /*#origin_address { width: 350px; }*/

}
#container.mobile h2 {
  margin: 16px 0;
}
#container.mobile #close_button,
#container.mobile #list_button,
#container.mobile #geoloc_button {
  float: right;
}
#container.mobile #client_address,
#container.mobile #center_address {
  width: /*300px*/ 300px;
  height: 34px;
  line-height: 34px;
  padding-left: 5px;
}
#container.mobile #client_address {
  float: left;
}
#container.mobile #map_canvas {
  width: 100%;
  height: 350px;
}
#container.mobile #showmap_link,
#container.mobile #showdirections_link {
  color: #666666;
  margin: 10px 0;
  font-style: italic;
  text-decoration: none;
}
#container.mobile .show_link {
  color: #666666;
  margin: 10px 0;
  font-style: italic;
  text-decoration: none;
} 
#container.directions {
  padding: 20px;
}
@media (max-width: 320px) {
  #container.mobile {
    /*#origin_address { width: 200px; }*/
  
  }
  #container.mobile #client_address,
  #container.mobile #center_address {
    width: /*150px*/ 150px;
  }
  #container.mobile #poi_details #poi_detail_change,
  #container.mobile #poi_details #reinit_link {
    display: block;
  }
}
/** IE <= 8 **/
#container #client_address,
#container #client_address,
#container #poi_client_address_label {
  width: 65.8%; 
  width: 65.5%\9; /* ie */
  margin : 7px 0 0 0;
}
/** Print **/
#poi_details {
  height: 100%;
  page-break-before: auto;
}