html {
overflow:hidden;
}
html, body {
height:100%;
margin:0;
padding:0;
}
body {
background:url("http://www.reunion-parcnational.fr/plugins/auto/squelette_multiflex3/img/fond_biodiv4.jpg") no-repeat fixed center top #000000;
font:12px Georgia;
margin:10px;
}
#container {
margin:0 auto;
width:910px;
}
#descriptif {
margin-top:70px;
}
h2 {
font-size:14px;
margin-bottom:5px;
margin-top:5px;
}
#sidebar #partenaires a img {
border:medium none;
padding-bottom:5px;
text-decoration:none;
}
#content {
margin-top:10px;
position:relative;
}
#map {
border:1px solid #AAAAAA;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
#map-wrapper {
height:100%;
position:relative;
}
#partenaires {
bottom:0;
position:relative;
width:100%;
}
#sidebar {
-moz-border-radius:6px 6px 6px 6px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #9CA1A4;
height:100%;
overflow:auto;
position:absolute;
top:0;
width:220px;
}
#sidebar p {
margin:10px;
text-align:justify;
}
#sidebar ul#sidebar-list {
list-style:none outside none;
margin:0;
padding:0;
}
#sidebar ul#sidebar-list li {
clear:left;
display:inline;
padding:0;
position:relative;
width:70px;
}
#sidebar ul#sidebar-list li div.red {
background:url("red-marker.png") no-repeat scroll 0 0 transparent;
color:white;
float:left;
height:35px;
margin-left:20px;
padding:0;
position:relative;
width:30px;
}
#sidebar ul#sidebar-list li div.pink {
background:url("pink-marker.png") no-repeat scroll 0 0 transparent;
color:white;
float:left;
height:35px;
margin-left:60px;
margin-top:10px;
position:relative;
width:40px;
}
#sidebar ul#sidebar-list li div.yellow {
background:url("yellow-marker.png") no-repeat scroll 0 0 transparent;
color:white;
float:left;
height:35px;
margin-left:21px;
margin-top:10px;
position:relative;
width:40px;
}
#sidebar ul#sidebar-list li div.green {
background:url("green-marker.png") no-repeat scroll 0 0 transparent;
color:white;
float:left;
height:35px;
margin-left:70px;
position:relative;
width:40px;
}
#sidebar ul#sidebar-list li a {
color:#445555;
font-family:Arial;
font-size:11px;
margin-left:40px;
text-decoration:none;
}
div.markerLabel {
display:block;
padding-top:9px;
}
div.markerLabel, #sidebar ul#sidebar-list li div.label {
color:white;
font-family:Arial;
font-size:12px;
letter-spacing:0;
text-align:center;
width:32px;
}
body.sidebar-right #map-wrapper {
margin-right:230px;
}
body.sidebar-right #sidebar {
right:0;
}
body.nosidebar #map-wrapper {
margin:0;
}
body.nosidebar #sidebar {
display:none;
}
body.sidebar-right a#button-sidebar-show, body.nosidebar a#button-sidebar-hide {
display:none;
}
#toolbar {
-moz-border-radius:6px 6px 6px 6px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #9CA1A4;
color:#9CA1A4;
padding:4px;
position:relative;
}
* html #toolbar {
height:1px;
}
#toolbar h1 {
margin:0;
}
#toolbar ul {
list-style:none outside none;
margin:0;
padding:0;
}
#toolbar ul#sidebar-controls li {
bottom:5px;
position:absolute;
right:5px;
}
#toolbar ul li {
display:inline;
}
#toolbar ul li a {
color:#444444;
font-size:12px;
padding:3px 6px;
text-decoration:none;
}
#toolbar ul li a:hover {
background:none repeat scroll 0 0 #444444;
color:#AAAAAA;
}