mfy-style.css

#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}
#myCookieConsent a:hover {
	color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
	background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
	color: #000;
}

#bufferdiv{ 

  position:fixed; 

  width:50%; 

  bottom:20px; 

  left:2%; 

} 

#bufferTv{ 

  position:fixed; 

  top:12px; 

  left:50px; 

  background-color:#fff; 

  padding:5px; 

  border-radius:3px; 

  border:1px solid #333; 

} 

 

        #export { 

  z-index: 1000; 

  position: fixed; 

  bottom:0 

  background: yellow; 

  color: black; 

  padding: 0; 

  margin: 0; 

  border-radius: 0px; 

  font-size: 16px; 

  text-decoration: none; 

} 

 

 

 .jaune { 

  z-index: 1000; 

  position: absolute; 

  top: 10px; 

  left: 60px; 

  margin: 0; 

  padding: 0; 

  background: yellow; 

  color: black; 

  padding: 0px; 

  border-radius: 0px; 

  font-size: 16px; 

  text-decoration: none; 

 } 

  

 

        body { 

            padding: 0; 

            margin: 0; 

        } 

  

        html, body, #map { 

            height: 100%; 

            font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif; 

Z-index: 1; 

        } 

  

.input { 

0 

  margin-top:0px; 

0 

} 

 

  

       .lorem { 

            font-style: italic; 

            color: #AAA; 

        } 

    

          

        .icon { 

display: inline-block; 

margin: 2px; 

height: 16px; 

width: 16px; 

background-color: #ccc; 

} 

  

/* ICONS */ 

.icon-restaurant {background: url('https://mappingforyou.eu/icons2/restaurant2.png') center center no-repeat;} 

.icon-specialites {background: url('https://mappingforyou.eu/icons2/cheese2.png') center center no-repeat;} 

.icon-vins {background: url('https://mappingforyou.eu/icons2/vins.png') center center no-repeat;} 

.icon-supermarche {background: url('https://mappingforyou.eu/icons2/supermarche.png') center center no-repeat;} 

.icon-randonnee {background: url('https://mappingforyou.eu/icons2/randonnee.png') center center no-repeat;} 

.icon-tente {background: url('https://mappingforyou.eu/icons2/hostel_0star.png') center center no-repeat;} 

.icon-velo {background: url('https://mappingforyou.eu/icons2/velo.png') center center no-repeat;} 

.icon-vignoble {background: url('https://mappingforyou.eu/icons2/vignoble.png') center center no-repeat;} 

.icon-monument {background: url('https://mappingforyou.eu/icons2/randonnee.png') center center no-repeat;} 

.icon-monument {background: url('https://mappingforyou.eu/icons2/monument.png') center center no-repeat;} 

.icon-cafe {background: url('https://mappingforyou.eu/icons2/cafe.png') center center no-repeat;} 

.icon-montagne {background: url('https://mappingforyou.eu/icons2/montagne.png') center center no-repeat;} 

.icon-bus {background: url('https://mappingforyou.eu/icons2/busstop.png') center center no-repeat;} 

.icon-loisirs {background: url('https://mappingforyou.eu/icons2/beachvolleyball.png') center center no-repeat;} 

.icon-provinces {background: url('https://mappingforyou.eu/icons2/historical_museum.png') center center no-repeat;} 

.icon-emergency {background: url('https://mappingforyou.eu/icons2/emergencyphone.png') center center no-repeat;} 

.icon-mountains {background: url('https://mappingforyou.eu/icons2/mountains.png') center center no-repeat;} 

.icon-road {background: url('https://mappingforyou.eu/icons2/road.png') center center no-repeat;} 

  

/* MARKERS */ 

.leaflet-marker-icon { 

padding: 2px; 

text-align: center; 

} 

.marker-bar {background: url('images/markers/bar.png') center center no-repeat;} 

.marker-fuel {background: url('images/markers/fuel.png') center center no-repeat;} 

.marker-parking {background: url('images/markers/parking.png') center center no-repeat;} 

.marker-drinking_water {background: url('images/markers/drinking_water.png') center center no-repeat;} 

         

        .leaflet-draw-toolbar .leaflet-draw-draw-shapefile { 

background-image: url('https://mappingforyou.eu/icons/draw-shapefile.png') !important; 

background-size: 60px 120px; 

} 

  

#leaflet-draw-draw-shapefile-btn { 

height:26px; 

width:26px; 

} 

  

#leaflet-draw-shapefile-selector { 

display:none; 

} 

         

    .floatTL{ 

position:absolute; 

z-index: 3; 

    bottom:3px; 

    right:70px; 

     

      font-family: sans-serif; 

    background-color: rgba(0, 000, 000, 0.0); 

  

  color: darkred; 

  -webkit-text-stroke-width: 2px; 

-webkit-text-stroke-color: #fff; 

      

            } 

 

               .floatTL2{ 

position:absolute; 

z-index: 4; 

    top:30px; 

    left:50px; 

            } 

 

 

             

             

/* unvisited link */ 

a:link {  color: black;} 

  

/* visited link */ 

a:visited {  color: black;} 

  

/* mouse over link */ 

a:hover {  color: black;} 

  

/* selected link */ 

a:active {  color: black;} 

  

             

                 .container-3{ 

    width: 80%; 

    float: center; 

    height: 80%; 

    background-color: #ad4343; 

    position: absolute; 

      opacity: .7;  

     z-index: 3; 

top: 10%; 

    left: 10%; 

} 

  

.container-3 .center{ 

    width: 70%; 

float: center; 

    height: 70%; 

    background-color: #ccc; 

    margin: auto; 

    position: absolute; 

     z-index: 3; 

      top: 10%; 

    left: 10%; 

}