/*
Theme Name:     Thème Code Postal
Description:    Thème Code Postal
Author:         Alanou Rebiscou
Author URI:     https://www.codepostalfrance.com/Blog/wp-content/themes/ThemeCodePostal
Template:       amphibious                       
Version:        0.1.0
*/



/*@import url("../twentyten/style.css");   */
/*@import url("/sites/codepostalfrance.com/Blog/wp-content/themes/ThemeCodePostal/style.css");  */

#map { width: 100%; height:300px; top:5px  }


.info { padding: 6px 8px; font: 16px/20px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; } .info h4 { margin: 0 0 5px; color: #777; }


.leaflet-div-icon {
        background: transparent;
        border: 0px transparent;
        }
<!-- 
.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #242f3f;
  display:flex;
  justify-content: center;
  align-items: center;
}
.loader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: relative;
  border: 4px solid #Fff;
  animation: loader 2s infinite ease;
}
.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% { transform: rotate(0deg);}
  25% { transform: rotate(180deg);}
  50% { transform: rotate(180deg);}
  75% { transform: rotate(360deg);}
  100% { transform: rotate(360deg);}
}
@keyframes loader-inner {
  0% { height: 0%;}
  25% { height: 0%;}
  50% { height: 100%;}
  75% { height: 100%;}
  100% { height: 0%;}
}

 
 
.leaflet-div-icon {

  text-align:center;
  padding-right: 20%;
  line-height:30px;
  
  background:red;
  border:5px solid rgba(255,255,255,0.5);
  color:blue;
  font-weight:bold;
  text-align:center;
  border-radius:50%;
  line-height:30px;
  
  background:blue;
  border:5px solid rgba(255,255,255,0.5);
  color:blue;
  font-weight:bold;
  text-align:center;
  border-radius:50%;
  line-height:30px;
  line-width:30px;
  height:30px;
  width:30px;
  
  background:green;
  border:5px solid rgba(255,255,255,0.5);
  color:green;
  font-weight:bold;
  text-align:center;
  border-radius:50%;
  line-height:30px;
  width:20px;
  height:20px;
  opacity:0.9

  
  background:red;
  border:5px solid rgba(255,255,255,0.7); //blanc
  color:red;
  font-weight:bold;
  text-align:center;
  border-radius:50%;
  line-height:30px;
  line-width:30px;
  width:20px;
  height:20px;

  }   
		
/*Wraperclass for the divicon*/
.map-label {
  position: absolute;
  bottom: 10;left: -50%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
/*Wrap the content of the divicon (text) in this class*/
.map-label-content {
  order: 11;
  position: relative; 
  left: -50%;  
  background-color: black  ;  
  border-radius: 0px; 
  border-width: 0 px;  
  border-style: solid;
  border-color: transparent ;      
  padding: 0px;
  white-space: nowrap;  
  color: black;
}
h1 {
  color: white;
  text-align: center;
}
demo{}
affichage{}
affichage_bis{}
affichage_ter{}