@charset "utf-8";
/* CSS Document */

.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: 430px;
}
#storage_appartement {
	height:0px ;

}
img.beauTerrain, img.beauParking, img.belleChambre, img.beauCamping {
	width:455px ;
	height: 120px ;
	border:solid rgb(9, 9, 9) 1px ;
	margin:20px ;
	margin-bottom:0px ;
	margin-left: 24px ;
}
img.belleChambre {
	height:80px ;
	margin-top:10px ;
}
img.beauCamping {
	height:80px ;
	margin-top:5px ;
}
img.beauParking {
	width:455px ;
	height: 130px ;
	margin-top:15px ;
}
img.beauTerrain {
	height:130px ;
}
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{
	display: inline-block ;
	vertical-align: top;
	margin:10px ;
	margin-top:0px ;
	margin-right:20px ;
	width:200px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:10px ;
}
fieldset.colocation {
	width:455px ;
	margin-top:20px ;
	height:90px ;
}

fieldset.champ_chambre_hote2 {
	display: inline-block ;
	margin:10px ;
	margin-right:20px ;
	width:455px ;
	height:120px ;
	border:none ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;
}
fieldset.champ_surface, 
fieldset.champ_vitrine,
fieldset.champ_surfaceTerrain {
	display:inline-block ;
	margin:10px ;
	margin-top:0px ;
	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_vitrine {
	margin-top:10px ;
}
fieldset.champ_surface legend, 
fieldset.champ_vitrine legend, 
fieldset.colocation legend, 
fieldset.champ_surfaceTerrain legend {
	width:60px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_vitrine legend {
	width:120px ;
}
fieldset.champ_chambre_hote2 legend {
	width:185px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
}
fieldset.champ_prixTerrain, 
fieldset.champ_loyerTerrain,
fieldset.champ_loyerParking,
fieldset.champ_prixParking,
fieldset.champ_loyerParking{
	display: inline-block ;
	margin:10px ;
	margin-top:0px ;
	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 ;	
}

@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-left:10px ;
	padding-right:10px ;
	padding-top:20px ;
	padding-bottom:20px ;
}
fieldset.champ_pieces legend {
	width:150px ;
	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-left:10px ;
	padding-right:10px ;
	padding-top:20px ;
	padding-bottom:20px ;
}
fieldset.champ_chambres legend {
	width:180px ;
	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-left:10px ;
	padding-right:10px ;
	padding-top:20px ;
	padding-bottom:20px ;
}
fieldset.champ_ferme legend {
	width:160px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
}

fieldset#champ_etage{
	display:inline-block ;
	margin:10px ;
	margin-top:5px ;
	margin-left: 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_etage legend{
	width:53px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_etage_niveaux{
	display:inline-block ;
	margin:10px ;
	margin-top:10px ;
	margin-left: 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_etage_niveaux legend{
	width:50px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
.conteneur_etage {
	height: 50px ;
}
fieldset.champ_jardin {
	display: inline-block;
	margin:10px ;
	margin-top:10px ;
	width:200px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;
}
fieldset.champ_jardin legend {
	width:110px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}

fieldset.champ_supplementaire {
	width:950px ;
	border:solid rgb(194, 194, 194) 1px ;
	background-color: #e3e3e3;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:20px ;
	padding-bottom:20px ;
	margin-left: 10px;
	margin-bottom:30px ;
}
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:160px ;
	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 {
	display:block ;
	position:absolute ;
	top:880px ;
	border:solid rgb(194, 194, 194) 1px ;
	width:435px ;
	padding:20px ;
	margin-left: 10px ;
}


fieldset.champ_prix legend,
fieldset.champ_prixTerrain legend,
fieldset.champ_loyerTerrain legend,
fieldset.champ_loyerParking legend,
fieldset.champ_prixParking legend {
	width:30px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;
}

fieldset.champ_loyerTerrain legend,
fieldset.champ_loyerParking legend {
	width:80px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;
}
fieldset.champ_supplementaireTerrain {
	margin-left: 10px ;
	margin-top: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:10px ;
	width:437px ;
	height: 110px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding: 20px;
}
fieldset.champ_supplementaireCamping {
	margin-left: 10px ;
	margin-top:10px ;
	width:435px ;
	height: 120px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding: 20px;
}
.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:inline-block ;
	vertical-align:top ;
	margin-left: 100px ;
}
#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); /* Ajuste le facteur de mise à l'échelle */
	 margin-right: 5px ;
	 vertical-align: middle;
}
.constructible, .viabilise {
	display:inline-block ;
	margin-left: 10px ;
	margin-top:15px ;
}
.conteneur_x {
    display: flex;
    flex-direction: column;
	align-items:flex-end ; /* align les inputs à droite */
	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 ; /* align les inputs à droite */
	width:180px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
}
.conteneur_xColocation {
    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_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_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%;	
}
fieldset#champ_etage_niveaux .conteneur_niveaux .conteneur_input,fieldset#champ_etage_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 ;
}

.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:65px ;
	height: 25px;
	margin-top: 5px ;
}
.nbr_niveaux {
	width:97px ;
	height: 25px;
	margin-top: 5px ;	
	text-align: center;
	margin-left:5px ;
}

.chambreHote_gauche, .chambreHote_droit {
	display:inline-block ;
	margin-left: 20px ;
	margin-top:10px ;
	border:solid red 0px ;
}
.chambreHote_gauche {
	margin-left: 20px ;
}
/* ********************************************************************************** */

table.tab_type td {
	width:250px ;
	height:20px ;
	font-size:13px ;
}

.precision {
	display:inline-block ;
	margin-left:10px ;
	font-style:italic ;
	font-size:10px ;
}
.precision4 {
	margin-left:10px ;
	font-style:italic ;
	font-size:10px ;
	position:relative ;
	top:-20px ;
	left:60px ;
}
.precision5 {
	margin-left:10px ;
	font-style:italic ;
	font-size:10px ;
	position:relative ;
	top:-20px ;
	left:40px ;
}
.precision2 {
	font-style:italic ;
	font-size:11px ;
	position:relative ;
	right:100px ;
}
.precision3 {
	font-style:italic ;
	font-size:11px ;
	position:relative ;
	right:40px ;
}

table.options {
	margin:10px ;
}
table.options td {
	width:150px ;
	height:20px ;
	font-size:13px ;
}
.titre_options {
	margin-left:10px ;
	margin-bottom:20px ;
	font-weight:bold ;
}

#afficher_cacher {
	width:210px ;
	margin:auto ;
	font-size:16px ;
	border:solid black 1px ;
	padding:20px ;
	padding-top:5px ;
	padding-bottom:5px ;
	background-color:#0088CA ;
	margin-top:30px ;
	margin-bottom:30px ;
}
#afficher_cacher a {
	color:black ;
}
#afficher_cacher a:hover {
	color:white ;
}

#invisible
{
	display:none ;
}
.surface_terrain {
	display:inline-block ;
	margin-left:20px ;
}

#bloc_recherche {
	display:inline-block ;
	vertical-align:top ;
	width:600px ;
	min-height: 310px;
	font-size:14px ;
}

.tab_gauche {
	display:inline-block ;
	vertical-align:top ;
}
.titre_type {
	margin-left:10px ;
	margin-top:20px ;
	margin-bottom:-5px ;
	font-size:16px ;
	font-weight:bold ;
}
.rechercher {
	width:200px ;
	height:30px ;
	border:solid red 3px ;
}
form#validation {
	margin-top:0px ;
}
#loader {
	position:absolute ;
	top:22px ;
	left:484px ;
	display:none ;
}
#bloc_rechercher {
	position:fixed ;	
	bottom:0 ;
	height:40px ;
	width:1000px ;
	border:solid red 0px ;
	background-color: rgba(0, 0, 0, 0.1);  /* Fond semi-transparent egalement défini sur page javascript */
	z-index:60 ;
}
#bloc_rechercher.static {
	position: static; /* Passe en mode statique */
  }
form#validation  input[type="submit"] {
	position:relative ;
	display:block ;
	margin:auto ;
	visibility:visible ;
	width:220px ;
	height:45px ;
	border:solid rgb(51, 50, 50) 0px ;
	background-color:#c8a31e ; 
	/*  background-color:#595026 ; */
	font-size:17px ;
	color:white ;
}
form#validation  input[type="submit"]:hover {
	cursor:pointer ;
	background-color:#01496b ;
}
	
li.trier {
	margin-top:10px ;
	margin-left:20px ;
	list-style:square ;
	font-weight:bold ;
	font-style:italic ;
}

.nbr_annonces {
	margin-left:10px ;
	margin-top:40px ;
	font-size:18px ;
	font-weight:bold ;
	color:#003955 ;
}
.no-localisation {
	margin-left:10px ;
	margin-top:30px ;
	font-size:18px ;
	font-weight:bold ;
	color:#F00 ;
}
#valeur_load {
	display:none ;
}
.titre_type {
	width:600px ;
	padding:3px ;
	padding-left:5px ;

	background-color:white ;
	margin-bottom:20px ;
	color:white;
	font-style:italic ;
	font-size:15px ;
	box-shadow:3px 3px 3px black ;
	border:solid grey 0px ;
	background-color:#2C3843 ;
}
.titre_type_unique {
	width:580px ;
	padding:3px ;
	margin:5px ;
	margin-left:10px ;
	margin-bottom:20px ;
	border-bottom:solid black 1px ;
	background-color:#386687 ;
	color:white ;
	font-style:italic ;
	font-size:15px ;
	font-weight:bold ;
}
#data_critere { /* crée dans rechercher_fusion_j1.js */
	width:470px ;
	padding:3px ;
	padding-left:5px ;
	margin:5px ;
	margin-left:10px ;
	margin-bottom:40px ;
	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 ;
}
#limite {
	width:950px ;
	margin-top:50px ;
	border-bottom:dotted #003955 2px ;
}
#bloc_recherche {
	min-height:350px ;
}
#nbr_localisations {
	display:none ;
}
#no_localisation,#no_resultat {
	display:none ;
	height:150px ;
	text-align:center ;
	width:500px ;
	background-color:white ;
	box-shadow:0px 0px 10px 5px yellow ;
	color:black ;
	font-size:15px ;
	font-weight:bold ;
}
.texte_noLocalisation, .texte_noResultat {
	margin-top:50px ;
}
.ok_noLocalisation, .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_noLocalisation:hover, .ok_noResultat: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 ;
 }

.affiche_compte {
	display:inline-block ;
	color:black ;
	margin-left:20px ;
}
table.tab_type input[type="checkbox"] {
	  visibility:hidden ;
	  cursor:pointer ;
 }
table.tab_type td label {
	 display:inline-block ;
	 width:250px ;
	 height:30px ;
	 line-height:20px ;
	 text-align:left ;
	 vertical-align:middle ;
	 cursor:pointer ;
	 background:#C0C0C0 ;
	 color:black ;
 }
 #evolution {
	 width:200px ;
	 height:30px ;
	 line-height:30px ;
	 vertical-align:middle ;
	 text-align:center ;
	 border:solid green 2px ;
	 cursor:pointer ;
 }
 #testx {
	 display:none ;
	 height:100px ;
	 line-height:100px ;
	 vertical-align:middle ;
	 text-align:center ;
	 margin-top:50px ;
	 margin-bottom:50px ;
	 width:300px ;
	 border:solid red 2px ;
 }
#type_appartement,#type_bureau,#type_commerce,#type_immeuble,#type_maison,#type_chambre,#type_camping,#categorie_specifique,#global,
#appartement,#tableau,#tableau2,#terrain,#park,#chambre,#camping,#type_initial,#critere,#champ_etage,#champ_niveaux,#valider {
	 display:none ;
 }
 #bouton_appartement,
 #bouton_maison,
 #bouton_terrain,
 #bouton_parking,
 #bouton_bureau,
 #bouton_commerce,
 #bouton_immeuble,
 #bouton_chambre,
 #bouton_camping {
	display:inline-flex ;
	flex-direction: column; /* Place l'image au-dessus du texte */
	align-items: center; /* Centre horizontalement */
	justify-content: center; /* Centre verticalement */
	width:75px ;
	height:65px ;
	border:solid rgb(80, 79, 79) 1px ;
	margin:10px ;
	background:white ;
	cursor:pointer ;
	border-radius:5px ;
 }
  #bouton_immeuble {
	position:relative ;
	top:-6px ;
  }
 #bouton_appartement img, 
 #bouton_maison img, 
 #bouton_terrain img, 
 #bouton_parking img,  
 #bouton_bureau img, 
 #bouton_commerce img,
 #bouton_immeuble img, 
 #bouton_chambre 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_parking span, 
#bouton_bureau span, 
#bouton_commerce span, 
#bouton_immeuble span, 
#bouton_chambre span, 
#bouton_camping span {
    font-size: 12px; /* Ajuste la taille du texte */
	
}

#onglet_separe:hover {
	cursor: pointer;
	background-color:rgb(64, 213, 91) ;
	color:white ;
}
.espace{
	border: solid red 2px;
	height:50px ;
}
#onglet_separe {
	display: inline ;
	float: right;
	padding:3px ;
	padding-right:10px ;
	padding-left: 10px ;
	height:22px ;
	line-height: 22px;
	margin-right: 10px;
	background-color: rgb(238, 238, 238); 
	border:solid rgb(58, 58, 58) 1px ;
}
.active {
    background-color:red;
    color: white;
}
.rond {
    border: double rgb(67, 67, 67) 4px;
    width: 23px;
    height: 23px;
    background-color: white;
    border-radius: 50%;
}
.conteneur_rond {
	position:absolute ;
    width: 30px;  /* Taille plus grande que le rond */
    height: 30px;
    background: transparent ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rond2 {
    border: double rgb(67, 67, 67) 4px;
    width: 23px;
    height: 23px;
    background-color: white;
    border-radius: 50%;
}
.conteneur_rond2 {
	position:absolute ;
    width: 30px;  /* Taille plus grande que le rond */
    height: 30px;
    background: transparent ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nouvel_onglet {
	margin-right: 7px; /* Espacement entre le texte et le curseur */
	font-size: 14px ;
	font-style: italic;
}
.titre_supplementaire {
	display: inline-flex;
	align-items: center ;
	justify-content: center ;
	margin-bottom: 10px ;
	width:350px ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
	box-shadow:5px 5px 10px grey ;
	background:rgb(238, 238, 238) ;
	color: black ;
	padding:10px ;
	margin-left: 20px ;
}
.titre_remplacement {
	display: inline-flex;
	align-items: center ;
	justify-content: center ;
	margin-bottom: 10px ;
	width:350px ;
	height:28px ;
	font-style:italic ;
	font-weight:bold ;
	font-size:15px ;	
	box-shadow:5px 5px 10px grey ;
	background:rgb(225, 225, 225) ;
	color: black ;
	padding:10px ;
	margin-left: 20px ;
}
.curseur {
	display: inline-flex;
	align-items: center; /* Aligne verticalement le texte et le curseur */
	justify-content: center ;
	width:210px ;
	margin-left: 20px ;
	box-shadow:3px 3px 5px grey ;
	background:rgb(244, 244, 244) ;
	padding:10px ;
}
a.affiche_carte {
	display: inline-flex ;
	align-items:center ;
	justify-content: center ;
	text-decoration: none;
	margin-left: 20px;
	padding:7px ;
	width:100px ;
	height:28px ;
	box-shadow:5px 5px 10px grey ;
	background:rgb(238, 238, 238) ;
	color:rgb(3, 3, 3) ;
	font-size: 13px;
}
a.affiche_carte:hover {
	background-color: #DAA520;
	color:white ;
}
#reinitialise {
	display: inline-flex ;
	align-items:center ;
	justify-content: center ;
	margin-left: 20px;
	padding:7px ;
	width:100px ;
	height:28px ;
	box-shadow:5px 5px 10px grey ;
	background:rgb(238, 238, 238) ;
	color:rgb(3, 3, 3) ;
	font-size: 13px;
}
#reinitialise:hover,#onglet_separe:hover {
	cursor: pointer;
	background-color:rgb(164, 1, 1) ;
	color:white ;
}
.fond_curseur {
	position:relative ;
    display: flex;
    align-items: center;
    width: 90px; /* Largeur totale */
    height: 27px; /* Hauteur du rectangle */
	border-radius: 100px ;
	background:rgb(55, 55, 55) ;
}
.fond_curseur:hover {
	cursor: pointer;
}
.demi_cercle_gauche {
    width: 27px; /* Diamètre des demi-cercles */
    height: 27px;
    border-radius: 100px 0 0 100px; /* Demi-cercle à gauche */
}
.demi_cercle_droit {
    width: 27px;
    height: 27px;
    border-radius: 0 100px 100px 0;
}
.rectangle {
	flex:1 ;/* l'élément peut grandir pour remplir l'espace disponible */
    height: 27px;
}
.fond_curseur2 {
	position:relative ;
    display: flex;
    align-items: center;
    width: 90px; /* Largeur totale */
    height: 27px; /* Hauteur du rectangle */
	border-radius: 100px ;
	background:rgb(55, 55, 55) ;
	margin-left: 10px;
}
.fond_curseur2:hover {
	cursor: pointer;
}

#bloc_supplementaire {
	display:none ;
	width:910px ;
	margin-top:10px ;
	padding:20px ;
	border: solid rgb(194, 194, 194) 0px ;
	background-color: white ;
}
#bloc_supplementaire2 {
	display:none ;
}
/*****************************************************************************************/
fieldset.champ_loyer{
	display: inline-block ;
	width:200px ;
	height:85px ;
	margin-right:20px ;
	margin-left: 10px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding:10px ;
}
fieldset.champ_loyer legend {
	width:80px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
fieldset.champ_chambre_hote {
	display: inline-block ;
	width:200px ;
	height:85px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:10px ;
	padding-bottom:10px ;
}
fieldset.champ_chambre_hote legend {
	width:70px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
 fieldset.champ_chambre_hote input[type="text"] {
    width:70px ;
}
.conteneur_chambre {
    display: flex;
    flex-direction: column;
	align-items: flex-start; /* Assure que le conteneur est aligné à gauche */
	width:185px ;
	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: 0px; /* Espace entre le texte et l'input */
}

/*****************************************************************************************/
.conteneur_camping {
    display: flex;
    flex-direction: column;
	align-items: flex-start; /* Assure que le conteneur est aligné à gauche */
	width:185px ;
	height: 60px;
	margin-bottom: 5px ;
	border:solid red 0px ;
	padding:10px ;
	padding-top:0px ;
}
.conteneur_camping .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: 0px; /* Espace entre le texte et l'input */
}
fieldset.champ_camping select {
	width:90px ;
	height:20px ;
	text-align: center ;
}
fieldset.champ_camping input {
	width:80px ;
	height:17px ;	
	text-align: left;	
}
.conteneur_niveaux select {
	width:95px ;
	margin-left: 8px;
	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 ;
}
fieldset.champ_camping {
	display: inline-block ;
	vertical-align: top ;
	width:200px ;
	height:75px ;
	border:solid rgb(194, 194, 194) 1px ;
	padding-left:10px ;
	padding-right:10px ;
	padding-top:20px ;
	padding-bottom:10px ;
}
fieldset.champ_camping legend{
	width:120px ;
	margin:auto ;
	font-style:italic ;
	font-weight:bold ;
	font-size:16px ;	
}
.message_no_critere {
	display: block;
	margin-left: 70px ;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	position:relative ;
	top:-24px ;
	color:rgb(4, 26, 43) ;
}
#illusion {
	display:block ;
	width:480px ;
	height:20px ;
	line-height: 40px;
	border:solid rgb(9, 9, 9) 0px ;
	margin-left: 10px ;
	margin-bottom:0px ;
	margin-top:15px ;
	background-color: rgb(222, 222, 222);
	text-align: center ;
	font-size: 12px;
	color: rgb(78, 77, 77);
}