@charset "utf-8";
	
#window-area {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0;
	min-width:1024px;
	min-height:500px;
}
body {
	overflow: auto;
}

#oblik-area {
	position:absolute;
	left:0;
	top: 119px;
	width:100%;
	bottom: 42px;
	min-width:1024px;
	min-height:339px;
}

#poster {
	width:100%;
	height:100%;
	min-width:300px;
	min-height:250px;
}

	
#footer {
	position:absolute;
	left:0;
	bottom:0;
	height:60px;
	width:100%;
	padding: 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	text-align:left;
	background:transparent;
	background-image: url(../images/bandeau_bas_r.gif);
	background-repeat: repeat-x;
	z-index: 500;
}
#footer img .tl {position:absolute; left:0; top:0;}
#footer .logo-archivideo {position:absolute; left:8px; top:3px;}

#nav-boutons {
	position:absolute;
	padding: 20px 20px 16px;
	top:0px;
	left:55px;
	height: 24px;
	width: 260px;
	overflow: hidden;
}
#nav-boutons a {
background:transparent;
position:absolute;
padding: 0px 6px;
width:24px;
height:24px;
}
#nav-boutons .nav-left {left: 20px;}
#nav-boutons .nav-right {left: 57px;}
#nav-boutons .nav-down {left: 94px;}
#nav-boutons .nav-up {left: 131px;}
#nav-boutons .nav-zoomout {left: 168px;}
#nav-boutons .nav-zoomin {left: 205px;}
#nav-boutons .nav-carto {left: 242px;}
#nav-boutons img {margin: 0;}

#nav-stations {
	position:absolute;
	top:20px;
	left:343px;
	width:262px;
	padding: 3px 2px;
	border:1px solid #2c83b6;
}
#nav-stations .ligne {
	padding:0;
	margin: 0;
	background-image: url(../images/sr.gif);
	background-repeat: repeat-x;
}
#nav-stations img {margin: 0; padding:0;}

#nav-adresse {
	position:absolute;
	top:20px;
	height:24px;
	left:620px;
	padding: 0 2px;
	background: #2c83b6;
	border-color:#56ade0;
	font-size: 10px;
	min-width:400px;
	overflow:hidden;
}
#nav-adresse img {
border: 1px solid #56ade0;
vertical-align: -5px;
}
#nav-adresse label {color:white;}
#ville {width:80px;}
#numero {width:60px;}
#panneau_reponse {
display: none;
background: #2c83b6;
opacity:0.9;
filter:alpha(opacity=90);
position: absolute;
left: 720px;
bottom: 40px;
padding:2px;
}
#rappel_recherche {margin: 0 30px 0 0;}
#panneau_reponse .top-right {display:block; position:absolute; top:0; right:0;}
#liste_reponse {
padding:2px;
background:white;
max-height:300px;
overflow: auto;
}
#liste_reponse p {margin:0;}

#credits {
background-image: url(../images/header_bg.gif);
background-repeat: repeat-x;
position:absolute;
width:100%;
min-width:1024px;
left:0;
height:12px;
bottom:0;
text-align:center;
font-size:9px;
color:white;
}
#credits a{color:white;}
#credits a:visited{color:white;}
#credits a:hover{color:white;}
#credits a:active{color:white;}

	.titre-div {
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		margin: 0 5px 5px;
	}

#key {
	background:white;
	opacity:0.9;
	filter:alpha(opacity=90);
	color:#2c83b6;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	position:absolute;
	right:20px;
	bottom: 70px;
	padding: 4px 8px;
	width:240px;
	z-index: 400;
	border:1px solid #f8da00;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	overflow:hidden;
}
#key-collapse, #key-expand {position:absolute; top:4px; right:8px;}
#key-expand {display:none;}

#copyright {
	background:transparent;
	color:white;
	text-align:right;
	position:absolute;
	right:20px;
	bottom: 52px;
	z-index: 300;
}

#avertissement {
	background:transparent;
	color:white;
	text-decoration:underline;
	position:absolute;
	left:0;
	top: 100px;
	bottom:0;
	width:100%;
	z-index: 1000;
}
#avertissement .bg {
	position:absolute;
	background-color:black;
	opacity:0.8;
	filter:alpha(opacity=80);
	width:100%;
	min-width:1024px;
	height:100%;
	left:0;
	top:0;
	z-index: 1000;
}

#entrer {
	position:relative;
	width:574px;
	/*left:50%;
	margin-left:-287px;*/
	margin-left:auto;
	margin-right:auto;
	height:330px;
	top:50%;
	/top:100px;
	margin-top:-212px;
	border:2px solid #2c83b6;
	border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;
	z-index: 1001;
	overflow:visible;
}
#entrer .big {font-size:24px;margin:1em;}
#entrer .bouton {
	color:#2c83b6;
	position:static;
	padding: 5px;
	font-size:18px;
	text-decoration:underline;
	text-transform:uppercase;
	background:white;
	margin: 30px 180px;
	border:2px solid #2c83b6;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#entrer img {margin:10px; border:none;}
#entrer .logos {
	vertical-align:middle;
}
#entrer .logos img {margin: 6px;}
#entrer .partenaires {
	margin: 10px 103px 0;
	vertical-align:middle;
	border-bottom: 2px solid #2c83b6;
}

#menu img[onclick] {
cursor:pointer;
}

#menu-station {
display:none;
position:absolute;
background:white;
	opacity:0.9;
	filter:alpha(opacity=90);
left:0;
top:0;
width:240px;
color:#959595;
border-bottom: 1px solid #F8DA00;
z-index:200;
}
#menu-station .avertissement {
color:#2c83b6;
font-weight:bold;
font-size:0.8em;
}
#info-station {
width:220px;
margin:0 10px;
text-align:left;
}
#info-station .visu{
margin:15px 0;
text-align:center;
}
#info-station a img {
border:1px solid #2c83b6;
margin:0 5px;
}
#menu-station a, #menu-ligne a {
color:#2c83b6;
}
#menu-station a:visited, #menu-ligne a:visited {
color:#2c83b6;
}
#menu-station a:hover, #menu-ligne a:hover {
font-weight:bold;
color:#2c83b6;
}
#menu-station a:active, #menu-ligne a:active {
color:#f8da00;
}
#menu-station p {
margin: 0.3em 0;
}

#menu-ligne {
display:none;
position:absolute;
background:white;
	opacity:0.9;
	filter:alpha(opacity=90);
left:240px;
top:0;
width:240px;
color:#959595;
border-bottom: 1px solid #F8DA00;
z-index:200;
padding: 2px 5px;
}
#menu-ligne p {
margin: 0.3em 0;
text-align: left;
}

.titre {
font-size:14px;
text-transform: uppercase;
font-weight:bold;
}

/* api CSS overwrite */
.surface .markerLabelPopup {
	width: 160px;
   text-align: left;
}
.surface .markerLabelPopup .markerLabelPopupWindow {
}
.surface .markerLabelPopup .markerLabelContent {
   width: 160px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   text-align: left;
   padding: 3px;
}
.surface .markerLabelPopup .markerLabelButton {
   display: none;
}