form#validation {
	margin-top:0px ;
}
#shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* S’assure de couvrir toute la page */
    opacity: 0.8;
    visibility: hidden;
    background: black ; /* Couleur de fond pour un effet d’ombre */
    z-index: 101;
}
.texte_noLocalisation {
	margin-top:50px ;
}
.ok_noLocalisation,.ok_noType  {
	width:100px ;
	height:25px ;
	line-height:25px ;
	margin:auto ;
	margin-top:20px ;
	border:solid black 1px ;
	background-color:#006FA4 ;
	color:white ;
	cursor:pointer ;
}
.ok_noLocalisation:hover,.ok_noType:hover  {
	background-color:#04ad37 ;
	cursor:pointer ;
}
  .croix_noLocalisation {
	 float:right ;
	 margin-right:5px ;
	 margin-top:5px ;
	 position:relative ;
	 height:30px ;
	 width:30px ;
	 background-color:white ;
	 border:solid black 1px ;
	box-shadow: 1px 1px 5px black ;	 
	cursor:pointer ;
 }
#bloc_recherche {
	display:inline-block ;
	vertical-align:top ;
	width:500px ;
	min-height: 310px;
	font-size:14px ;
}
fieldset.options_generales {
	border:solid rgb(194, 194, 194) 1px ;
	width:440px ;
	padding:20px ;
	margin-left: 10px ;
	margin-top:10px ;
	margin-bottom: 20px;
}
fieldset.options_generales select {
	width:200px ;
	height:20px ;
	text-align: center;
}
.conteneur_select select {
	width:169px ;
	height:20px ;
}
.conteneur_general,
.conteneur_xl {
    display: flex;
    flex-direction: column;
    align-items:flex-end ; /* align les inputs à droite */
	width:400px ;
	margin-bottom: 5px ;
	border:solid red 0px ;
}

fieldset.options_generales select {
	width:200px ;
	height:20px ;
	text-align: center;
}

#bloc_rechercher {
	position:fixed ;	
	bottom:0 ;
	height:45px ;
	width:560px ;
	margin-left: -20px ;
	margin-bottom: 1px ;
	border:solid red 0px ;
	/*background-color: rgba(0, 0, 0, 0.1);  Fond semi-transparent */
	z-index:60 ;
}
#bloc_rechercher.static {
	position: static; /* Passe en mode statique */
}

form#validation  input[type="submit"] {
	position:relative ;
	display:block ;
	margin-left: 20px ;
	visibility:visible ;
	width:500px ;
	height:45px ;
	line-height: 45px ;
	border:solid black 1px ;
	border-radius:4px ;
	background-color:#006A9D ;
	font-size:17px ;
	color:white ;
}
form#validation  input[type="submit"]:hover {
	cursor:pointer ;
	background-color:#01496b ;
}
#nbr_localisations {
	display:none ;
}
.nbr_niveaux {
	width:97px ;
	height: 25px;
	margin-top: 5px ;	
	text-align: center;
	margin-left:5px ;
}
#no_localisation,#no_type {
	display:none ;
	height:150px ;
	text-align:center ;
	width:500px ;
	background-color:white ;
	box-shadow:0px 0px 10px 5px yellow ;
	color:black ;
	font-size:17px ;
	font-weight:bold ;
	z-index: 102 ;
	position:fixed ;
	top: 50%;
	left: 50% ;
	transform: translate(-50%, -50%) ;
}
#invisible {
	display: none ;
}
#type_appartement,#type_bureau,#type_commerce,#type_immeuble,#type_maison,#type_place_parking,#type_chambre,#type_camping,#categorie_specifique_colocation,#categorie_specifique_temporaire,#global,#vente_global,#location_global,#vente_terrain,#location_terrain,#vente_parking,#location_parking,
#appartement,#tableau,#terrain,#place_parking,#chambre_hote,#camping,#type_initial,#critere,#champ_etage {
	 display:none ;
 }
 #data_critere { /* crée dans rechercher_fusion_j1.js */
	width:470px ;
	padding:3px ;
	padding-left:5px ;
	margin:5px ;
	margin-left:10px ;
	margin-bottom:30px ;
	margin-top:20px ;
	box-shadow:3px 3px 3px black ;
	border:solid grey 0px ;
	background-color:#2C3843 ;
	color:white ;
	font-style:italic ;
	font-size:15px ;
	font-weight:bold ;
}


/*********************************************************************************************************/
/* cet ajout est nécessaire car sur cette page le système de fonctionnement est un peu différent et on doit désactiver ces conteneurs parents pour pouvoir aligner correctement les blocs d'affichage enfants */
#storage_vente_global, #storage_location_global, #storage_global,#storage_terrain,#storage_place_parking,#storage_chambre_hote,#storage_camping,#storage_pro{
	display:contents ;
}

.storage_avantTri { /* Permet de mettre une hauteur minimum à la zone d'option de saisies qui varie en hauteur selon le type de bien qu'on choisit*/
	min-height: 0px;
}
#storage_appartement {
	height:0px ;

}
fieldset.champ_type {
	margin:10px ;
	border:none ;
	border-top:solid grey 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:20px ;
	padding-bottom:10px ;
}
fieldset.champ_type legend {
	width:90px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:17px ;
}

fieldset.champ_options {
	border:none ;
	padding-left:10px ;
	padding-right:10px ;
}

fieldset.champ_prix,
fieldset.colocation,
fieldset.champ_loyer{
	display: inline-block ;
	margin:10px ;
	margin-right:20px ;
	width:200px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:8px ;
	padding-left: 10px;
	padding-right: 10px;
}

fieldset.champ_surface, 
fieldset.champ_vitrine,
fieldset.champ_surfaceTerrain {
	display:inline-block ;
	margin:10px ;
	width: 200px;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:8px ;
	padding-left: 10px;
	padding-right: 10px;
}

fieldset.champ_surface legend, 
fieldset.champ_vitrine legend,
fieldset.colocation legend, 
fieldset.champ_surfaceTerrain legend {
	width:50px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_vitrine legend {
	width:100px ;
}
fieldset.colocation {
	width:455px ;
	margin-top:20px ;
	height:90px ;
}
fieldset.champ_chambre_hote {
	display: inline-block ;
	margin:10px ;
	width:200px ;
	height:82px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:8px ;
	padding-left: 10px;
	padding-right: 10px;
}

fieldset.champ_chambre_hote2 {
	display: inline-block ;
	margin:10px ;
	margin-right:20px ;
	width:455px ;
	height:110px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;
}

fieldset.champ_chambre_hote2 legend {
	width:200px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_chambre_hote legend{
	width:60px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_prixTerrain, 
fieldset.champ_loyerTerrain,
fieldset.champ_loyerParking{
	display: inline-block ;
	margin:10px ;
	margin-right:20px ;
	width:200px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;	
}
fieldset.champ_prixParking,
fieldset.champ_loyerParking{
	display: inline-block ;
	margin:10px ;
	margin-right:20px ;
	width:435px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:30px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;		
}

@media (max-width: 600px) {/* Permet de s'adapter à de petits écrans */
    .champ_supplementaireParking {
        flex-direction: column;
    }
    .critere_gauche,
    .critere_droit {
        width: 100%;
    }
}


fieldset.champ_pieces {
	display:inline-block ;
	width:200px ;
	margin:10px ;
	margin-right:20px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:15px ;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px ;
}
fieldset.champ_pieces legend {
	width:140px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}

fieldset.champ_chambres {
	display:inline-block ;
	width:200px ;
	margin:10px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:15px ;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px ;
}
fieldset.champ_chambres legend {
	width:160px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_ferme {
	display:inline-block ;
	width:200px ;
	margin:10px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:15px ;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px ;
}
fieldset.champ_ferme legend {
	width:150px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset#champ_etage,
fieldset#champ_niveaux {
	display:inline-block ;
	position:relative ;
	left:10px ;
	top:-2px ;
	margin:10px ;
	width:200px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:5px ;
	padding-right:10px ;
	padding-left:10px ;
}
fieldset#champ_etage {
	margin-top:5px ;
}
fieldset#champ_niveaux{
	margin-top:0px ;
	padding-top:5px ;
}
fieldset#champ_etage legend,
fieldset#champ_niveaux legend {
	width:45px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset#champ_niveaux legend {
	width:130px ;
	font-size: 15px;
}

fieldset.champ_jardin {
	display: inline-block;
	margin:10px ;
	width:200px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:8px ;
	padding-right:10px ;
	padding-left:10px ;
}
fieldset.champ_jardin legend {
	width:100px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}

fieldset.champ_supplementaire {
	width:500px ;
	border:solid rgb(194, 194, 194) 1px ;
	background-color: #e5e5e5;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:15px ;
	padding-bottom:25px ;
	margin-left: -10px;
	margin-bottom:20px ;
}
fieldset.champ_supplementaire legend{
	margin:auto ;
	width:110px ;
	font-style: italic ;
	font-weight: bold;
}


fieldset.location_temporaire {
	display: inline-block ;
	margin:10px ;
	margin-right:20px ;
	width:455px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;
}
fieldset.location_temporaire legend {
	width:140px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.location_temporaire select {
	width:180px ;
	height: 20px ;
	text-align: center;
	margin-left: 5px ;
}
fieldset.options_generales {
	border:solid rgb(194, 194, 194) 1px ;
	width:438px ;
	padding:20px ;
	padding-bottom:0px ;
	margin-left: 10px ;
	margin-top:10px ;
	margin-bottom: 15px;
}

fieldset.champ_prix legend, 
fieldset.champ_loyer legend,
fieldset.champ_prixTerrain legend,
fieldset.champ_loyerTerrain legend,
fieldset.champ_loyerParking legend,
fieldset.champ_prixParking legend {
	width:25px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;
}
fieldset.champ_loyer legend {
	width:80px ;
}
fieldset.champ_supplementaireTerrain {
	margin-left: 10px ;
	margin-top:20px ;
	margin-bottom:10px ;
	width:455px ;
	height: 70px ;
	border:solid rgb(194, 194, 194) 1px ;
}
fieldset.champ_supplementaireCamping legend,
fieldset.champ_supplementaireTerrain legend {
	width:180px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
}
fieldset.champ_supplementaireParking {
	margin-left: 10px ;
	margin-top:20px ;
	margin-bottom:20px ;
	width:437px ;
	height: 130px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding: 20px;
}
fieldset.champ_supplementaireCamping {
	margin-left: 10px ;
	margin-top:10px ;
	width:437px ;
	height: 120px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding: 20px;
	margin-bottom:10px ;
}
.camping_gauche, .camping_droit,
.critere_gauche, .critere_droit {
	display:inline-block ;
	vertical-align: top ;
	border: solid red 0px;
	margin-left: 20px ;
}
.critereLogement_un, .critereLogement_deux, .critereLogement_trois {
	vertical-align: top;
	display:inline-block ;
	border: solid red 0px;
	margin-left: 20px ;
}

.ligneSelect {
	display: block;
	height: 25px ;
}
.ligneSelect select {
	border:solid grey 1px ;
	margin-left:10px ;
}
.tab_droit {
	display:block ;
	width:380px ;
	margin-top:20px ;
	margin-left:20px ;
}
#chauffage,
#internet,
#exposition1,
#exposition2 {
	width:200px ;
	text-align: center ;
	float: right;
}

.sup_chambre,
.sup_camp,
.sup_general,
.sup_parking {
	display:block ;
	margin-bottom:5px ;
}

fieldset.champ_supplementaireParking legend {
	width:180px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
}
.checkTerrain {
	 transform: scale(1.5); 
	 margin-right: 5px ;
	 vertical-align: middle;
}
.constructible, .viabilise {
	display:inline-block ;
	margin-left: 10px ;
	margin-top:10px ;
}
.conteneur_x {
    display: flex;
    flex-direction: column;
	align-items:flex-end ; 
	width:180px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
}
.conteneur_vitrine, .conteneur_niveaux {
    display: flex;
    flex-direction: column;
	align-items:flex-end ; /* align les inputs à droite */
	width:180px ;
	height: 25px;
	margin-bottom: 5px ;
}
.conteneur_xImmeuble {
    display: flex;
    flex-direction: column;
	align-items:flex-end ; 
	width:180px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
}
.conteneur_xColocation {
    display: flex;
    flex-direction: column;
	align-items:flex-end ; 
	width:400px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
}
.conteneur_general,
.conteneur_xl {
    display: flex;
    flex-direction: column;
    align-items:flex-end ; /* align les inputs à droite */
	width:400px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
}
.conteneur_chambre {
    display: flex;
    flex-direction: column;
	align-items: flex-start; 
	width:400px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
	padding:10px ;
	padding-top:0px ;
}
.conteneur_chambre .conteneur_input {
    display: flex;
    justify-content: space-between; /* Aligner le texte à gauche et l'input à droite */
    align-items: center; /* Centrer verticalement les éléments */
    width: 95%; /* Assure une largeur complète de l'élément parent */
    gap: 10px; /* Espace entre le texte et l'input */
}





.conteneur_xl .conteneur_input {
    display: flex;
    justify-content: space-between; /* Aligner le label à gauche et l'input à droite */
    align-items: center;
    width: 100%;
}
fieldset#champ_etage .conteneur_x .conteneur_input, fieldset#champ_niveaux .conteneur_niveaux .conteneur_input {
    display: flex;
    justify-content: space-between; /* Aligner le label à gauche et l'input à droite */
    align-items: center;
    width: 100%;	
}
.conteneur_xImmeuble .conteneur_input {
    display: flex;
    justify-content: space-between; /* Aligner le label à gauche et l'input à droite */
    align-items: center;
    width: 100%;
}

.conteneur_general .conteneur_select,
.conteneur_xColocation .conteneur_input,
.conteneur_xColocation .conteneur_select {
    display: flex;
    justify-content: space-between; /* Aligner le label à gauche et l'input à droite */
    align-items: center;
    width: 100%;
	height: 20px ;
	margin-bottom:5px ;
}

/************************************************************************************************/
fieldset.champ_camping {
	display: inline-block ;
	width:200px ;
	height:82px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:8px ;
	padding-left: 10px;
	padding-right: 10px;
}
fieldset.champ_camping legend{
	width:120px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
.conteneur_camping {
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center; /* Centre horizontalement */
	width:200px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
}
fieldset.champ_camping select {
	display:flex ;
	width:120px ;
	height:20px ;
	text-align: center ;	
}
.conteneur_camping .conteneur_select {
    display: flex;
    justify-content:space-between ; /* Aligner le label à gauche et l'input à droite */
    align-items: center;
    width: 100%;
	height: 20px ;
	margin-bottom:5px ;
}

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

.conteneur_general .conteneur_select {
	width:380px ;
	height: 20px;
	margin-left: -20px;
}
fieldset.options_generales select {
	width:200px ;
	height:20px ;
	text-align: center;
}

.conteneur_select select {
	width:169px ;
	height:20px ;
}
.conteneur_xl .dimensionM2,.conteneur_xl .dimensionPrix { /* On a crée 2 dimensions pour réinitialiser en javascript avec 'en €' ou 'en m²' */
    width: 120px;
    height: 20px;
    margin-top: 5px ;
	
}
.dimensionM2,.dimensionPrix,.dimensionVitrine {
    width: 90px;
    height: 20px;
    margin-top: 5px ;
	margin-left:5px ;
}
.etage_appart{
	width:70px ;
	height: 25px;
	margin-top: 5px ;
}

.chambreHote_gauche, .chambreHote_droit {
	display:inline-block ;
	margin-left: 20px ;
	margin-top:10px ;
	border:solid red 0px ;
}
.chambreHote_gauche {
	margin-left: 20px ;
} 
#bloc_critere {
	display: flex ;
	width:455px ;
	margin-left:20px ;
	align-items: center; /* pour centrer les enfants div verticalement */
	border:solid red 0px ;
	
}
#titre_supplementaire {
	display: flex;
	align-items: center ;
	justify-content: center ;
	width:215px ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
	box-shadow:5px 5px 10px grey ;
	background: #ffffff;
	color: black ;
	padding:7px ;
}
#bloc_supplementaire {
	display:none ;
	width:460px ;
	margin-top:10px ;
	padding:20px ;
	border: solid rgb(194, 194, 194) 0px ;
	background-color: white ;
}
 a.bulleinfo_reinitialise, a.bulleinfo_frontier {  
  position: relative;  
  }
a.bulleinfo_reinitialise div.info_reinitialise,a.bulleinfo_frontier div.info_frontier{  
  display: none;
}

a.bulleinfo_reinitialise:hover  div.info_reinitialise,a.bulleinfo_frontier:hover  div.info_frontier{  
  z-index:10 ;
  display: block;  
  position: absolute;  
  left: -105px;  
  bottom:60px ;
  width: 190px; 
  height:50px;
  border: solid black 1px ;
  color: #000000;   
  text-align: justify;  
  font-size:14px ;
  font-weight:normal ;
  padding:20px ;
  background-color: white ;
 }
a.bulleinfo_frontier:hover  div.info_frontier{  
	left:0px ;
}
a.bulleinfo_reinitialise:hover  div.info_reinitialise{  
	bottom:150px ;
	left: 0px; 
 }
 .bulleinfo_reinitialise {
	display: flex;
}

#tab_droit {
	display:flex ;
	align-items:center ;
	justify-content: right ;
	width:300px ;
	height:25px ;
	margin-left: auto;
}

#bouton_frontier {
	display: flex;
	align-items:center ;
	justify-content: center ;
	padding:5px ;
	width:190px ;
	height:25px ;
	background: #ffffff;
	box-shadow:3px 3px 5px grey ;
	transition: transform 0.1s ease;
	cursor: pointer ;
	font-size: 14px;
	z-index:1 ;	
	margin-right: 0px ;
}
 #reinitialise {
	display: flex;
	align-items:center ;
	justify-content: center ;
	padding:5px ;
	width:190px ;
	height:25px ;
	background: #ffffff;
	box-shadow:3px 3px 5px grey ;
	transition: transform 0.1s ease;
	cursor: pointer ;
	font-size: 14px;
	z-index:1 ;
}

#reinitialise:active,#bouton_frontier:active {
  transform: translateY(4px);
  box-shadow: 0 0 0 #d2d2d2;
}

#reinitialise:hover,#onglet_separe:hover {
	cursor: pointer;
	background-color:rgb(164, 1, 1) ;
	color:white ;
}
.titre_options {
	margin-left:10px ;
	margin-bottom:20px ;
	font-weight:bold ;
}
.nbr_annonces {
	font-weight: bold ;
	color: rgb(19, 19, 19) ;
	margin-bottom:25px ;
}
img.beauTerrain {
	display: block ;
	width: 500px ;
	height: 120px;
}
img.beauParking {
	display: block ;
	width: 500px ;
	height: 120px;
}
img.belleChambre {
	display: block ;
	width: 500px ;
	height: 120px;
}
img.beauCamping {
	display: block ;
	width: 500px ;
	height: 120px;
}

fieldset.champ_chambre_hote input[type="text"] {
	width:80px ;
}

#no_resultat {
	display:none ;
	position: fixed;
	top: 50%;
	left: 50%;
	width:500px ;
	height:150px ;
	transform: translate(-50%, -50%);
	text-align:center ;
	background-color:white ;
	box-shadow:0px 0px 10px 5px yellow ;
	color:black ;
	font-size:17px ;
	font-weight:bold ;
	z-index: 1000 !important ;
}
.texte_noResultat {
	margin-top:50px ;
}
.ok_noResultat  {
	width:100px ;
	height:25px ;
	line-height:25px ;
	margin:auto ;
	margin-top:20px ;
	border:solid black 1px ;
	background-color:#006FA4 ;
	color:white ;
	cursor:pointer ;
}
.ok_noResultat:hover  {
	background-color:#04ad37 ;
	cursor:pointer ;
}