div.LabeledMarker_markerLabel {
	color: #FFFFFF;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
}

#map
{
  margin: 0 auto;
}

#map div span, #map div a
{
 display: block;
 font-size: 10px;
}

/*
 * Infobulle marker google map OLD
 */

 .tooltip
{
  background-color: white;
  border: solid thin black;  
  padding: 1px 4px;
}

.tooltip_title
{
  font-weight: bold;
}

.tootlip_content
{
  font-size: 9px;
}


/*
 *Titres
 */
h1.page-directory-title
{
  font-size: 2.0em;
  padding-bottom: 16px;
  text-align: left;
}

/*
 * PAGER
 */

#bars-directory-pager
{
  height:25px;
  padding-top:5px;
}

#bars-directory-pager a
{
  font-size:11px;
  color:#2a8713;
  font-weight:bold;
  padding-top:-13px;
}

#bars-directory-pager
{
  font-size:11px;
  color:#999999;
  font-weight:bold;
}


/*
* Menu recherche
*/
div.directory-search-menu
{
	/*
  width:462px;
  height:180px;
  background-color:#666666;
  */
  background: white url(/images/new/directory_search_main.jpg) no-repeat center top;
  width: 462px;
  height: 200px;
}

#search-menu-title
{
  color:#FFFFFF;
  font-size:1.9em;
  font-style:italic;
  font-weight:bold;
}

#instruction
{
  color:#FFFFFF;
  font-style:italic;
  font-size:1em;
  text-align:left;
  padding-left:115px;
}

div.who-what
{
  width:462px;
  text-align:center;
  padding-top:15px;
}

div.where
{
  width:462px;
  text-align:center;
  padding-top:7px;
  margin-bottom:5px;
}

#who-what-input, #where-input
{
  padding-top:3px;
}




.directory-map
{
  margin: 0 auto;
  text-align: center;
  width: 300px;
  height: 300px;
  margin-bottom: 16px;
  border: solid 1px #CCC
}

#bar-search-result-list
{
  text-align:center;
}

#bar-search-result-count
{
  color: #a6a7a9;
  font-weight: bold;
  clear: both;
  position: relative;
  top: 24px;
}

#bar-directory-search-result-list
{
  width: 404px;
  margin: 0 auto;
  padding: 0 18px;
  background: white url(/images/new/match_search_borders.gif) repeat-y center top;
}

#bar-directory-search-bottom
{
  background: white url(/images/new/match_search_borders_bottom.gif) no-repeat center top;
  width: 426px;
  margin: 0 auto;
  padding: 0 18px 16px 18px;
  height: 24px;
}

/*
* D�tails du bar
*/

div.bar-directory-detail
{
  border:solid 2px #CCCCCC;
  background-color:#f7f7f7;
  width:380px;
  padding:10px;
}


div.directory-detail-top
{
  width:380px;
  height:19px;
}

div.bar-directory-detail-number
{
  color:#FFFFFF;
  width:15px;
  float:left;
  height:19px;
  background: transparent url(/images/new/googlemap_marker3.gif) no-repeat;
  text-align:center;
  padding-left:1px;
  padding-top:1px;
}

div.bar-directory-detail-name
{
  width:255px;
  text-align:left;
  padding-left:10px;
  float:left;
  height:19px;
}

div.bar-directory-detail-name a
{
  color:#000000;
  font-size:1.4em;
  font-weight:bold;
}

div.bar-directory-detail-top-show
{
  width:100px;
  text-align:right;
  padding-top:3px;
  float:left;
  height:19px;
}



div.bar-directory-detail-bottom
{
  width: 380px;
}

div.bar-directory-detail-bottom-left
{
  font-size:1em;
  text-align:left;
  margin-top:5px;
  margin-left:8px;
  padding-top:7px;
  width:119px;
  float:left;
}

div.bar-directory-detail-bottom-left #address
{
  color:#333333;
  font-weight:bold;
}

div.bar-directory-detail-bottom-left #phone
{
  color:#666666;
}

div.bar-directory-detail-bottom-right
{
  width:200px;
  float:left;
  margin-left:5px;
}

div.bar-directory-detail-bottom-sports
{
  text-align:left;
  color:#333333;
  font-weight:bold;
  width:200px;
  border-bottom:solid 1px #999999;
  padding-top: 2px;
  padding-bottom: 2px;
}

#sports-title
{
  text-align:left;
  color:#333333;
  font-weight:bold;
  padding-top:3px;
  float:left;
  width: 46px;
}
#sports-icons
{
  float:left;
  width:153px;
  padding-left:1px;
  padding-bottom:2px;
  padding-top:2px;
  vertical-align:middle;
  text-align: center;
}

#sports-icon
{
  float:left;
  padding-left:1px;
}

#sports-nc
{
  float:left;
  text-align:center;
  width:153px;
  font-weight:normal;
}

div.bar-directory-detail-bottom-teams
{
  width:200px;
  border-bottom:solid 1px #999999;
  padding-top: 2px;
  padding-bottom: 2px;
}

#teams-title
{
  text-align:left;
  color:#333333;
  font-weight:bold;
  padding-top:3px;
  float:left;
  width: 46px;
}
#teams-icons
{
  float:left;
  width:153px;
  padding-left:1px;
  padding-bottom:2px;
  padding-top:2px;
  margin:0 auto;
}

#teams-icon
{
  float:left;
  padding-left:2px;
}

#teams-nc
{
  float:left;
  text-align:center;
  width:153px;
}

div.bar-directory-detail-bottom-services
{
  text-align:left;
  color:#333333;
  font-weight:bold;
  width:200px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#services-title
{
  text-align:left;
  color:#333333;
  font-weight:bold;
  padding-top:2px;
  float:left;
  width: 46px;
}
#services-icons
{
  float:left;
  width:150px;
  padding-left:3px;
  padding-bottom:2px;
  padding-top:2px;
  margin:0 auto;
}

#services-icon
{
  float:left;
  padding-right:10px;
}

#services-nc
{
  float:left;
  text-align:center;
  width:153px;
  font-weight:normal;
}

/******************/
/* NOUVEL ANNUAIRE */
/******************/

/**
*  Liens
*/

a.annuaire-black-link
{
  color: #333333;
  text-decoration: none;
}

a.annuaire-black-link:hover
{
  color: #666666;
  text-decoration: underline;
}

.modify-button
{
  float: left;
  padding-top: 10px;
  padding-left: 5px;
}

/**
*  Boite Améliorer l'annuaire
*/
.box-add-new-bar div.content-title
{
  background-image: url(/images/new/box/icon_join.gif);
}

.box-add-new-bar #box-new-bar-content
{
  font-size: 16px;
  padding: 10px 20px;
}

.box-add-new-bar #box-new-bar-content #box-new-bar-text
{
  text-align: justify;
}

.box-add-new-bar #box-new-bar-content #box-new-bar-link
{
  text-align: center;
  padding-top: 5px;
}

/**
*  Partial Améliorer l'annuaire
*/
.ameliorer-box
{
  padding-top: 9px;
}

.add-new-bar
{
  padding-bottom: 10px;
}
.partial-add-new-bar
{
  width: 955px;
  margin: 0 auto;
  border: solid 1px #D2D2D4;
  background: #F8F9FD;
  padding: 10px;
  font-size: 15px;
  text-align: justify;
  color: #000000;
}

/**
 * Sélection de la zone
 */
.zone-selection
{
  width: 664px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 13px;
}

.selection-bottom
{
  background: #54C319;
  width: 664px;
  height: 7px;
}

.selection-column
{
  width: 157px;
  padding-left: 5px;
  float: left;
}

.zone-selection-info
{
  width: 157px;
}

.selection-column-dept
{
  width: 212px;
  padding-left: 5px;
  float: left;
}

.zone-selection-info-dept
{
  width: 212px;
}

.zone-selection-info #zone-selection-bars
{
  font-style: italic;
  color: #666666;
}

.zone-selection-info-dept #zone-selection-bars
{
  font-style: italic;
  color: #666666;
}

/** Ville **/
.city-selection 
{
  width: 664px;
  float:left;
}

.city-selection #city-selection-title
{
  background:transparent url(/images/new/annuaire/selection_head.png) no-repeat top;
  padding: 3px 0px 0px 10px;
  width: 654px;
  height: 17px;
  font-size: 12px;
  color: #FFFFFF;
}

.city-selection #city-selection-content
{
  /*background-color:#EFEFEF;*/
  border-left:solid 1px #54C319;
  border-right:solid 1px #54C319;
  width: 652px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.city-selection #city-selection-content #city-selection-content-title
{
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
}

/**
* Filtres
*/
.page_annuaire_filter_input
{
  border: none;
  margin: 0;
  padding: 0;
}

.annuaire-filters
{
  width: 675px;
  padding-bottom: 20px;
}

.title-filter
{
  text-transform: uppercase;
  text-align: center;
  font-size: 9px;
  padding-top:2px;
  width: 90px;
  height: 12px;
  color: #FFFFFF;
  background: white url(/images/new/annuaire/background_criteres.png) no-repeat center top;
}

.global-filter
{
  position: relative;
  width: 660px;
}

#bars-filters
{
  width: 660px;
}

.global-filter
{
  position: relative;
  width: 675px;
}

.annuaire-filter
{
  width: 660px;
  border: solid 2px #53C21B;
  padding: 5px;
}

.annuaire-filter-district, .annuaire-filter-bar-name, .annuaire-filter-others
{
  float:left;
  width:33%;
}

#title
{
  text-align: left;
  font-weight: bold;
  padding-left: 0px;
}

#content
{
  padding-left:10px;
  padding-top:5px;
}

#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 5px 0px 5px;
}

.link-more-districts
{
  text-align:left;
  padding-left: 20px;
  padding-top: 3px;
  text-decoration: none;
}

.sport-and-team
{
  padding-top: 15px;
}

/**
* Google map
*/

#search_button
{
  border: none;
  height: 16px;
  position: relative;
  width: 16px;
  display: block;
  top: -18px;
  left: 248px;
}

.search_annuaire_map .content-box
{
  padding: 0px;
}

.map-bars #text_move_map
{
  font-style: italic;
  color: #999999;
  padding-left: 10px;
  padding-top: 1px;
}

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

.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;
}
.search_annuaire_map  div.content-title
{
  background-image: url(/images/new/box/icon_map.gif);
}

div.LabeledMarker_markerLabel  {
  color: #FFFFFF;
  font-family: Arial;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

/**
 * Liste des bars
 */
.bars-list
{
  width: 672px;
  border: solid 1px #D2D2D2;
}

.bars-list #title
{
  font-weight:bold;
  text-align:center;
}

.page-content
{
  padding-top:20px;
  width: 672px;
}

/**
* Détails bar
*/

.annuaire-bar
{
  padding: 5px;
  border-bottom: solid 1px #CCCCCC;
  background-color: #FFFFFF;
}

.annuaire-bar #annuaire_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;
}

.annuaire-bar #annuaire_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;
}
.annuaire-bar #annuaire_bar_name a:hover
{
  text-decoration:underline;
}

.annuaire-bar #annuaire_bar_selection
{
  text-align: right;
  color: #7A7A7A;
  font-style: italic;
}

.annuaire-bar #annuaire_bar_info #annuaire_bar_column1
{
  float: left;
  width: 210px;
  height: 60px;
  padding-left: 5px;
}

.annuaire-bar #annuaire_bar_info #annuaire_bar_column2
{
  float: left;
  width: 230px;
  height: 60px;
  padding-left: 5px;
}

#annuaire_bar_column3
{
  float: left;
  width: 205px;
  height: 87px;
  padding-left: 5px;
}

#annuaire_bar_column3 #user_added_bar
{
  text-align: center;
  font-size: 14px;
  padding-top: 18px;
}

#annuaire_bar_column3 #allomatch_member_bar
{
  padding-top: 10px;
}

.annuaire-bar  #annuaire_bar_detail
{
  padding-top: 10px;
  padding-bottom: 5px;
}

#annuaire_bar_text
{
  color: #9F9F9F;
}

#annuaire_bar_picture
{
  float: left;
  padding-left: 5px;
  width: 85px;
}

#annuaire_bar_comment
{
  padding-left: 10px;
  width: 550px;
  text-align: justify;
  float: left;
}

#see_bar
{
  padding-top: 5px;
}

.null_bars
{
  padding: 20px;
  text-align: justify;
  font-size: 20px;
}

/** 
 * Pager
 */
.annuaire-pager-up
{
  background-color: #F7F7F7;
  border-bottom: solid 1px #D2D2D2;
  padding: 5px 10px 5px 10px;
}
.annuaire-pager-up #pager_title
{
  text-transform: uppercase;
  color: #353537;
  font-weight: bold;
  font-size: 12px;
  float: left;
}

.annuaire-pager-up #pager
{
  float: right;
}

.annuaire-pager-bottom
{
  background-color: #F7F7F7;
  padding: 5px 10px 5px 10px;
  text-align: center;
}

.annuaire-pager-bottom #pager_title
{
  text-transform: uppercase;
  color: #353537;
  font-weight: bold;
  font-size: 12px;
  float: left;
}

.annuaire-pager-bottom #pager
{
  float: right;
}

/**
 * Répertoire des bars 
 */

.repertoire-bars .repertoire-cities
{
  background-color: #F8F9FD;
  border: solid 1px #D2D2D4;
  width: 945px;
  padding: 10px;
  margin-left: 5px;
}

.repertoire-bars-annuaire .repertoire-cities
{
  background-color: #F8F9FD;
  border: solid 1px #D2D2D4;
  width: 652px;
  padding: 10px;
}

.repertoire-bars, .repertoire-bars-annuaire
{
  padding-top: 10px;
  padding-left: 7px;
}

.repertoire-bars #repertoire-lettres, .repertoire-bars-annuaire #repertoire-lettres
{
  font-size: 13px;
  text-align: center;
}

.repertoire-list-bars
{
  padding-left: 8px;
}

.repertoire-list-bars #repertoire-column
{
  width: 310px;
  float: left;
}

.repertoire-list-bars #repertoire-column #repertoire-list-bars-link
{
  font-size: 13px;
  padding-bottom: 3px;
}

/**
 * Référencement
 */

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

.repertoire-cities .list-cities #list-title
{
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 2px;
}

.repertoire-cities .list-department #list-title
{
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 2px;
  padding-top: 5px;
}

.repertoire-cities .list-cities #list-cities-content, .repertoire-cities .list-department #list-department-content
{
  padding-left: 10px;
}

div.input-field
{
  padding: 4px 0px;
  position: relative;
  text-align: center;
  width: 100%;
}

/**
 * Boite par sport
 */
.box-par-sport
{
  width: 300px;
  padding: 5px;
}

.box-par-sport #list-sport-zone
{
  padding: 10px;
  background-color: #F8F9FD;
  border: solid 1px #D2D2D4;
}

.box-par-sport #list-sport-zone p
{
  padding-left: 10px;
}

.box-par-sport #list-sport-zone #sport-zone-title
{
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
}

/**
 * Popup plus de villes
 */

#zone-selection-bar-name
{
  text-transform: lowercase;
} 

#more-cities
{
  position: absolute;
  margin-top: -475px;
  margin-left: 80px;
  border: solid 2px #56C018;
  background-color: #FFFFFF;
  display: none;
  padding: 10px 10px 5px 10px;
  z-index: 3;
  width: 785px;
}

#more-cities #more-cities-column
{
  float: left;
  width: 157px;
}