body {
   padding: 0;
   margin: 0;
   font-family: "Helvetica Neue", "Helvetica", helvetica, arial, sans-serif; color: #747067; font-size: 14px; 
}

html, body, #map {
   width:100%
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box;     
   box-sizing: border-box; 
   height: 100%;
}

#map_menu {
   position: relative;
   overflow-y: auto;
   float: left;
   background-color: #F5F5DC;
   color: #707070;
   height: 100%;
   width: 275px;
   z-index: 2090;
   /*
   -webkit-box-shadow: 0px 0px 0px 7px rgba(166, 202, 30, 0.5);
   -moz-box-shadow: 0px 0px 0px 7px rgba(166, 202, 30, 0.5);
   box-shadow: 0px 0px 0px 7px rgba(166, 202, 30, 0.5);
   */
   font-size: 0.9em;
}

#map_menu .logo_positionner {
   text-align: center;
   /* margin-top: 0.5em; deleted to collapse with head */
   margin-bottom: 1em;
}

#map_menu .logo {
 margin-top: 0;
 margin-bottom: 0;
}


#map_menu .logo img {
   width: 275px;
   padding-top: 0px;
   padding-bottom: 0px;
   /*
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px; /* future proofing * /
   -khtml-border-radius: 10px;
   */
}

#map_menu .layer_title {
   margin: 0.3em;
}

#map_menu .layer_title :hover {
   /* text-decoration: underline;*/
   color: #006445;
   cursor: default;
}

#map_menu .layer_title img {  
   height: 1.1em;
   margin-right: 0.5em;
}

.layer_title_selected {
   font-weight: 700;
   color : #707070;
}

#map_menu .layer_head {
   color: #006445;
   margin-left: 0.5em; /* to overrride .layer_title margin */
   margin-top: 1em ; /* to override .layer_title margin-top */
   margin-bottom: 0.5em;
   font-weight: 600;
   font-size: 1.3em;
}


#map_menu div.layer_title div.layer_icon {
   width:30px;
   height: 1.1em;
   float:left;
   text-align:center;
}

#champs-libres_ref {
   font-size: 12px;
   position: fixed;
   bottom: 0px;
   padding-top:10px;
   padding-bottom: 10px;
   padding-left: 10px;
   width: 265px;
   background-color: #FEFEFE/*#F5F5DC*/;
   margin-top: 10px;
}

#champs-libres_ref a {
   color: rgba(0, 100, 69, 1);
   text-decoration: none;
}

/* Leaflet customize */
.leaflet-left .leaflet-control {
   margin-left: 30px;
}


#img_loader_container, #popup_content_loader {
   position: absolute;
/*   width: 275px;*/
}

.img_loader {
   position: absolute;
   width: 275px;
}

.colored_line, .colored_box {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width:1em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px; /* future proofing */
   -khtml-border-radius: 5px
}

.colored_line {
   height:0.15em;  
   margin-top: 0.65em;
   opacity: 0.5;
}

.colored_box {
   height: 0.85em;
   margin-top: 0.35em;
   opacity: 0.5;
}

/** layout popup ***/

.leaflet-popup {
   width: 400px;
}

.leaflet-popup-tip {
   background: none repeat scroll 0 0 #E9EAE5;
}

.leaflet-popup-content-wrapper {
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   border-radius: 0 !important;
   background-color: #E9EAE5;
}

.leaflet-popup-content-wrapper {
   padding-left: 0 !important;
   padding-right: 0 !important;
   padding-top: 0 !important;
}

.leaflet-popup-content {
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   border-radius: 0 !important;
   margin: 0 !important;
   margin-right: -1px !important;
   width: 400px !important;

}

div.webgis_pop_up_content {
   width: 400px;
}

div.webgis_pop_up_content div.pop_up_top {
   background-color: rgb(61,58,53);
   color: #E9EAE5;
   padding-top: 25px; /* to show the cross to close the pop-up */
}

div.webgis_pop_up_content p.head {
   margin-left: 4px;
   margin-top: 5px;
   padding-bottom: 10px;
}

div.webgis_pop_up_content a.photo {
   border: 0 solid #707070;
}
/*
div.webgis_pop_up_content img.main {
   width: 400px;
} 
*/
div.webgis_pop_up_sub_content{
   padding-left: 10px;
   padding-right: 10px;
}

div.webgis_pop_up_sub_content dt {
   font-weight: bold;
   margin-top: 6px;
   color: rgb(61,58,53);
}

div.webgis_pop_up_sub_content dd {
   margin-left: 6px;
}