/*body {font-family: 'Mooli', Arial, cursive, sans-serif; font-size: 16px; margin: 0px; padding: 0px; background: fixed; min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto;}*/
body {font-family: 'Mooli', Arial, cursive, sans-serif; font-size: 16px; margin: 0; padding: 0; background: fixed no-repeat center; display: flex; flex-direction: column; height: 100%; min-width: 400px;}
img{border: 0px;}
.image_responsive{display: block; width: 100%; height: auto; margin: auto;}
a{text-decoration: none; color: #000000;}

a.menu:hover{color: white;}
.obligatoire{font-weight: bold; color: red;}
.obligatoire{font-weight: bold; color: red;}
.centrer{text-align: center;}

input, select, textarea{padding: 5px; width: 90%; font-family: 'Mooli', Arial, cursive, sans-serif; margin: 3px;}
input:focus, select:focus, textarea:focus{box-shadow: 0px 0px 7px #000000;}
input[type=checkbox]{width: auto; width: 20px; height: 20px;}

.bouton{margin: auto; width: 200px; height: 35px; text-align: center; padding-top: 15px; color: white; font-size: 16px; border: 2px solid #a8a8a8; background-color: rgb(185, 0, 0); transition-property: background-color; transition-duration: 0.5s; border-radius: 10px;}
.bouton:hover{background: #000000; cursor: pointer; color: white;}

.rouge{color:rgb(185, 0, 0);}

.centrage_vertical_force_index_180{height: calc(100vh - 180px);}
.centrage_vertical_force_index_200{height: calc(100vh - 200px);}
.centrage_vertical_force_index_240{height: calc(100vh - 240px);}

.zero_resultat{text-align: center; margin-top: 20px;}
#bandeau_info_formulaire{position: fixed; bottom: 10px; left: 10px; width: auto; height: auto; font-size: 16px; background-color: #2b2b2b; color: white; padding: 15px; text-align: center; vertical-align: middle; z-index: 200;}
#bandeau_info_formulaire:hover{cursor: pointer;}
.croix{float: left; display: block; border: 1px solid white; margin-right: 10px; width: 20px;}

.span_ancre{display: block; height: 167px; margin-top: -167px; visibility: hidden;}
#global{width: 100%; overflow: hidden; height: 100%;}
	#header{max-height: 80px; width: 100%; margin: 0px; padding: 0px; position: fixed; z-index: 50; border-bottom: 1px solid lightgray; }
		#menu{width: 100%; height: auto; margin: 0px; padding: 0px; background-color: #ffffff;padding-bottom: 5px;}
			#menu_bloc_item_copro{float: right; margin: 0 auto; padding: 0 auto; width: 170px;}
			#menu_bloc_item{max-width: 1200px; height: 100%; margin: auto; padding: 0px; overflow: auto;}
				.item_menu_home{float: left; display: table-cell; width: 50px; height: 37px; text-align: center; margin-top: 10px; padding-top: 14px; border-left: 2px solid #9bb7d3; border-bottom: 1px solid #9bb7d3; background: #000000; transition-property: background-color; transition-duration: 0.5s; border-radius: 20px 0px 0px 20px;}
				.item_menu{float: left; display: table-cell; width: 15%; height: 35px; font-size: 14px; text-align: center; margin-top: 10px; padding-top: 16px; border-left: 2px solid #9bb7d3; border-bottom: 1px solid #9bb7d3; background: #000000; transition-property: background-color; transition-duration: 0.5s; color: white;}
				.item_menu_actif{float: left; display: table-cell; width: 15%; height: 35px; font-size: 14px; text-align: center; margin-top: 10px; padding-top: 16px; border-left: 2px solid #9bb7d3; border-bottom: 1px solid #9bb7d3; background:  rgb(185, 0, 0); color: white; font-weight: bold;}
				.item_menu_copro{float: right; display: table-cell; width: 100%; height: 45px; text-align: center; margin-top: 10px; padding-top: 5px; color: white; font-size: 16px; border-radius: 20px 0px 0px 20px; border-left: 2px solid #a8a8a8; border-bottom: 1px solid #a8a8a8;  border-right: 2px solid #a8a8a8; background-color: rgb(185, 0, 0); transition-property: background-color; transition-duration: 0.5s;}
				.item_menu_droite{border-right: 1px solid #9bb7d3; border-radius: 0px 20px 20px 0px;}
					.item_menu:hover, .item_menu_home:hover{background: rgb(185, 0, 0); cursor: pointer; color: white;}
					.item_menu_copro:hover{background: #000000; cursor: pointer; color: white;}
		#bandeau_logo{width: 100%; height: 70px; margin: 0px; padding: 0px; background-color: #ffffff;}
			#logo{float: left; max-width: 250px; height: auto; margin: auto; padding: 0px; margin-top: 5px;}

			#icone_menu{display: none; float: center; overflow: hidden; margin: 0 auto; background-color: #000000; width: 230px; text-align: right; color: white; transition-property: height; transition-duration: 1s; height: 40px; border: 1px solid #9bb7d3; border-radius: 0px 0px 20px 20px;}
			#icone_menu:hover{height: 366px; cursor: pointer;}
			.sous_menu{width: 100%; text-align: center; color: white; display: block; border-bottom: 1px solid lightgray; height: 35px; padding-top: 10px;}
			.hover_sous_menu{transition-property: background-color; transition-duration: 0.5s; cursor: pointer;}
			.hover_sous_menu:hover{background-color:  rgb(185, 0, 0);}

	.bandeau_information{float: center; width: 100%; margin: 0 auto; padding: 0 auto; height: 40px; background-color: #2b2b2b; border-radius: 20px; overflow: hidden; max-width: 1200px;}
		.bandeau_information_table{width: 100%; overflow: hidden; top: -20px; height: 30px;}
		.bandeau_information_table tr td {overflow: hidden;}
			.bandeau_information_image{padding-left: 8px; padding-top: 3px; width: 40px;}
		.texte_defilant{color: white;
			overflow: hidden; 
			display: inline-block;                /* modèle de boîte en ligne */
			padding-right: 2em;                   /* un peu d'espace pour la transition */
			padding-left: 100%;                   /* placement à droite du conteneur */
			white-space: nowrap;                  /* pas de passage à la ligne */
			animation: defilement-rtl 26s infinite linear;
			margin: 0 auto;
		}@keyframes defilement-rtl {
			0% {
			  transform: translate3d(0,0,0);      /* position initiale à droite */
			}
			100% {
			  transform: translate3d(-100%,0,0);  /* position finale à gauche */
			}
		  }

	#page{width: 100%; height: auto; margin: auto; padding: 0; padding-top: 60px;}		
		#contenu{width: 100%; margin: auto; overflow: hidden; padding-bottom: 30px;}
			.centrer_verticalement{display: table-cell; height: 100%; vertical-align: middle; height: calc(100vh - 240px);}
			#recherche_accueil{max-width: 1200px; height: auto; border: 2px solid #000000; margin: 0 auto; border-radius: 20px 20px 20px 20px; background-color: #ffffff; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px;}
				.titre_recherche_accueil{float: left; width: 100%; background-color: #000000; font-size: 22px; text-align: center; overflow: hidden; height: 35px; color: white; padding-top: 10px; outline: 2px solid white;}
				.div_100_pourcent{float: left; width: 100%; overflow: hidden; padding: 5px; margin: 0 auto; padding: auto;}
					.bloc_par_rubrique{float: left; width: 15%;}
						.champ_recherche, .champ_recherche_titre{float: left; width: 100%; height: 30px; text-align: center; font-size: 14px; padding: 3px; overflow: hidden;}	
						.champ_recherche_titre{height: 20px;}	
				.champ_recherche_bouton{float: left; height: 50px; width: 80px; text-align: center; padding: 3px; overflow: hidden;}	
					.accueil_bouton_simple{transition-property: opacity; transition-duration: 0.5s;}
					.accueil_bouton_simple:hover{opacity: 0.5;}
		
			.encard_blanc_toute_largeur{float: left; width: 100%; margin-top: 30px; padding: auto; height: auto;}
			.encard_bleu_toute_largeur{float: left; width: 100%; padding: auto; height: auto;  margin-top: 30px;}
				.contenu_encard_blanc_toute_largeur{max-width: 1200px; height: auto; margin: 0 auto; padding: 15px; border-radius: 15px;}
				.contenu_encard_blanc_toute_largeur_sans_fond{max-width: 1200px; height: auto; margin: auto; padding: 15px;}
				.sous_contenu{float: left; width: 100%;}
				.titre_contenu{width: 400px; height: auto; margin: auto; margin-top: 15px; margin-bottom: 15px; padding: 5px; text-align: center; background-color: #000000; color: white; border-radius: 15px; font-size: 16px; border: 2px solid #000000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
					.sous_titre_contenu{float: left; display: table; width: 80px; height: 220px; font-size: 16px; font-weight: bold; color: red; vertical-align: middle; text-decoration: underline;}
					.sous_titre_contenu p{display: table-cell;  vertical-align: middle;} 
				
				.bloc_photo_accueil_diaporama{float: left; width: 50%; margin: auto; height: 420px; overflow: hidden; padding: 20px 0px 20px 0px;}
					.titre_accueil_diaporama{width: 100%; height: auto; margin: 0 auto; padding: 0 auto; text-align: center; font-weight: bold;}
					.image_accueil_diaporama{float: left; height: 380px; margin: 0 auto; padding: 0 auto;}
						.photo_accueil_diaporama{position: relative; width: 80%; margin: auto; padding: auto; z-index: 8;}
						.photo_accueil_diaporama img{width: 100%; max-height: 350px;}
					.type_de_bien_accueil_diaporama{position: absolute; width: 130px; bottom: 10px; left: 0px; background-color: #333333; z-index: 10; margin: 0 auto; padding: 5px; border-radius: 0px 15px 15px 0px; color: white; text-align: center;}
					.lieu_du_bien_accueil_diaporama{position: absolute; width: 250px; bottom: 10px; right: 0px; background-color: #777777; z-index: 10; margin: 0 auto; padding: 5px; border-radius: 15px 0px 0px 15px; color: white; text-align: center;}

				.google_map{width: 100%; height: 500px;}
				hr.contact{float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
			
			.texte_formulaire{float: left; width: 20%; height: 30px; min-width: 200px;}
			.texte_full_formulaire{float: left; width: 100%; height: auto; min-width: 200px; margin-top: 20px;}
			.texte_moitie_formulaire{float: left; width: 50%; height: auto; min-width: 200px; margin-top: 20px; overflow: hidden;}
			.forme_formulaire{float: left; width: 80%; height: auto;}
			.cadre_bloc_formulaire_general{float: left; width: 100%; margin: auto; height: auto; padding: auto;}
				.bloc_formulaire{float: left; width: 50%; margin: auto; height: auto; overflow: hidden;}
				.bloc_formulaire_cent_pour_cent{width: 100%; float: left; margin: auto; height: auto; overflow: hidden;}

			.sous-titre{font-size: 14px; font-weight: bold; text-decoration: underline;}

			.tableau_honoraires{min-width: 600px; max-width: 900px; float: center; margin: auto; border-collapse:collapse; background-color: white;}
				.tableau_honoraires td.texte_standard_gras{border: 1px solid lightgray; padding: 5px 10px 5px 10px;}

			.bloc_texte{max-width: 1200px; margin: 0 auto; padding: 0 auto;}
				.image_article{display: table-cell; margin: 5px 0px 0px 0px; padding: 5px; vertical-align: middle;}
				.image_simple{border-radius: 10px;}
				.texte_article{display: table-cell; text-align: justify; width: 65%; min-width: 200px; height: 220px; vertical-align: middle; padding: 0px 40px 0px 20px;}
.affiche_demenagement{width: 100%; float: center; text-align: center; margin-top: 5px; margin-bottom: 50px;}
			.bloc_diapo_fiche_full{text-align: center; margin: auto; padding: auto; width: 100%; margin-bottom: 20px;}
				.bloc_diapo_fiche_full img{width: 80%;}
			.bloc_diapo_fiche{float: center; margin: auto; padding: auto; width: 80%;}
					#gallerie_fiche{width: 100%; float: left; height: 100px; margin-top: 5px;}


			.partage_groupe{float: left; width: 100%; margin: auto; padding: auto;}
				.partage_groupe_titre{float: left; width: 180px; vertical-align: middle; height: 25px; padding-top: 5px;}
				.partage_groupe_champ{float: left;width: 100%;}
		  			.partage_groupe_champ .champs{width: 100%;}
				.partage_groupe_bouton{margin-top: 5px;}

			.texte_prix_fiche{float: left; margin: auto; padding: auto; width: 100%; margin-bottom: 20px;}
				#texte_fiche{float: left; width: 75%; height: auto; margin: auto; padding: auto; overflow: hidden; text-align: justify;}
					#texte_fiche_seul{float: left; width: 100%; height: auto; margin: auto; padding: auto; overflow: hidden; color: black; font-weight: bold;}
					#bouton_voir_plus{float: left; width: 100%; height: 30px; bottom: 0px; margin: auto; padding: auto; text-align: center; color: gray; font-weight: bold;}
				.prix_fiche{float: left; width: 25%; height: auto; margin: auto; padding: auto; text-align: center; font-size: 24px; font-weight: bold; vertical-align: middle;}
				.titre_info_sur_photo{position: absolute; width: 250px; bottom: 60px; left: 70px; background-color: rgb(185, 0, 0); z-index: 10; margin: 0 auto; padding: 5px; border-radius: 0px 15px 15px 0px; color: white; text-align: center; font-size: 18px; box-shadow: 4px 4px 5px #000000;}
				.titre_info_sur_photo_liste{position: absolute; width: 200px; bottom: 20px; right: 0px; background-color: rgb(185, 0, 0); z-index: 10; margin: 0 auto; padding: 5px; border-radius: 15px 0px 0px 15px; color: white; text-align: center; font-size: 13px; box-shadow: 4px 4px 5px #000000;}
				.titre_info_sur_photo_accueil{color: rgb(255, 0, 0); font-size: 13px;}
				.diagnostiques{width: 100%; display: block; float: left; text-align: center; margin: 0 auto; padding: 0 auto;}
					.diagnostiques_50{width: 50%; float: left; text-align: center;}
					#image_ges_pour_decalage_petit_ecran{margin-left: 0px;}
						.div_dpe_ges{position: relative; width: 320px; height: 240px; margin: auto; padding: auto;}
								.image_dpe_ges img{width: auto; height: 220px;}
							.valeur_dpe_ges{position: absolute; float: right; font-size: 14px; font-weight: bold; z-index: 1; right: 40px; top: 0px; width: 35px; height: 17px; text-align: center; border: 1px solid black; border-radius: 3px;}
							.bouton_bas_de_page_fiche{margin: auto; padding: auto; text-align: center;}
								.bouton_fiche_action_gauche{float: left; height: 60px; transition-property: opacity; transition-duration: 0.3s;}
								.bouton_fiche_action_centre{float: center; height: 60px; transition-property: opacity; transition-duration: 0.3s;}
								.bouton_fiche_action_droite{float: right; height: 60px; transition-property: opacity; transition-duration: 0.3s;}
								.bouton_fiche_action_gauche:hover, .bouton_fiche_action_centre:hover, .bouton_fiche_action_droite:hover{opacity: 0.5;}
						#partage_annonce{height: 370px; display: flex; flex-direction: column; justify-content: space-around; animation: fadeIn .5s ease-in 1 forwards; opacity: 0;}
						@keyframes fadeIn {to { opacity: 1; } }

			.encart_annonce{float: left; width: 100%; height: 300px; border: 1px solid lightgray; margin-top: 10px; background-color: white;}
				.encart_annonce_photo_petite_taille{display: none; position: relative;}
				.encart_annonce_photo{width: 50%; float: right; height: 100%; overflow: hidden; background:none; text-align: right; position: relative;}
					.encart_annonce_photo img{height: 300px; width: auto; right: 0px; text-align: right;}
				.encart_annonce_texte{width: 50%; float: left; height: 100%; margin: auto; padding: auto; overflow: hidden;}
					.encart_annonce_texte_titre{width: 100%; float: center; margin: auto; padding: 20px; overflow: hidden; text-align: center; font-weight: bold; text-decoration: underline;}
					.encart_annonce_texte_descriptif{width: auto; float: center; padding: auto; margin: 20px; height: 76px; overflow: hidden; font-size: 14px;}
					.encart_annonce_localisation{width: auto; float: center; padding: auto; margin: 20px; text-align: center; font-weight: bold; color: gray;}
					.encart_annonce_prix{width: auto; float: center; padding: auto; margin: 20px; color:rgb(185, 0, 0); font-weight: bold; font-size: 20px; text-align: center;}
					.encart_annonce_bouton{width: auto;}
						.encart_annonce_bouton a{display: block; margin: auto; padding: 5px 10px 5px 10px; border: 1px solid gray; border-radius: 10px; width: 150px; text-align: center; background-color: #e4e4e4; transition-property: background-color; transition-duration: 0.5s;}
						.encart_annonce_bouton a:hover{background-color: #9bb7d3;}

			.bloc_type_pour_fond_blanc{float: left; width: 100%; height: auto; margin: auto; padding: auto; display: block;}
			.div_remarque_honoraires{width: 100%; font-size: 14px; color: gray; text-align: center; margin-bottom: 20px;}

		a.lien:link,
		a.lien:visited{font-size: 14px; color: black; text-decoration: underline; font-weight: bold;}
		a.lien:hover{color: #6d1d62; text-decoration: none;}

		a.lien_voir_plus:link,
		a.lien_voir_plus:visited{font-size: 14px; color: gray; text-decoration: underline; font-weight: bold;}
		a.lien_voir_plus:hover{color: #d30000; text-decoration: none;}

		a.lien_contact_index:link{font-size: 16px; color: #ffffff; font-weight: none; text-decoration: underline;}
		a.lien_contact_index:visited{font-size: 16px; color: #ffffff; font-weight: none; text-decoration: underline;}
		a.lien_contact_index:hover{font-size: 16px; color: #bbbbbb; font-weight: none; text-decoration: underline;}
		
		a.lien_blocs{color: #000000; text-decoration: none;}
		#bulle{position: absolute; color: #d30000; border-radius: 0px 0px 10px 10px; height: 25px; width: 200px; box-shadow: 0px 5px 5px #ff9900; background-color: #ffdead; padding: 3px 0px 0px 3px; border: 1px solid lightgray; text-align: center; visibility: hidden;}
	#menu_telephone{display: none;}

	#footer{margin: auto; width: 100%; overflow: hidden; background-color: #000000;}
		#footer_contenu{max-width: 1200px; margin: auto; height: 100px; overflow: hidden; padding-top: 20px; color: white;}
			.footer_texte{float: left; width: 30%; margin: auto;  min-width: 200px; font-size: 13px; bottom: 0px; height: 100%;}
			.footer_adresse_adp{float: left; width: 40%; margin: auto;  min-width: 200px; font-size: 13px; bottom: 0px; height: 100%; text-align: right;}
			#facebook{float: right; width: 50px; height: 50px; background: url(../images/facebook.png) no-repeat; margin-top: 5px; margin-left: 5px; transition-property: opacity; transition-duration: 0.5s;}
			#instagram{float: right; width: 50px; height: 50px; background: url(../images/instagram.jpg) no-repeat; margin-top: 5px; transition-property: opacity; transition-duration: 0.5s;}
			#facebook:hover, #instagram:hover{opacity: 0.5; cursor: pointer;}
			
			a.lien_footer:link,
			a.lien_footer:visited{color: white; font-size: 13px;}
			a.lien_footer:hover{text-decoration: underline;}
			
	.background_tableau{background: url(../images/logo_fili.jpg) no-repeat; background-position: center;}			
	/* Conteneur principal */
.overlay-image {
 float: left;
 position: relative;
 width: 530px;
 margin: 20px 20px 5px 20px;
 border: 1px solid gray;
 padding: 10px;
}
/* Image originale */
.overlay-image .image {
 display: block;
 width: 530px;
 height: auto;
}
/* Texte original */
.overlay-image .text {
 color: #fff;
 font-size: 30px;
 line-height: 1.5em;
 text-shadow: 2px 2px 2px #000;
 text-align: center;
 position: absolute;
 top: 50%;
 /* left: 50%; */
 transform: translate(-75%, -50%);
 width: 100%;
}
.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 0;
}
.overlay-image .hover {
 background-color: rgba(255,255,255,0.5);
}/* Overlay */
.overlay-image .hover {
 position: absolute;
 top: 0;
 height: 100%;
 width: 530px;
 opacity: 0;
 transition: .5s ease;
}
/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
 opacity: 1;
}


.en_construction{width: 100%; margin: 0 auto; padding: 0 auto; text-align: center; max-width: 1200px;}
	.en_construction p{margin-top: 50px; font-size: 20px; font-weight: bold;}