body{ margin:0;padding:1%;font-family:'Poppins',sans-serif;color:#4c585e;}

.gauche {float:left;width:60%;min-width:390px;}

#recherche {border:1px solid black;padding:2em;position:relative;}
#recherche::after{content:'Votre recherche';display:inline-block;
	position:absolute;top:-0.5em;left:40%;width:20%;text-align:center;
	background:white;color:#c4c4c4;}

.demie_colonne {width:50%;float:left;height:23px;margin:0 0 1rem 0;}
.une_colonne {width:100%;height:23px;clear:both;margin:0 0 2rem 0;}
.ligne_reglementaire{display:inline-block;}
.ajuster_h{height:fit-content;}

.demie_colonne.libelle,.une_colonne.libelle{margin:1rem 0 0 0;}
.une_colonne:has(+ .info){margin-bottom:0;}
.une_colonne.info{margin:0 0 2rem 1.5rem;
	font-size:small;color:#c4c4c4;text-decoration:underline;
	position:relative;}

.bouton_polluant,.bouton_annee {width:3.5rem;height:23px;
	display:inline-block;text-align:center;cursor:pointer;
	color:white;background-color:#1e91c9;border-radius:0.2rem;
	font-weight:bold;font-size:smaller;}
.bouton_polluant.selectionne,.bouton_annee.selectionne{background-color:#f59c00;}
.bouton_action{font-weight:bold;background-color:#f59c00;color:white;border-radius:0.3em;
	padding:0.5rem;display:inline-block;cursor:pointer;}
.bouton_action.inactif{background-color:grey;cursor:not-allowed;}
.une_colonne:has( .bouton_action){text-align:center;}

#telecharger{text-decoration:none;}

div.choix_info{height:100%;border:1px solid black;border-radius:0.3em;position:relative;}
div.choix_info.desactive {border-color:#c4c4c4;}
input.choix_info {width:calc(100% - 30px);background:none;box-sizing:border-box;border:none;}
input[type='button'].choix_info {text-align:left;cursor:pointer;}
input.choix_info + div.choix_info{width:calc(100% - 40px);display:inline-block;}

div.datalist{position:absolute;top:100%;font-size:small;
  background-color:#291b00;color:#fff9eb;
  border-radius:0 0 0.3rem 0.3rem;padding:0.5rem 0;max-width:100%;
  z-index:1;display:none;overflow-y:scroll;max-height:8rem;
}
div.datalistelement{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
    cursor:pointer;padding:0 0.5rem;}
div.datalistelement:hover{background-color:grey;color:#fff9eb;}
div.datalistelement.selected{background-color:grey;color:#fff9eb;}


img.ilist{display:inline-block;vertical-align:middle;cursor:pointer;}
img.ilist.calendrier, img.ilist.loupe{height:90%;}
img.ilist.select{height:50%;}
img.info{height:1rem;position:absolute;left:-1.5rem;}
img.info0{height:1rem;position:absolute;left:0}
img.ilist.desactive{cursor:not-allowed;}

.hr_ou{text-align:center;background-color:white;position:relative;}
.hr_ou::before{content:'';display:block;position:absolute;top:50%;
	width:100%;height:1px;background:black;}
.hr_ou::after{content:'ou';display:inline-block;position:relative;
	background:white;padding:0 1em;color:#c4c4c4;}

#is_reglementaire{width:30px;box-sizing:border-box;margin:0;border:none;}
#info_zone_reglementaire{display:none;position:absolute;top:2rem;left:-1rem;width:20rem;
	background-color:white;border:1px solid black;padding:1rem;color:black;
	box-shadow:10px 10px 10px #c4c4c4;}
.show_info{cursor:pointer;}
.hide_info{cursor:pointer;position:absolute;top:0.1rem;right:0.1rem;
	background-color:black;color:white;width:0.8rem;height:0.8rem;text-align:center;
	line-height:0.6rem;border-radius:0.2rem;}


.legende_titre{font-weight:bold;font-size:larger;margin:1rem 0 0 0;}
.legende_unite{font-size:smaller;}
#legende_barre{width:100%;height:2rem;margin:1rem 0 3rem 0;position:relative;
	background:linear-gradient(to right, #00ccaa, #00ccaa 14%, #99e600 29%, #fff000 43%, #ffaa00 57%, #ff0000 71%, #800000 86%, #800000);}
.legende_tick{position:absolute;top:0;text-align:center;}
.legende_tick .trait_vertical{width:1px;height:3rem;background:black;margin:auto;}
.legende_tick .valeur{}

#seuils{margin:2rem 0;position:relative;padding-left:2rem;}

#expositions {
	display:grid;grid-template-columns:auto auto;justify-content:center;margin:2rem 0;}
#expositions div:nth-child(even) {text-align:right;font-weight:bold;}

.droite {
	float:right;width:40%;min-width:390px;padding:1rem;box-sizing:border-box;height:700px;}
#carte {width:100%;height:100%;position:relative;}
.carte_titre{position:absolute;left:10px;top:10px;z-index:402;background-color:#ffffffdd;
	padding:0 1rem;font-size:large;}
#carte_masque.actif{
	position:absolute;width:100%;height:100%;z-index:401;background-color:#0009;}
#show_info_carte{
	position:absolute;left:2rem;bottom:1.5rem;z-index:402;background-color:#ffffffdd;
	padding:0 1rem;font-size:larger;}
#info_carte{display:none;position:absolute;bottom:2rem;left:-1rem;width:20rem;
	background-color:white;border:1px solid black;padding:1rem;color:black;
	box-shadow:10px 10px 10px #c4c4c4;}

/* customistation leaflet */

.zoombox {border-radius:10rem;border: 2px solid rgba(0,0,0,0.2);float:right;
	margin:0 10px 10px 0;position:absolute;bottom:10px;right:10px;
	z-index:800;}
.zoombox a{cursor:not-allowed;
	width: 30px;height: 30px;display: block;
	font:bold 22px 'Lucida Console', Monaco, monospace;
	background-color:#eee;border-bottom: 1px solid #ccc;
	text-align:center;text-decoration:none;color:#999;}
.zoombox a:first-child {border-top-left-radius: 10rem;border-top-right-radius: 10rem;}
.zoombox a:last-child {border-bottom-left-radius: 10rem;border-bottom-right-radius: 10rem;}