/**
* Filtre
*/

.page_match_filter_input
{
  border: none;
  margin: 0;
  padding: 0;
}

.title-filter
{
  text-transform: uppercase;
  text-align: center;
  font-size: 9px;
  padding-top:1px;
  width: 70px;
  height: 12px;
  color: #FFFFFF;
  background: white url(/images/new/page_match/background_criteres.png) no-repeat center top;
}

#bars-filters
{
  width: 660px;
}

.global-filter
{
  position: relative;
  width: 674px;
}

.match-filter
{
  width: 660px;
  border: solid 2px #53C21B;
  padding: 5px;
}

.match-filter-district, .match-filter-diffusion, .match-filter-others
{
  float:left;
  width:33%;
}

#title
{
  text-align: left;
  font-weight: bold;
  padding-left: 10px;
}

#content
{
  padding-left:10px;
  padding-top:5px;
}

.bars-list
{
  width: 670px;
  border: solid 1px #D2D2D2;
}

.bars-list #title
{
  font-weight:bold;
  text-align:center;
}

.page-content
{
  padding-top:20px;
  width: 670px;
}

.search_match_map  div.content-title
{
  background-image: url(/images/new/box/icon_map.gif);
}

div.LabeledMarker_markerLabel  {
  color: #000000;
  font-family: Arial;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

.search_match_map .content-box
{
  padding: 0px;
}

a.user-going
{
  color: #2A8713;
  font-size: 11px;
  font-weight: bold;
  padding-left: 30px;
}

a.user-going:hover
{
  color: #54c319;
}

#search_button
{
  border: none;
  height: 16px;
  position: relative;
  width: 16px;
  display: block;
  top: -18px;
  left: 248px;
}

.map-bars #text_move_map
{
  font-style: italic;
  color: #999999;
  padding-left: 10px;
  padding-top: 1px;
}

.map-bars #text_search_map
{
  font-style: italic;
  color: #999999;
  padding-left: 22px;
  padding-bottom: 10px;
}

.map-bars #search_input
{
  padding: 10px 0px 0px 22px;
  height: 19px;
}

.map-bars #search_input input
{
  color: #999999;
}

.map-bars #search_input button
{
  padding-left: 3px;
}

#map
{
  margin: 0 auto;
}

#map div span, #map div a
{
 display: block;
 font-size: 10px;
}

#more-districts
{
  position: absolute;
  margin-top: 20px;
  border: solid 2px #56C018;
  background-color: #FFFFFF;
  display: none;
  padding: 10px 10px 5px 10px;
  z-index: 3;
  width: 650px;
}

#more-districts .more-districts-head
{
  padding-bottom: 5px;
}

#more-districts .more-districts-head #title
{
  font-weight: bold;
  text-align: left;
  width:48%;
}

#close_button
{
  text-align: right;
}

#more-districts .more-districts-head #close a
{
  text-decoration: none;
}

#district span
{
  color: #999999;
  font-style: italic;
}

.more-districts-column
{
  float: left;
  padding: 0px 10px 0px 10px;
}

.link-more-districts
{
  text-align:left;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
}

.popup-couponing
{
  width:450px;
  height:290px;
  background-color:#f3f8ff;
}

.popup-couponing-connect
{
  width:450px;
  height:474px;
  background-color:#f3f8ff;
}

.popup-couponing-error
{
  width:410px;
  height:160px;
  background-color:#f3f8ff;
  padding: 20px;
}

.popup-couponing-error #close_button
{
  text-align: center;
  padding-top: 10px;
}

.couponing-description
{
  padding: 10px 5px 10px 5px;
  border-bottom: solid 1px #CCCCCC;
}

#couponing-description-title
{
  padding-bottom: 7px;
  font-weight: bold;
}

.couponing-details
{
  padding: 10px 5px 10px 5px;
}

.couponing-details #how_to
{
  width: 440px;
}

.couponing-details #how_to #how_to_title
{
  font-weight: bold;
  padding-bottom: 8px;
}
.couponing-details #how_to #how_to_warning
{
  padding-bottom: 5px;
}

.couponing-details #how_to #how_to_coupon, .couponing-details #how_to #how_to_sms
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  text-align: justify;
}

.couponing-details #couponing_type
{
  width: 440px;
  padding-top: 10px;
}

.couponing-details #couponing_type #type_sms
{
  padding-top: 5px;
  float: left;
  padding-left: 10px;
}

.couponing-details #couponing_type #type_coupon
{
  padding-top: 5px;
  padding-left: 10px;
}

.couponing-details #couponing_type #type_sms label
{
  padding-left: 1px;
}

#phone_number_input
{
  float: left;
  display: none;
  padding-left: 20px;
  padding-top: 5px;
}

.couponing-details #get_couponing
{
  float: left;
  width: 213px;
  padding-left: 5px;
  border-left: solid 1px #CCCCCC;
}

.couponing-details #get_couponing #by_coupon
{
  padding-top: 10px;
}

#phone_number
{
  display:none;
}

#zone_name
{
  float: left;
  display: block;
  padding-left: 5px;
}

#change_zone
{
  float: left;
  padding-top: 7px;
  padding-left: 5px;
  display: none;
}

.button_modify
{
  float: left;
  padding-left: 5px;
  padding-top: 8px;
}

/**
* PAGER
*/
.match-pager-up
{
  background-color: #F7F7F7;
  border-bottom: solid 1px #D2D2D2;
  padding: 5px 10px 5px 10px;
}
.match-pager-up #pager_title,
.match-pager-bottom #pager_title
{
  text-transform: uppercase;
  color: #353537;
  font-weight: bold;
  font-size: 12px;
  float: left;
}

.match-pager-up #pager,
.match-pager-bottom #pager
{
  float: right;
}

.match-pager-bottom
{
  background-color: #F7F7F7;
  padding: 5px 10px 5px 10px;
  text-align: center;
}

/**
* MATCH BAR
*/

.null_bars
{
  padding: 10px;
  color: #FF0000;
  font-weight: bold;
  font-size: 12px;
}

.match-bar
{
  padding: 5px;
  border-bottom: solid 1px #CCCCCC;
  background-color: #FFFFFF;
}

.match-bar #match_bar_icon
{
  background: transparent url(/images/new/page_match/googlemap_marker_big.png) no-repeat center top;
  width: 18px;
  height: 25px;
  float: left;
  text-align: center;
  color: #FFFFFF;
  padding-top: 2px;
  font-weight: bold;
  font-size: 11px;
}

.match-bar #match_bar_name a
{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #353537;
  float: left;
  padding-top: 4px;
  padding-left: 5px;
  text-decoration:none;
}
.match-bar #match_bar_name a:hover
{
  text-decoration:underline;
}

.match-bar #match_bar_selection
{
  text-align: right;
  color: #7A7A7A;
  font-style: italic;
}

.match-bar #match_bar_info #match_bar_column1
{
  float: left;
  width: 210px;
  height: 70px;
  padding-left: 5px;
}

.match-bar #match_bar_info #match_bar_column2
{
  float: left;
  width: 230px;
  height: 60px;
  padding-left: 5px;
}

.match-bar #match_bar_info #match_bar_column3
{
  float: left;
  width: 205px;
  height: 60px;
  padding-left: 5px;
}

.match-bar  #match_bar_detail
{
  padding-top: 10px;
  padding-bottom: 5px;
}

.match-bar #match_bar_couponing
{
  padding-top: 5px;
}

#match_bar_text
{
  color: #9F9F9F;
}

#match_bar_picture
{
  float: left;
  padding-left: 5px;
  width: 85px;
}

#match_bar_comment
{
  padding-left: 10px;
  width: 550px;
  text-align: justify;
  float: left;
}

#see_bar
{
  padding-top: 5px;
}

.match_bar_going
{
  text-align: left;
  padding-top: 10px;
}

.match_audience
{
  padding-top: 15px;
}

.change-city
{
  width: 100%;
  border: solid 2px #FF0000;
  color: #FF0000;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
  width: 962px;
}

#send_sms_button
{
  float: left;
  display: none;
  padding-left: 130px;
}

#print_coupon_button
{
  padding-left: 110px;
  float: left;
  display: block;
  width: 150px;
}

#close_popup_button
{
  float: left;
  width: 80px;
}

.get-sms
{
  width: 430px;
}

#get_sms_notice
{
  font-weight: bold;
  font-size: 13px;
  padding: 8px;
  width: 430px;
}

#get_sms_content
{
  width: 350px;
  border: solid 1px #999999;
  padding: 10px;
  margin: 0 auto;
}

#get_sms_information
{
  width: 420px;
  padding: 10px;
}

#get_sms_phone, #get_sms_content_title
{
  padding-bottom: 10px;
}

/**
* BULLE COUPON
*/
.coupon_bulle_left
{
  float: left;
  height: 35px;
  width: 15px;
  background: transparent url('/images/new/page_match/couponing_bulle_left.gif') no-repeat top;
}

.coupon_bulle_center
{
  float: left;
  height: 35px;
  background: transparent url('/images/new/page_match/couponing_bulle_center.gif') repeat-x top;
  padding-top: 3px;
  padding-left: 1px;
}

.coupon_bulle_right
{
  float: left;
  height: 35px;
  width:6px;
  background: transparent url('/images/new/page_match/couponing_bulle_right.gif') no-repeat top;
}


/**
 * Liste des villes et départements
 */
#list-title
{
  font-weight: bold;
  text-transform: uppercase;
}

.list-cities #list-cities-content
{
  padding-left: 15px;
}

.list-department
{
  padding-top: 10px;
}

.list-department #list-department-content
{
  padding-left: 15px;
}

.match_cities
{
  padding-left: 4px;
}

.other-matches-of-the-day
{
  padding-top: 10px;
  padding-left: 20px;
}

.box-match-zone
{
  background-color: #F8F9FD;
  border: solid 1px #D2D2D4;
  width: 960px;
  padding: 10px;
}

.box-match-zone #match-zone-title
{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 15px;
}

.fil-arriane
{
  padding: 5px 0px;
}

/**
 * Conseil Allomatch
 */
.am-bar-call
{
  padding-top: 20px;
}

.am-bar-call #am-bar-call
{
  background-color: #F8F9FD;
  border: solid 1px #D2D2D4;
  text-align: justify;
  padding: 7px;
  width: 656px;
}

.am-bar-call #am-bar-call #am-bar-call-title
{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

.am-bar-call-phone
{
  padding-right: 8px;
}

.match-bar-info-phone-icon
{
  margin-top: -2px;
  padding-right: 4px;
}

.match-bar-info-phone
{
  padding-top: 3px;
  font-weight: bold;
}

/**
 * Potential bar
 */
#match_potential_bar_icon
{
  background: transparent url(/images/new/page_match/googlemap_marker_unknown_big.png) no-repeat center top;
  width: 18px;
  height: 25px;
  float: left;
  text-align: center;
  color: #D76A42;
  padding-top: 2px;
  font-weight: bold;
  font-size: 11px;
}

.potential-bar-info-first-block
{
  padding-bottom: 16px;
}

.potential-bar-info-img
{
  float: left;
  width: 24px;
  padding-top: 6px;
}

.potential-bar-info-text
{
  float: left;
  width: 180px;
}

.is-potential, .is-potential #match_bar_name a
{
  color: #aaa;
}

.map-bars #in-area-button
{
  visibility: hidden;
  text-align: center;
  width: 255px;
}
