/* ==================================================== */
/* TEMPLATE (DEFAULT color)
/* ==================================================== */
img.icons { vertical-align:middle; margin-right: 5px; }

#stepbkg, #misc, #googlemap #map, #legend, #cities, #listsubzones, #avail { width: 670px; position: relative; left:50%; margin-left: -335px; margin-bottom: 10px;}
#googlemap #map { height: 460px;margin-bottom: 10px;  border: 1px dotted #000; }
#legend, #cities, #listsubzones, #avail { clear: left;  padding-top: 10px; padding-bottom: 10px; }
div.data { float: left; width: 200px; margin-left: 10px;}
#legend div h2, #cities div h2, #listsubzones div h2, #avail div h2 { padding: 3px; padding-left: 10px; }
#avail table { width: 650px; margin: 10px; }

#title { text-align: left; }

#legend form {  border: 1px dotted #000;  }

#misc { padding: 10px 0px 10px 0px; }
#nbhtls { float: left; padding-left: 0px; }
#nbmarkers {  }
#viewlegend { text-align: right; padding-right: 0px; }
#googlemap #map h3 { padding: 10px; }

.box { vertical-align:top; }
.box h2 {
        text-indent: 0;
        font-size:1.1em;
        color:#FFF;
        background-color: #A7CC95;
        padding:0px 20px 0px 5px;
}

a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
div, span, font, h1, h2 { font-size: 11px; }
#zip { float: left; margin-right: 5px; }
h1 span { font-size: 11px; letter-spacing: 0.2px; margin: 0px; padding: 0px;}
h1 { margin: 0px; padding: 0px;}
h2 span { font-size: 14px; font-weight: normal; }
#addr, #city, #zip { font-size: 9px; color: #000; }
#desc { font-size: 9px; color: gray; }
#desc .more {font-size: 9px; color: #FF0000; }
#photo1 {  width: 140px; float: left; vertical-align: top; }
/*#links {  clear: left; text-align: center; border-top: 1px dotted gray; padding: 10px; display: none; }*/
/*#links:hover { background-color: #D0E7AF; color: #FFF; }*/
#status { padding: 3px; background-color: #99B3CC; font-weight: bold; color: #FFF;}
#status a { color: #FFF; }
#more { padding: 5px; font-weight: bold; } 
#copyright { width: 650px; margin-left: 40px;}
td#infos { vertical-align: top; }
#selecthtl { width: 400px; height: 130px; overflow: auto; }
#nbhtls span#nbmarkers { font-weight: bold; color: red; font-size: 12px; }

/* DEBUG MODE
#misc { border: 1px solid magenta; }
#map { border: 1px solid blue; }
#legend { border: 1px solid red; }
#infos { border: 1px solid green; }
#header { border: 1px solid red; }
*/

  /*pour les infobulles de la carte*/
  #gmapmarker {
	font: normal small verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	width: 350px;
	overflow:auto;
  }
  #gmapmarker p{
	margin : 0;
	padding : 2px 0 2px 0;
  }
  #gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}
  #gmapmarker a:hover {color: #F60; background-color: transparent;}
  #gmapmarker h1 {
	font-weight: bold;
	font-size: 13px;
	color: #369;
	border-bottom: 2px solid #369;
	padding : 2px;
	margin : 0;
  }
 /*div qui contient la carte*/
  #map {
	float : left;
  }