/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}
body {
	line-height: 1;}
ol, ul {
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;}

body {
	font: 13px/20px normal Helvetica, Arial, sans-serif;
	background: url("/img/bg_bottom.png") repeat scroll 0 0 transparent;
	color:#666;}

a {
	color:#669900;
	background-color:transparent;
	text-decoration:none;}
a:hover {
	text-decoration:underline;}

a:hover.no_hover {
	text-decoration:none;}

a.gray {
	color:#999;}

a.no_link {
	cursor:default;
	color:#333;}
	
a.no_link:hover {
	color:#333;}

/* General Styles */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.error {color:#990000;}
.ok {color:#009900;}
.bold {font-weight:bold;}
.shadow {box-shadow: 0 2px 6px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);}
.color-green {color:#669900;}
.color-orange {color:#FF8C00;}
.color-gray {color:#666;}
.color-light-gray {color:#999;}

a.button {
	background: none repeat scroll 0 0 #575757;
	color: #FFFFFF;
	display: inline-block;
	font-family: open sans;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px 5px 5px 5px;
	padding: 5px 10px;}
	
a.button.down {
	background-color: #F5F5F5;
	padding:5px 5px 0 5px;}
	
a.button.green {
	background:#669900;}
	
a.button.red {
	background:#990000;}

a.button.orange {
	background:#FF8C00;}

a.button:hover {
	text-decoration:none;}

a.button:active {
	position: relative;
	text-shadow: 0 0 2px #333333;
	top: 0px;}

a.button.disabled {
	background:#999;}


#noscript-warning {
	text-align:center;
	background-color:#AE0000;
	color:white;
	font-size:14px;
	font-weight:bold;
	padding:5px;}

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}

.fixed-pane {
	width:90%;
	min-width:260px;
	max-width:500px;
	font-size:14px;
	overflow-x:hidden;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;}

.fixed-pane.small {
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;}

.fixed-pane,
.fixed-pane * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.fixed-pane div.icon.close {
	position:absolute;
	width:30px;
	height:30px;
	right:0;
	top:0;}

.fixed-pane div.icon.close>a {
	background-position:0 0;}

.fixed-pane div.icon.close:hover>a,
.fixed-pane div.icon.close>a:hover {
	background-position:-14px 0;}

.fixed-pane div.header {
	padding:10px;}

.fixed-pane div.content {
	padding:10px;}

.fixed-pane div.footer {
	margin:10px;
	border-top: 1px solid #F0F0F0;
	padding:5px 0 0 0;
	font-size:12px;}

.icon {
	width:30px;
	padding:0;
	position:relative;
	overflow:hidden;
	text-align:center;
	cursor:pointer;-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}

.icon>a {
	color:transparent!important;
	background: url('/img/maps/icons.png');
	background-position: 0 0;
	width:14px;
	height:14px;
	top:7px;
	display:block;
	position:absolute;
	margin:5px 0 0 6px;}

.icon:hover>a,
.icon>a:hover {
	color:transparent!important;
	text-decoration:none;
	background-position:-14px 0;}

.fixed-pane.search {
	left:10px;
	top:45px;
	margin:0;
	padding:0;}

.fixed-pane.search.small {
	left:0;
	top:40px;
	width:100%;}

#search-container,
#menu-container,
#feedback-container {
	position:absolute;
	left:10px;
	top:5px;
	background-color:white;}

#search-container.small,
#menu-container.small,
#feedback-container.small {
	left:0;
	top:0;
	width:100%;}

#search-container table {
	width:100%;}

#search-container table td.icon.remove>a {
	background-position:0 0;}

#search-container table td.icon.remove:hover>a,
#search-container table td.icon.remove>a:hover {
	background-position:-14px 0;}

#search-container table td.icon.menu>a {
	background-position:0 -14px;}

#search-container table td.icon.menu:hover>a,
#search-container table td.icon.menu>a:hover {
	background-position:-14px -14px;}

#search-container table td.icon.menu.opened>a {
	background-position:0 -28px;}

#search-container table td.icon.menu.opened:hover>a,
#search-container table td.icon.menu.opened>a:hover {
	background-position:-14px -28px;}

input.search {
	color: #333;
	border:none;
	outline:none;
	padding:5px;
	margin:4px 5px;
	font-size:16px;
	line-height:16px;
	width:100%;
	background-color:transparent;}
	
input.search::-ms-clear {
	display:none;}

ul.slk.search,
div.slk.search {
	border:none;}
	
ul.slk li>img {
	position:inline-block;
	padding-top:2px;}

ul.slk li .marker-icon {
	display:inline-block;
	font-size:1.5em;
	width:1.8em;
	color:#999;
	text-align:center;}

#menu-container {
	z-index:100;}

#menu-container div.header {
	width:100%;
	padding:10px;
	background-color:#F0F0F0;}

#menu-container div.header h1 {
	width:45%;
	padding-right:10px;
	text-align:right;}

#menu-container div.header h1.logo a {
	background: url("/img/logo_mobile.png");
	display:inline-block;
	color:transparent!important;
	width:110px;
	height:50px;}
	
#menu-container h1.logo.francais  a{
	background: url("/img/logo_mobile_fr.png");}

#menu-container div.header div.nav {
	width:55%;
	padding-left:10px;
	font-size:14px;}

#menu-container div.lang {
	color: #DCDADA;
	margin-bottom:10px;}

#menu-container div.lang span {
    color: #6F6E6E;
    font-weight: bold;}
	
#menu-container div.lang span.phone {
	color: #999;
	font-weight: normal;
	margin-right: 10px;}

#menu-container div.lang a.logout {
	margin-left:10px;}

#menu-container div.lang a.logout {
	font-weight:normal;}

#menu-container div.login a {
	font-size:12px;
	font-weight: 400;
	margin:5px;}

#menu-container div.login #user {
	margin-left:0;}

#menu-container ul.footer {
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	font-size:12px;
	background-color:#F0F0F0;}

#menu-container ul.footer li {
	display:inline-block;
	padding:5px 10px;}

#menu-container div.content {
	margin-bottom:30px;
	text-align:center;}

#menu-container div.content h2 {
	color:#666;
	font-size:24px;
	font-weight:bold;
	margin-top:10px;}
	
#menu-container div.content h3 {
	padding:10px 0;
	font-size:16px;
	font-weight:normal;
	color:#999;
	margin-bottom:20px;}

#menu-container div.content p {
	margin: 10px 0;}

#menu-container div.content p a.button {
	margin:5px;
	width:160px;}

#menu-container div.content p.small a {
	font-size:12px;}

#feedback-container {
	z-index:200;}

#feedback-container div.header {
	background-color: #F0F0F0;
	font-weight:bold;
	font-size:18px;}

#feedback-container div.content {
	min-height:200px;}

#feedback-container div.object {
	padding-bottom:10px;}

#feedback-container form {
	margin-top:10px;}

#feedback-container form label {
	display:block;}

#feedback-container form textarea {
	display:block;
	margin:0 0 10px 0;
	width:100%;
	min-height:80px;
	font-family: open sans;
	padding:5px;}

#feedback-container form input {
	display:block;
	margin:0 0 10px 0;
	width:100%;
	font-family: open sans;
	padding:5px;}

#geo-location {
	left:10px;
	bottom:40px;
	width:36px;
	height:36px;
	position:fixed;
	background-color:white;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	opacity:0.9;}

#geo-location:hover {
	opacity:1.0;}

#geo-location.icon>a {
	width:16px;
	height:16px;
	top:5px;
	left:3px;
	background-position:-28px 0;}

#geo-location.icon:hover>a,
#geo-location.icon>a:hover {
	background-position:-44px 0;}


#map .label-cluster,
#map .label-facility,
#map .label-organization {
	width: 56px;
	line-height: 56px;
	font-family: "Lucida Grande", "Arial", sans-serif;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

#map .label-facility,
#map .label-organization {
	font-size:10px;
}