html, body {
    font: normal 11px Arial, Helvetica, sans serif;
    margin: 0;
    padding: 20px;
    padding-top: 110px; 
    border: 0 none;
    overflow: hidden;
    height: 100%;
	background-color: #b9dcfa;
}

div.olMap {
    z-index: 0;
    padding: 0px!important;
    margin: 0px!important;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
   -moz-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;  
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;   
}
.olControlAttribution {
    font-size: smaller; 
    right: 3px; 
    bottom: 4.5em; 
    position: absolute; 
    display: block;
}
.olControlScale {
	/*
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
	*/
	display: block;
    position: absolute;
	right: 10px;
    top: 10px;
	padding: 3px;
	font-size: xx-small;
	background-color:transparent;
	background-image:url("/images/transparent_25.png");
}
.olControlScaleLine {
   right: 10px;
   bottom: 10px;
    padding: 3px;
   font-size: xx-small;
	background-color:transparent;
	background-image:url("/images/transparent_25.png");
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
} 

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
    right: 0px;
    bottom: 80px;
}    

.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("/images/openlayers/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("/images/openlayers/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}    

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}   

.olPopupCloseBox {
    background: url("/images/openlayers/close.gif") no-repeat;
    cursor: pointer;
}

.olControlNoSelect {
    -moz-user-select: none;
}

.hut {
    background-image:url("/images/huts_20x20.png") !important;
    height:20px !important;
    width:75px !important;
}

.summit {
    background-image:url("/images/summits_20x20.png") !important;
    height:20px !important;
    width:75px !important;
}

.lake {
    background-image:url("/images/lakes_20x20.png") !important;
    height:20px !important;
    width:75px !important;
}

.nature {
    background-image:url("/images/nature_20x20.png") !important;
    height:20px !important;
    width:75px !important;
}

.culture {
    background-image:url("/images/culture_20x20.png") !important;
    height:20px !important;
    width:75px !important;
}

.pass {
    background-image:url("/images/passes_20x20.png") !important;
    height:20px !important;
    width:75px !important;
}

.editPOI {
    background:url("/images/edit.png") 0 0px no-repeat !important;
    height:20px !important;
    width:80px !important;
}

.movePOI {
    background:url("/images/move.png") 0 0px no-repeat !important;
    height:20px !important;
    width:80px !important;
}

.removePOI {
    background:url("/images/delete.png") 0 0px no-repeat !important;
    height:20px !important;
    width:80px !important;
}

#notice, #error, #warning {
    padding:5px;
    border:solid 1px black;
    z-index:1000;
    color:black;
    position:fixed;
    top:5px;
    left:5px;
}

#notice {
    background-color:#77f44c;
}

#error {
    background-color: #ffb2a9;
}

#warning {
    background-color: #ffaa66;
}

#map {
	background-image:url("/images/motif_fond_carto.png");
}

.hutsA {
    background-image:url("/images/huts_20x20.png") !important;
    height:20px !important;
    width:20px !important;
}

.summitsA {
    background-image:url("/images/summits_20x20.png") !important;
    height:20px !important;
    width:20px !important;
}

.lakesA {
    background-image:url("/images/lakes_20x20.png") !important;
    height:20px !important;
    width:20px !important;
}

.natureA {
    background-image:url("/images/nature_20x20.png") !important;
    height:20px !important;
    width:20px !important;
}

.cultureA {
    background-image:url("/images/culture_20x20.png") !important;
    height:20px !important;
    width:20px !important;
}

.passesA {
    background-image:url("/images/passes_20x20.png") !important;
    height:20px !important;
    width:20px !important;
}

.pan {
    background-image:url("/js/mfbase/mapfish/img/icon_pan.png") !important;
    height:20px !important;
    width:20px !important;
}

#north {
	top:0px;
	left:0px;
	position:absolute;
}

#south {
    font-weight:bold;
    background-color:#C5E4F9;
    border-top:2px solid white;
    bottom:0px;
    height:17px;
    left:0px;
    padding:2px;
    position:absolute;
    width:100%;
    /*z-index:1;*/
    /*line-height:18px;*/
	text-align: center;
	text-decoration: none;
}

#center {
    background-image:url("/background-random.php");
    background-position:top center;
    background-repeat:no-repeat;
}

a {
    color:#0776EC
}

#banner {
    height: 114px;
    background-position: top center;
    background-repeat: no-repeat;
}

.banner_fr {
    background-image:url(../images/bandeau_fr.jpg);
}

.banner_it {
    background-image:url(../images/bandeau_it.jpg);
}

.banner_en {
    background-image:url(../images/bandeau_en.jpg);
}

#langs {
    text-align:right;
    position:absolute;
    top:75px;
    left:235px;
    z-index:100;
}

#langs span {
    margin-right:15px;
}

#realizedBy {
    position: absolute;
    right: 0pt;
    margin-right: 10px;
}

.routeSearchPanel { 
	background-image:url("/images/famfamfam/magnifier.png");
}
.poiDescriptionPanel { 
	background-image:url("/images/famfamfam/asterisk_orange.png");
}
.routeDescriptionPanel { 
	background-image:url("/images/famfamfam/book_open.png");
}
.routeGridPanel { 
	background-image: url("/images/famfamfam/arrow_right.png");
}
button.printButton { 
	background-image:url("/images/famfamfam/printer.png");
	background-position:top left;
    background-repeat:no-repeat;
}
button.permalinkButton { 
	background-image:url("/images/famfamfam/world_link.png");
}
button.routeEditButton { 
	background-image:url("/images/famfamfam/database_edit.png");
}
button.resetButton { 
	background-image:url("/images/famfamfam/arrow_rotate_anticlockwise.png");
}