/*balises*/
body{
	background: url('../img/fondDiagonale.jpg') #BBAACF right bottom no-repeat;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	color: #481F81;
}
img{
	border: 0;
}
a.blanc{
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	color: #a6cd58;
}
a{
	text-decoration: none;
	color: #481F81;
	font-weight: bold;
}
/*conteneur*/
#conteneur{
	width: 990px;
	margin: 0 auto 0 auto;
	-margin: -30px auto 0 auto;
}
#logo_sia{
	width: 35px;
	height: 29px;
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: -260px;
	z-index: 20;
}
/*entête*/
	#entete{
		position: relative;
		width: 100%;
		height: 180px;
	}
		#boutons{
			position: absolute;
			-position: relative;
			height: 26px;
			width: 394px;
			top: 105px;
			left: 540px;
			-top: 135px;
			z-index: 20;
		}
		#logo{
			float: left;
			width: 257px;
			height: 110px;
		}
		#flash_entete{
			float: left;
			width: 733px;
			height: 105px;
			text-align: center;			
		}
		
		#arrondi_haut_droit{
			float: left;
			height: 70px;
			width: 49px;
		}
				
		#arrondi_haut_gauche{
			float: left;
			height: 70px;
			width: 49px;
		}
		#titre_propriete{
			width: 261px;
		}
			#picto_propriete{
				z-index: 30;
				position: absolute;
				height: 33px;
				width: 36px;
				left: -45px;
				background-image: url(../img/picto-bulle.png);
			}
		#titre_recherche{
			width: 261px;
		}
			#picto_recherche{
				z-index: 10;
				position: absolute;
				height: 33px;
				width: 36px;
				left: -45px;
				background-image: url(../img/picto-recher.png);
			}
		#titre_flash_banniere{
			width: 631px;
		}
			#picto_flash_banniere{
				position: absolute;
				height: 33px;
				width: 36px;
				left: -45px;
				background-image: url(../img/picto-maison.png);
			}
		#lbl_flash_banniere{
			text-transform: uppercase;
			color: white;
			font-weight: bold;
			font-size: 1.2em;
		}
		#lbl_propriete{
			text-transform: uppercase;
			color: white;
			font-weight: bold;
			font-size: 1.2em;
		}
		#lbl_recherche{
			text-transform: uppercase;
			color: white;
			font-weight: bold;
			font-size: 1.2em;
		}
		#titre_flash_banniere{
			position: relative;
			float: left;
			height: 70px;
			background: url('../img/bordure_haut.png');
		}
		#titre_propriete{
			position: relative;
			float: left;
			height: 70px;
			background: url('../img/bordure_haut.png');
		}
		#titre_recherche{
			position: relative;
			float: left;
			height: 70px;
			background: url('../img/bordure_haut.png');
		}
		#arrondi_haut_gauche{
			background: url('../img/bordure_haut_gauche.png');
		}
		#titre_recherche div{
			margin: 45px 0 0 40px;
		}
		#titre_propriete div{
			margin: 45px 0 0 40px;
		}
		#titre_flash_banniere div{
			margin: 45px 0 0 50px;
		}
		#arrondi_haut_droit{
			background: url('../img/bordure_haut_droite.png');
		}
/* Bannière */
	#banniere{
			width: 100%;
			height: 197px;
			background-image: url(../img/fond_corps.png);
		}
			#propriete{
				float: left;
				width: 282px;
				height: 197px;
				margin-left: 28px;
				-margin: 0 0 0 14px;
				background-color: #A6CD58;
			}
				#ref_propriete{
					width: 260px;
					margin: 10px 0 0 0;
				}
				#ref_propriete .bordureImage{
					margin: 0 0 0 50px;
				}
				#ref_propriete a:hover{
					color: #E4EFC7;
				}
				.stepcarousel{
					position: relative; /*leave this value alone*/
					overflow: scroll; /*leave this value alone*/
					width: 282px;
					height: 197px; /*Height should enough to fit largest content's height*/
				}
				.stepcarousel .belt{
					position: absolute; /*leave this value alone*/
					left: 0;
					top: 0;
				}
				.stepcarousel .panel{
					float: left; /*leave this value alone*/
					overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
					margin: 5px 15px 15px 15px; /*margin around each panel*/
					width: 260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
				}
				.click_selection{
					font-size: 1.2em;
					font-weight: bold;
					color: #fff;
				}
			#flash_banniere{
				float: left;
				width: 652px;
				height: 197px;
			}
/*corps de page*/
	#corps{
		width: 100%;
		background-image: url(../img/fond_corps.png);
	}
		#picto_nos_annonces{
			position: absolute;
			height: 33px;
			width: 36px;
			top: 13px;
			left: 15px;
			background-image: url(../img/picto-etoile.png);
		}
		#picto_cdc{
			position: absolute;
			height: 33px;
			width: 36px;
			top: 13px;
			left: 8px;
			background-image: url(../img/picto-coeur.png);
		}
		#contenu_droite{
			position: relative;
			float: left;
		}
		#contenu_gauche{
			position: relative;
			float: left;
		}
		#agences{
			font-size: 0.8em;
			margin: 15px;
		}
		#agences a{
			color: #481F81;
		}
		#contact{
			margin: 30px;
		}
		#contact label{
			display: block;
			float: left;
			width: 100px;
			margin: 0 0 0 20px;
			-margin: 0 0 0 15px;
		}
		#contact input{
			float: left;
		}
		#contact .champ{
			clear: both;
			height: 20px;
			margin: 5px 0 0 0;
		}
		#contact .msg{
			clear: both;
			height: 80px;
		}
		#contact #btn_submit{
			margin: 0 0 0 130px;
		}
		#rep_contact{
			margin: 80px 0 0 170px;
			font-weight: bold;
		}
		#rep_contact a{
			color: #000;
		}
		#rep_contact a:hover{
			color: #A6CD58;
		}
		#actus{
			margin: 20px;
			text-align: justify;
		}
/*menu*/
		#contenu_recherche{
			width: 282px;
			height: 210px;
			background-color: #A6CD58;
		}
			#contenu_recherche #propriete{
				margin: 0;
			}
			#recherche{
				margin : 15px 0 0 10px;
				font-weight: bold;
				width: 260px;
			}
			#vr{
				margin : 0 0 10px 0;
			}
			.champ{
				height: 20px;
				clear: both;
				margin: 10px 0 0 0;
			}
			#contenu_recherche label{
				display: block;
				float: left;
				text-align: left;
			}
			#presta label{
				float: right;
			}
			#presta{
				float: right;
			}
			#contenu_recherche select{
				float: right;
			}
			#contenu_recherche input{
				float: right;
			}
			#label_presta{
				-margin-top: -20px;
			}
			#search_submit{
				text-align: center;
				-margin: 10px 0 10px 0;
			}
			#search_submit input{
				float: none;
			}
		#contenu_gauche{
			float: left;
			width: 282px;
			background-color: #A6CD58;
			margin-left: 28px;
			-margin-left: 14px;
		}
		#menu{
			
		}
		#img_menu{
			position: relative;
			margin-top: 18px;
			margin-left: 8px;
			-margin-left: 7px;
		}
/*annonces*/
		#contenu_droite{
			float: left;
			width: 652px;
			background-color: #e4efc7;
		}
		#bordure_cote_droit2{
			background: url(../img/bordure_cote_droit.png);
		}
		#contenu_annonces{
			margin: 5px 0px 0px 0px;
		}
		.retour_page{
			margin: 10px;
			text-align: right;
		}
		.retour_page a{
			color: #481F81;
		}
		.nb_ann{
			font-size: 1em;
			font-weight: bold;
			margin: 0 0 0 250px;
		}
		.pages{
			clear: both;
			font-size: 0.9em;
			font-weight: bold;
			height: 20px;
			text-align: right;
			padding : 10px 10px 10px 50px;
		}	
			.aff_num_page{
				float: right;
			}
				.aff_num_page a{
					color: #481F81;
				}
			.aff_page{
				float: left;
			}
			.bouton_page{
				float: left;
			}
			.bouton_page{
				margin: 0 5px;
				font-weight: bold;
			}
			.bouton_page input{
				font-weight: bold;
			}
		#titre_annonce{
			background-color: #a6cd58;
			padding: 8px 0 8px 5px;
		}
			#pictoCoeur{
				float: left;
			}
			a span.texteCentre{
				color: #481F81;
				font-weight: normal;
			}
			#ref_bien{
				text-align : right;
				padding : 0 10px 0 0;
				float: left;
				width: 160px;
			}
			#ref_type{
				float: left;
				text-align : center;
				width: 220px;
			}
			#ref_ville{
				float: left;
				width: 200px;
			}
		#fiche_detail{
			width: 633px;
			margin: 0 0 15px 8px;
			-margin: 0 0 5px 8px;
			border: 1px solid #a6cd58;
			background-color:#cfe5a4;
		}
			#photos{
				float: left;
				height: 285px;
				width: 380px;
				margin: 10px 0 0 5px;
				-margin: 10px 0 0 2px;
				text-align : center;
			}
			#minia_pictos{
				float: left;
				height: 285px;
				width: 240px;
				margin: 10px 0 0 5px ;
			}
				#pictos{
					width: 240px;
					height: 100px;
				}
					#picto_favoris{
						text-align : center;
						width: 55px;
						float: left;
						margin : 5px 2px 0 3px;
						-margin : 5px 2px 0 1px;
					}
					#picto_rdv{
						text-align : center;
						width: 55px;
						float: left;
						margin : 5px 2px 0 3px;
						-margin : 5px 2px 0 1px;
					}
					#picto_imprim{
						text-align : center;
						width: 55px;
						float: left;
						margin : 5px 2px 0 3px;
						-margin : 5px 2px 0 1px;
					}
					#picto_ami{
						text-align : center;
						width: 55px;
						float: left;
						margin : 5px 2px 0 3px;
						-margin : 5px 2px 0 1px;
					}
				#minia{
					width: 240px;
					height: 204px;
				}
			#texte_detail{
				float: left;
				width: 383px;
				margin: 3px 0 0 0 ;
			}
				#titre_detail{
					height: 20px;
					background-color: #a6cd58;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 0.9em;
					padding : 5px 0 0 5px;
				}
				#tdn{
					margin: 5px 0 0 5px;
					width: 372px;
				}
			#tarif_contact{
				float: left;
				width: 238px;
				margin: 3px 0 0 7px ;
			}
				#titre_tarif{
					height: 20px;
					background-color: #a6cd58;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 0.9em;
					padding : 5px 0 0 5px;
				}
				#dt{
					margin: 8px 0 0 5px;
					width: 229px;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 0.9em;
				}
				#titre_adresse{
					height: 20px;
					background-color: #a6cd58;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 0.9em;
					padding : 10px 0 0 5px;
				}
				#da{
					margin: 5px 0 5px 5px;
					width: 229px;
					font-weight: bold;
					font-size: 0.9em;
				}
		#contenu_annonces{
			margin: 5px 0px 0px 0px;
		}
		#contenu_annonces li{
			margin: 5px 0px 8px 0px;
		}
		.tableau{
	margin: 100px 0px 0px 130px;
	width: 400px;
}

		.texte_page{
			margin: 10px 30px 10px 30px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: small;
			font-weight: bold;
			font-style: normal;
			text-align: justify;
			color: #481F81;
		}

		.disponibilites{
			background-position: center center;
			padding: 2px;
			margin: 0px 0px 0px 38px;
			text-align: center;
			background-image: url('../img/logolatranche.jpg');
			background-repeat: no-repeat;
			width: 559px;
			height: 138px;
		}
		.disponibilites img{
			background-position: center center;
			padding-top: 50px;
		}

		.boutons{
			margin-left: 2px;
			margin-top: 0px;
		}
		.locations{
			height: 126px;
			font-family: ;
			text-align: center;
			float: left;
			padding-top: 10px;
			margin: 0px 5px;
			-margin: 0px 3px;
		}
		.page_contact{
	font-size: 12px;
	text-transform: none;
	font-weight: bold;
	color: #5932a7;
	width: 320px;
	margin-left: 150px;
	margin-top: 10px;
	text-align: center;
}

		.annonce{
			position :relative;
			height: 271px;
			width: 205px;
			float: left;
			margin: 9px 0 10px 8px;
			-margin: 9px 0 10px 5px;
			border: 1px solid #a6cd58;
			background-color:#cfe5a4;
		}
		.titre_annonce{
			height: 25px;
			background-color: #a6cd58;
			padding-top: 8px;
			padding-left: 5px;
		}
		.img_annonce{
			padding : 0px 0px 0px 4px;
			height: 150px;
			width: 195px;
		}
		.ref_annonce{
			font-size: 0.9em;
			padding-left: 5px;
			text-transform: uppercase;
			font-weight: bold;
			color: #5932a7;
		}
		#contenu_droite_titre{
				position: relative;
				text-transform: uppercase;
				background-color: #481F81;
				color: white;
				font-weight: bold;
				font-size: 1.2em;
		}
			#lbl_cdc{
				padding: 10px 0 10px 50px;
			}
		#contenu_gauche_titre{
				position: relative;
				text-transform: uppercase;
				background-color: #481F81;
				color: white;
				font-weight: bold;
				font-size: 1.2em;
		}
			#lbl_nos_annonces{
				padding: 10px 0 10px 65px;
			}
		#infos_agence{
			float: left;
			margin: 15px 15px 15px 30px;
		}
		.titre_agence{
			font-size: 1.2em;
			color: #93BF3B;
			font-weight: bold;
		}
		#photo_agence{
			float: left;
			margin: 15px;
		}
		#liste_res{
			clear: both;
			margin: 15px 15px 15px 30px;
		}
/*pied de page*/
	#pied{
		width: 100%;
		height: 100px;
	}
		#arrondi_bas_droit{
			float: left;
			height: 70px;
			width: 49px;
		}
		#arrondi_bas_gauche{
			float: left;
			height: 70px;
			width: 49px;
		}
		#div_alert_mail{
			position: relative;
			float: left;
			height: 70px;
			background: url('../img/bordure_bas.png');
			color:#FFF;
			font-size: 1.2em;
		}
		
		#div_email{
			position: relative;
			float: left;
			height: 70px;
			background: url('../img/bordure_bas.png');
			color:#FFF;
			font-size: 1.2em;
		}
		
		#div_telephone{
			position: relative;
			float: left;
			height: 70px;
			background: url('../img/bordure_bas.png');
			color:#FFF;
			font-size: 1.2em;
		}
		
		#arrondi_bas_gauche{
			background: url('../img/bordure_bas_gauche.png');
		}
		#picto_tel{
			position: absolute;
			height: 33px;
			width: 36px;
			top: -9px;
			left: -5px;
			background-image: url(../img/picto-tel.png);
		}
		#picto_mail{
			position: absolute;
			height: 33px;
			width: 36px;
			top: -9px;
			left: 8px;
			background-image: url(../img/picto-contact.png);
		}
		#picto_alt_mail{
			position: absolute;
			height: 33px;
			width: 36px;
			top: -9px;
			left: 5px;
			background-image: url(../img/picto-alert-M.png);
		}
		#div_telephone{
			width: 160px;
		}
		#texte_tel {
			margin: 10px 0px 0px 45px;
			text-transform: uppercase;
			font-weight: bold;
			color: #FFF;
		}
		#div_email{
			width: 300px;
		}
		#texte_mail {
			position: relative;
			margin: 10px 0px 0px 48px;
			font-size: 0.7em;
			font-size: 11px;
			font-weight: bold;
		}
		#div_alert_mail{
			width: 432px;
		}
		#texte_alert_mail {
	margin: 8px 0px 0px 125px;
	font-size: 11px;
	font-weight: bold;
}
#texte_alert_mail div{
	float: left;
	margin-top: 2px;
	margin-left: 2px;
}
		#texte_alert_mail img{
			float: left;
		}

		#falerte_mail{
			font-size: 0.9em;
			width: 26ex;
		}
		#falert_ok{
			font-size: 0.9em;
			width: 5ex;
		}
		#arrondi_bas_droit{
			background: url('../img/bordure_bas_droite.png');
		}
		
		#footer{
			width: 100%;
		}
		#texte_pied_footer{
			float: left;
			width: 629px;
			height: 60px;
			font-size: 0.8em;
			margin:0px 0px 0px 45px;

		}
/*classes*/
.clearer{
	clear: both;
}
.texteTitreAnnonce {
	font-size: 1.0em;
	text-transform: uppercase;
	color: #481f81;
	font-weight: bold;
}
.texteTitreAnnonce a:hover{
	color: #481F81;
}
.pictoCoeur{
	padding-right: 5px;	
}
.bordureImage {
	border: 1px solid #481f81;
	margin: 8px 0 0 0;
}
.photo_gr{
	border: 1px solid #481f81;
	width: 373px;
	height: 281px;
	margin : 0 0 0 0;
}
.photo_minia{
	border: 1px solid #481f81;
	width: 115px;
	height: 88px;
}
.texteCentre {
	text-align: center;
	font-size: 0.8em;
}
.texte_italic{
	font-style: italic;
}
.textepetit2{
	font-size: 0.9em;
}
.textepetitgras{
	font-size: 9pt; 
	color: #32245A; 
}
.style1 {
	font-weight: bold;
	font-size: 7pt;
	color: #86A13B;
}
.style2 {
	font-weight: bold;
	font-size: 7pt;
	color: #32245A;
}
.style3 {
	font-size: 9px;
	color: #32245A;
}