#localisation {
	width:430px ;
  height: 25px ;
  line-height: 25px ;
  font-size:15px ;
	font-weight:bold ;
	margin-left:10px ;
	margin-top:10px ;
	position:relative ;
	top:0px ;	
	border:solid red 0px ;
}
#localisation:hover {
	cursor:pointer ;
}
h2 {
	margin:0 ;
	padding:0 ;
	font-size: 14px;
}
#localisation_affichage {
	border:none ;
	background-color:white ;
}
#loader {
	position:absolute ;
	top:5px ;
	left:250px ;
	visibility: hidden ;
}
#loader_localisation {
	position:absolute ;
	left:190px ;
	top:180px ;
	display:block ;
	visibility:hidden ;
	z-index: 100 ;
}
form.local input[type="submit"] {
	display:none ;
}
form.local {
	display:inline-block ;
	vertical-align:middle ;
}
form#peri {
	display:inline-block ;
	vertical-align:middle ;
}
#search {
  z-index:3 ;
  padding: 0px ;
  left:0px ;
  top:0px ;
  width:355px ;
  height:25px ;
  outline:0 ;
  margin-left:10px ;
}
#perimetre {
	display:inline-block ;
	border:solid grey 1px ;
	height:28px ;
}
#bouton_effacer {
	display:inline-block ;
	width:55px ;
	height:25px ;
	line-height:25px ;
	vertical-align:middle ;
	text-align:center ;
	border:solid black 1px ;
	background:#0073AA ;
	color:white ;
}
#search:hover, #search:focus {
      border-color:#FFF ;
}
#bouton_effacer:hover {
	cursor:pointer ;
	background:#008ED2 ;
}
.precision4 {
	display:inline-block ;
	font-style:italic ;
	font-size:11px ;
	margin-left:5px ;
}
.precision {
	display:inline-block ;
	font-style:italic ;
	font-size:11px ;
	margin-left:5px ;
}
#rayon {
	display:inline-block ;
	margin-left:140px ;
	font-size:13px ;
}
#afficher_ville {
			display:block ;
			z-index:2 ;
			max-width:500px ;
			min-height:70px ;
			margin:0 ;
			padding:0 ;
			padding-top:5px ;
			position:relative ;
			left:10px ;
			top:10px ;
			background-color:white ;
			border:solid black 0px ;
			/* box-shadow:5px 5px 5px black ; */
}
#nbr_references {
	display:none ;
}
#gardienx {
  display:none ;
}
#sauvegarde_localisation {
  display:none ;
}
#bloc_type {
	display: block ;
	border:solid red 0px ;
	margin-top:10px ;
  margin-bottom:20px ;
 }
 .ligne_ville {
  display:inline-block ;
  text-align:left ;
  vertical-align: middle;
  padding:3px ;
  padding-left:10px ;
  padding-right:10px ;
  margin-left:5px ;
  margin-right:5px ;
  margin-bottom:5px ;
  border:solid black 1px ;
  background-color:#004262 ;
  color:white ;
}
.ligne_ville:hover {
cursor: pointer;
opacity:0.7 ;
}
.croix10 {
	display:inline-block ;
  vertical-align: middle;
  margin-top:-1px ;
  margin-left:4px ;
}
.croix10:hover {
	cursor:pointer ;
}
 #bouton_appartement,
 #bouton_maison,
 #bouton_terrain,
 #bouton_place_parking,
 #bouton_bureau,
 #bouton_commerce,
 #bouton_immeuble,
 #bouton_chambre_hote,
 #bouton_camping {
	display:none ;
	flex-direction: column; /* Place l'image au-dessus du texte */
	align-items: center; /* Centre horizontalement */
	justify-content: center; /* Centre verticalement */
	width:60px ;
	height:60px ;
	border:solid rgb(80, 79, 79) 1px ;
	margin:3px ;
	background:white ;
	cursor:pointer ;
	border-radius:5px ;
 }
 #bouton_appartement img, 
 #bouton_maison img, 
 #bouton_terrain img, 
 #bouton_place_parking img,  
 #bouton_bureau img, 
 #bouton_commerce img,
 #bouton_immeuble img, 
 #bouton_chambre_hote img, 
 #bouton_camping img  {
    width: 38px; /* Ajuste la taille de l'icône */
    height: auto;
	
}
#bouton_appartement span, 
#bouton_maison span, 
#bouton_terrain span, 
#bouton_place_parking span, 
#bouton_bureau span, 
#bouton_commerce span, 
#bouton_immeuble span, 
#bouton_chambre_hote span, 
#bouton_camping span {
    font-size: 10px; /* Ajuste la taille du texte */
	
}


/* ************************ fonction de completion************************/

#results {
    display:none;
    position:absolute;
    margin-top:1px ;
    margin-left:10px ;
    width:350px ;
    height:296px ;
    overflow:scroll ;
    overflow-x:hidden ;		
    border: 2px solid #005F8C ;
    border-top:1px solid #005F8C ;
    background-color: #FFF;
    z-index:10 ;
  }

  #results div {
    width: 320px;
    padding: 5px;
    text-align: left;
    border: 0; 
    background-color:white ;
    z-index:10 ;
  }

  #results div:hover {
    background-color: #DDD ;
    cursor:pointer ;
  }
    .departement {
        max-width:200px ;
    }	
    li.region {
        position:relative;
        left:15px ;
        max-width:200px ;
        font-weight:bold ;
        list-style:square ;
        cursor:pointer ;
    }
    li.departement {
        position:relative;
        left:15px ;
        max-width:200px ;
        list-style:circle ;
        cursor:pointer ;
    }	
    
    #efface_results {
        display:none ;
    }
    
    #results .result_focus {
        background-color: #DDD ;
        cursor:pointer ;
      }

      #gardienx {
        display:none ;
      }
/* ************************ Fin de la fonction de completion************************/

/*****************************************************************************************/

  .titre_info {
    font-weight: bold ;
    font-size:14px ;
    margin-bottom: 10px;
  }
  a.bulleinfo_localisation {  
      position: relative;  
  }
  
  a.bulleinfo_localisation div.info_localisation{  
    display: none;
    position: fixed ; /* IMPORTANT si on utilise absolute ici ca ne marche pas c'est tronqué à cause du overflow-y sur le parent bloc-gauche */
    top: 0px;  
    left: 280px;  
    width: 400px; 
    height:170px;
    border: 1px; 
    background-color: white;
    border-style: solid;
    border-color: #000000; 
    color: #000000;   
    text-align: justify;  
    font-size:14px ;
    font-weight:normal ;
    padding:10px ; 
    line-height:1.5 ;
    z-index:10 ;
  }

  a.bulleinfo_localisation:hover  div.info_localisation{  
    display: block;  
   }
   a.bulleinfo_perimetre {  
    position: relative;  
    }
  a.bulleinfo_perimetre:hover {  
    background-color: white;
  } 
  
  a.bulleinfo_perimetre div.info_perimetre{   
    display: none;  
    position: fixed;  
    top: 0px;  
    left: 455px;  
    width: 220px; 
    height:90px;
    border: 1px; 
    border-style: solid;
    border-color: #000000; 
    color: #000000;   
    text-align: justify;  
    background-color:white ;
    font-size:14px ;
    font-weight:normal ;
    padding:20px ;
    line-height:2 ;
    z-index:10 ;
  }
  
  a.bulleinfo_perimetre:hover  div.info_perimetre{  
    display: block; 
   }