@CHARSET "UTF-8";

/****************/
/*  CSS BOITES  */
/****************/

	h1 {
		margin-top: 10px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px;
		height: 20px; }
	h2 {
		margin-bottom: 20px; }
	input {
		padding-top: 1px;
		padding-bottom: 1px; }

	#page, #entete, #centre, #pied {						/* conteneur d'éléments figés */
		border-width: 0px; }
	#menu_pages, #menu_biens {								/* conteneur d'éléments flottants */
		border-width: 0px; }
	#coups_coeur, #collaborateurs, #affaires, #prestige {	/* conteneur d'éléments flottants non visible */
		min-height: 20px;
		border-width: 0px; }
	#neuf, #fichiers_syndic {								/* conteneur d'éléments flottants non visible */
		min-height: 20px;
		border-width: 0px; }
	#fin_centre {
		clear: both;
		height: 10px;
		border: 0px; }
	.fiche {
		min-height: 20px;
		border-width: 0px; }
	.galerie, .description {
		border-width: 0px; }
	#avertissements {
		border-width: 0px; }
	#fancy_overlay {
		border-width: 0px; }
	#fancy_loading, #fancy_loading div, #fancy_outer, #fancy_inner, #fancy_content, #fancy_close {
		border-width: 0px; }

	#avertissement_specifique_ie6 {
		display: none; }
	#traduction {
		position: absolute;									/* décalé hors page */
		display: none; }

	#page {
		position: relative;
		margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;					/* centré */
		width: 760px; }
	#entete {
			position: relative;
			height: 120px;
			width: 760px; }
	#entete img {
				position: absolute;
				top: 20px;
				left: 20px;
				height: 80px; }
	#centre {
			position: relative;
			margin-top: 20px;
			min-height: 560px;
			width: 760px; }
			/* Détails plus bas */
	#pied {
			position: relative;
			height: 60px;
			width: 760px; }
	#pied img {
				position: absolute;
				top: 0px;
				left: 10px;
				height: 60px; }

/*** MENU PAGES *******************************/

		#menu_pages {
			position: relative;
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
			height: 20px; }
		#menu_pages ul {
			position: relative;
			float: right; }
		#menu_pages li {
			position: relative;
			display: block;
			float: left;
			margin-left: 2px;
			height: 20px;
			padding-left: 4px; padding-right: 4px; }
		#menu_pages li a {
			position: relative;
			top: 1px; }

		#menu_pages {										/* hack pour menu administration sur ligne suivante */
			margin-left: 120px; }

/*** MENU BIENS *******************************/

		#menu_biens {
			position: relative;
			margin-top: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px;
			height: 20px; }
		#menu_biens ul {
			position: relative;
			float: left; }
		#menu_biens li {
			position: relative;
			display: block;
			float: left;
			margin-right: 2px;
			height: 20px;
			padding-left: 4px; padding-right: 4px; }
		#menu_biens li a {
			position: relative;
			top: 4px; }

/*** SELECTION ET TRI *************************/

		#selection_liste { /* Filtrage des biens */
			margin-top: -10px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px;
			border: 1px solid #99cc00;
			padding-top: 4px;
			padding-left: 9px }
		#selection_ville {
			width: 175px; }
		#selection_pieces {
			width: 70px; }
		#selection_surface {
			width: 105px; }
		#selection_prix {
			width: 140px; }
		#selection_liste select {
			margin-right: 10px; }
		#selection_liste label {
			margin-right: 15px; }

/*** ACCUEIL **********************************/

		#animation_accueil {
			position: relative;
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
			height: 98px;
			width: 330px;
			border: 1px solid #998099;
			padding: 9px;
			padding-top: 241px; }
		#animation_accueil img {
			position: absolute;
			top: -1px;
			left: -1px;
			width: 350px; }
		.adresse,
		.telephone {
				position: relative;
				float: left;
				width: 165px; }
		.ouverture {
				position: relative;
				float: left;
				margin-top: 10px;
				width: 330px; }
		#texte_accueil {
			margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px;
			height: 330px;
			width: 330px;
			border: 1px solid #998099;
			padding: 9px; }
		#texte_accueil p,
		#texte_accueil ul {
				margin-bottom: 1em; }
		#texte_accueil li {
				margin-left: 2em; }
		#formulaire_edito {
			margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
		#texte_accueil,
		#formulaire_edito {
			position: absolute;								/* décalé => flottant */
			top: -20px;
			right: 0px; }
		#recherche_accueil {
			position: relative;
			margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px;
			height: 43px;
			width: 698px;
			border: 1px solid #998099;
			padding: 5px 10px; }
		#recherche_accueil p {
				position: absolute;							/* positionné dans formulaire */
				top: 5px;
				left: 400px; }
		#recherche_accueil select {
				margin-right: 10px; }
		#titre_coups_coeur {
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 0px;
			padding-top: 10px;
			height: 30px; }
		#coups_coeur {
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
		.coup_coeur_accueil {
				float: left;
				margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
				/*height: 200px;*/ /* soit 220px; */
				width: 140px; /* soit 160px; */
				border: 1px solid #99cc00;
				padding: 9px; }
		.coup_coeur_accueil img {
					display: block;
					float: left;
					width: 140px;
					margin-bottom: 5px; }

/*** LISTE ************************************/

		#affaires,
		#neuf {
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 0px;
			/*width: 720px;*/ }
		#prestige {
			margin-top: 0px; margin-left: 100px; margin-right: 100px; margin-bottom: 0px;
			/*width: 560px;*/ }
		.affaire,
		.coup_coeur,
		.exclusivite,
		.reserve,
		.vendu,
		.loue {
				float: left;
				margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
				height: 180px; /* soit 200px; */
				width: 140px; /* soit 160px; */
				border: 1px solid #99cc00;
				padding: 9px; }
		#prestige .affaire,
		#prestige .coup_coeur,
		#prestige .exclusivite,
		#prestige .reserve,
		#prestige .vendu,
		#prestige .loue {
				margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
				height: 240px; /* soit 260px; */
				width: 220px; /* soit 240px; */ }
		.affaire img,
		.coup_coeur img,
		.exclusivite img,
		.reserve img,
		.vendu img,
		.loue img {
				width: 140px;
				margin-bottom: 5px; }
		#prestige .affaire img,
		#prestige .coup_coeur img,
		#prestige .exclusivite img,
		#prestige .reserve img,
		#prestige .vendu img,
		#prestige .loue img {
				width: 220px; }

/*** EQUIPE ***********************************/

		#collaborateurs {
			position: relative;
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 0px;
			/*width: 720px;*/ }
		.collaborateur {
				position: relative;
				float: left;
				margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
				height: 140px;
				width: 320px;
				border: 1px solid #998099;
				padding: 9px; }

/*** NEUF, GESTION, SYNDIC, CONTACT ***********/

		#formulaire_neuf,
		#formulaire_gestion,
		#formulaire_syndic,
		#formulaire_contact {
			float: left;
			position: relative;
			margin-top: 10px; margin-left: 10px; margin-right: 30px; margin-bottom: 10px;
			height: 300px;
			width: 320px;
			border: 1px solid #998099;
			padding: 9px; }
		#formulaire_neuf input.saisie,						/* forçage à l'identique pour ie7 */
		#formulaire_gestion input.saisie,
		#formulaire_syndic input.saisie,
		#formulaire_contact input.saisie {
				width: 250px; }
		#formulaire_neuf input.validation,
		#formulaire_gestion input.validation,
		#formulaire_syndic input.validation,
		#formulaire_contact input.validation {
				width: 120px; }
		#formulaire_neuf p.thanks,
		#formulaire_gestion p.thanks,
		#formulaire_syndic p.thanks,
		#formulaire_contact p.thanks {
			position: absolute;
			top: -23px;
			left: 79px;
			width: 236px;
			border: 1px solid #99cc00;
			padding: 4px; }
		#formulaire_neuf p.no,
		#formulaire_gestion p.no,
		#formulaire_syndic p.no,
		#formulaire_contact p.no {
			position: absolute;
			top: -23px;
			left: 79px;
			width: 236px;
			border: 1px solid orange;
			padding: 4px; }

/*** NEUF, GESTION, SYNDIC ********************/

		#interlocuteurs {
			position: relative;
			float: left;
			margin-top: 10px; margin-left: 30px; margin-right: 10px; margin-bottom: 10px;
			height: 300px;
			width: 320px;
			border: 1px solid #998099;
			padding: 9px; }
		.interlocuteur {
				position: relative;
				float: left;
				width: 160px; }
		#atouts {
			float: left;
			position: relative;
			margin-top: 10px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px;
			width: 680px;
			border: 1px solid #998099;
			padding: 9px; }
		.atout {
				margin-top: 20px; margin-left: 50px; margin-right: 50px; margin-bottom: 20px; }
		.atout .fleche {
					position: relative;
					top: 3px; }

/*** NEUF, SYNDIC *****************************/

		#interlocuteurs.prog_neuf img,
		#interlocuteurs.syndic img {
				position: absolute;
				right: 9px;
				bottom: 9px;
				width: 320px; }

/*** GESTION **********************************/

		#interlocuteurs.gestion img {
				position: absolute;
				right: 9px;
				bottom: 9px;
				width: 190px; }

/*** SYNDIC ***********************************/

		#atouts.syndic .atout {
				margin-left: 110px; }
		#formulaire_syndic {
			position: relative; }
		#fichiers_syndic {
			float: left;
			margin-top: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 20px; }
		#fichiers_syndic p {
				float: left;
				width: 300px;
				width: 350px; }

/*** CONTACT **********************************/

		#coordonnees_agence {
			position: relative;
			float: left;
			margin-top: 10px; margin-left: 30px; margin-right: 10px; margin-bottom: 10px;
			height: 300px;
			width: 320px;
			border: 1px solid #998099;
			padding: 9px; }
		#coordonnees_agence img {
			position: absolute;
			left: -1px;
			bottom: -1px;
			width: 340px; }
		#plan_situation {
			float: left;
			margin-top: 10px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px;
			width: 698px;
			border: 1px solid #998099; }

/*** ADMINISTRATION ***************************/

		#formulaire_administration {
			margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px;
			border: 1px solid #998099;
			width: 540px; }

/*** FICHE ************************************/

		.fiche {
			width: 860px; }
		.galerie {
			float: left;
			padding: 5px;
			min-height: 415px;
			width: 550px; } /* 4x180=540px */
		.galerie img {
				width: 180px; }
		.description {
			float: left;
			padding: 5px;
			min-height: 415px;
			width: 290px; }
		#tableau_fiche {
			margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;
			width: 100%;
			border: 1px solid gray;
			border-collapse: collapse; }
		#tableau_fiche tr {
				border: 1px solid gray;
				border-collapse: collapse; }
		#tableau_fiche td {
				border: 1px solid gray;
				border-collapse: collapse;
				padding-left: 4px; }
		#contact_fiche {
			margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }

/*** AVERTISSEMENTS ***************************/

		#avertissements {
			padding-top: 10px; padding-bottom: 20px;
			min-height: 388px; }
		#avertissements h1 {
			margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
		#avertissements h2 {
			margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
		#avertissements h3 {
			margin-top: 10px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }
		#avertissements p {
			margin-top: 10px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }