/* Feuille de style Apha Immobilier - Tous navigateur (sauf IE7 & IE6) */

/* Body */
body{
	background-image: url(../images/fond-page.jpg);
	background-repeat: repeat-x;
	background-color: #d7ddac;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
	div#contener{
		margin: 0 auto; /* On centre sur la page */
		padding: 0;
		width: 990px;
		/*position: relative;  On met le contener en position référente afin de pouvoir positionner tout le reste de la page */
	}
		/* Commun à toutes les pages */
		ul{
			list-style-type: none;
		}
		a{
			text-decoration: none;
		}
		a img{
			border: none;
		}
		.clearer{
			clear: both;
		}
		
		
		/**** Header ****/
		#headerAccueil{
			background-image: url(../images/header-haut.jpg);
			background-repeat: no-repeat;
			width: 990px;
			height: 124px;
		}
		#header{
			background-image: url(../images/header.png);
			background-repeat: no-repeat;
			width: 990px;
			height: 212px;
		}
			#logoAgence{
				float: left;
				width: 287px;
				height: 212px;
			}
			#adresse{
				float: left;
				width: 270px;
				margin-top: 24px;
				margin-left: 10px;
				color: #000a87;
			}
			#adresse a:hover{
				text-decoration: underline;
			}
				.titre{
					font-size: 15px;
					font-family: Verdana;
					font-weight: bold;
				}
			#logoTti{
				float: left;
				width: 286px;
				height: 88px;
				margin-top: 31px;
				margin-left: 65px;
			}
		#headerBasDroite{
			background-image: url(../images/header-bas-droite.png);
			background-repeat: no-repeat;
			width: 703px;
			height: 88px;
			float: right;
		}
		
		/**** Containt ****/
		#containt{
			background-image: url(../images/fond-containt.jpg);
			background-repeat: repeat-y;
			width: 987px;
			margin-left: 4px;
		}
			/** gauche **/
			#gauche{
				float: left;
				width: 284px;
				margin: 0;
			}
				#gauche p{
					width: 264px;
					padding: 0 10px 0 10px;
					color: #ffffff;
				}
				#cadreAnnonces{
					background-image: url(../images/cadreAnnonces.jpg);
					background-repeat: no-repeat;
					width: 231px;
					height: 203px;
					margin-left: 15px;
					padding: 10px;
					color: #fff;
				}
					#cadreAnnonces div{
						margin: 4px 0 0 0;
					}
					.input_search{
						padding-left: 25px;
					}
						#pmin,
						#pmax{
							width: 8ex;
						}
					#search_submit{
						padding-top: 10px;
						text-align: center;
					}
					#v{
						width: 25ex;
					}
				#logoSnpi{
					width: 64px;
					height: 47px;
					margin-left: 105px;
					margin-top: 50px;
				}
			
			/** droite **/
			#droite{
				float: left;
				width: 700px;
				margin: 0;
				margin-top: -29px;
				margin-left: -1px;
				min-height: 300px;
			}
				#texte{
					padding: 0 20px 20px 20px;
					color: #000a87;
				}
			#flash{
				background-image: url(../images/header-bas-droite.png);
				background-repeat: no-repeat;
				width: 703px;
				height: 56px;
				float: left;
				margin-top: -59px;
			}
				.diapo{
					margin: 0;
					padding: 0;
					position: relative;
					margin-top: 0px;
					width: 703px; /* Largeur d'une photo */
					height: 350px; /* Hauteur d'une photo */
					z-index: 5;
				}
				.diapo li{
					overflow: hidden;
					position: absolute /* Les images seront positionnées toutes au même endroit */
				}
				#texteAccueil{
					background-image: url(../images/fond-bas-accueil.jpg);
					background-repeat: no-repeat;
					background-position: bottom;
					margin-left: -5px;
					padding: 20px;
					padding-top: 330px;
					padding-bottom: 66px;
					position: relative;
					z-index: 1;
					color: #000a87;
					font-weight: bold;
				}
			
		
		/**** Mentions Légales ****/
		.popup{
			position: fixed;
			-position: absolute;
			display: none;
			width: 100%;
			height: 100%;
		}
			.fondPopup {
				position: absolute;
				width: 100%;
				height: 100%;
				background-color: #000;
				opacity: 0.5;
				filter: alpha(opacity = 50);
				z-index: 50;
			}
			.popupMentions{
				position: absolute;
				top: 50%;
				left: 50%;
				width: 300px;
				height: 200px;
				margin: -100px 0 0 -150px;
				color: #000000;
				background-color: #d7ddac;
				z-index: 50;
				padding: 50px;
				padding-top: 10px;
			}
		
		
		
		
		/**** Footer ****/
		#footer, #footerAccueil{
			width: 983px;
			position: relative;
			z-index: 10;
			margin-left: 4px;
		}
		
		#footer{
			background-image: url(../images/footer.png);
			background-repeat: no-repeat;
			height: 36px;
		}
		#footerAccueil{
			background-image: url(../images/footer-accueil.png);
			background-repeat: no-repeat;
			height: 17px;
		}
			#mentions{
				text-align: center;
				padding-top: 25px;
				font-size: 12px;
				color: #000a87;
			}
			#mentions a{
				color: #000a87;
			}
			#mentions a:hover{
				color: #2b7f4e;
			}

.resultat {
	width: 500px;
	margin: auto;
}			
.resultat_g {
	width: 100px;
	margin-bottom: 10px;
	float: left;
}	
	
.resultat_g img {
	border: 1px solid #263ab3;
}

.resultat_d {
	width: 300px;
	float: left;
	margin-left: 98px;
	margin-bottom: 10px;
}

.resultat_case {
	background-color: #2b7f4e;
	margin: 0 0 2px 0;
	padding: 3px 0 3px 6px;
	color: white;
}

.lien_details {
	margin: 0 0 2px 0;
	padding: 5px 0 3px 10px;
}

.lien_details img {
	vertical-align: middle;
}

.lien_details a{
	color: black;
}

.lien_details a:hover{
	color: #2b7f4e;
	font-weight: bold;
}

.recherche_pagination {
	margin-bottom: 15px;
}

#titre_detail {
	margin-left: 80px;
}

#photos {
	height: 346px;
	width: 591px;
	margin: auto;
	margin-bottom: 15px;
	margin-top: 15px;
}

	#grande_photo {
		width: 461px; 
		height: 346px;
		float: left;
	}
	#grande_photo img {
		width: 461px; 
		height: 346px;
		border: 2px solid #263ab3;
	}

	#mini_photos {
		width: 115px; 
		height: 346px;
		float: left;
		margin-left: 15px;
	}

	#mini_photos img{
		width: 115px; 
		height: 82px;
		border: 1px solid #263ab3;
	}

#bas_detail {
	width: 591px;
	margin: auto;
}

#lien_retour {
	text-align: right;
	margin-bottom: 5px;
}

#lien_retour a:hover, #recherche_trier a:hover, #lien_retour a:hover, .recherche_pagination a:hover{
	text-decoration: underline;
}

#boutons_details {
	text-align: center;
}
.textebleur{
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}
#dpe{
	position: relative;
	margin: 10px 0 0 70px;
	width: 520px;
	height: 230px;
}
	#ce, #ges{
		position: absolute;
		bottom: 0;
		width: 240px;
		height: 220px;
		margin: 10px;
	}
	#ce{ background: url('http://static.vendeeimmobilier.com/img/detail-ce-bg.png') no-repeat; }
	#ges{
		right: 0px;
		background: url('http://static.vendeeimmobilier.com/img/detail-ges-bg.png') no-repeat;
	}
		#ce span, #ges span{
			display: block;
			position: absolute;
			right: 6px;
			width: 47px;
			height: 22px;
			padding: 2px 0 0 0;
			color: #fff;
			font-weight: bold;
			text-align: center;
			background: url('http://static.vendeeimmobilier.com/img/detail-dpe-span-bg.png') no-repeat;