*{margin: 0px; padding: 0px;}

body{
	background:#fafafa url(../images/bg_header.jpg) repeat-x;
	font-family:verdana;
	font-size:11px;
}
a,input{
	outline: none;
}
#pageWrapper{
	left:50%;
	margin-left:-475px;
	position:relative;
	width:940px;
	
}
#header{
	height:236px;
	position:relative;
}
#header #ban{
	z-index:1;
	border:3px solid #e9e9e9;
	height:90px;
	width:728px;
	position:absolute;
	top:36px;
	right:0px;
}
#header #logo{
	
	height:100px;
	width:100px;
	position:relative;
	top:31px;
}
#header #menu{
	width:761px;
	height:37px;
	position:relative;
	top:61px;
	list-style-image:none;
	list-style-type:none;
}
#header #menu li{
	float:left;
}
#header #menu a{
	background:url(../images/bg_menu.jpg) repeat-x;
	position:relative;
	float:left;
	height:36px;
	padding-left:15px;
	padding-right:15px;	
	line-height:30px;
	text-decoration:none;
	color:white;
	font-weight:bold;
	margin-left:2px;
}
#flashMessage{
	position:relative;
	left:7px;
	top:77px;
	font-weight:bold;
	font-size:15px;
	left:249px;
	width:400px;
	
	color:#2E7DB5;
	font-size:12px;
}
#header #menu a:hover,#header #menu .selected{
	background:url(../images/bg_menuH.jpg) repeat-x;
	color:#b6d7f2;
}
#header #social li{
	float:left;
}
#header #social{
	width:204px;
	height:37px;
	position:relative;
	left:12px;
	top:27px;
	list-style-image:none;
	list-style-type:none;
	float:right;
}
#header #social a{
	float:left;
	padding-left:4px;
	padding-right:4px;
	
}
.flech1{
	background:url(../images/sep1.jpg) no-repeat right;
}
.flech2{
	background:url(../images/sep2.jpg) no-repeat right;
}
#subMenu{
	background:url(../images/flechMe.jpg) no-repeat right 19px ;
	height:34px;
	width:348px;
	position:absolute;
	right:9px;
	bottom:5px;
	
		
}
#subMenu #time{
	padding:5px 22px 5px 31px;
	color:#727272;
	font-size:14px;
	font-weight:bold;
}
#subMenu #meteo{
	background:url(../images/flechMe.jpg) no-repeat left 3px;
	padding-left:22px;
	color:#73a5b8;
	font-weight:bold;
	font-size:13px;
}
#subMenu #ville{
	background:url(../images/flechM.jpg) no-repeat left;
	padding-left:16px;
}
#subMenu #degrer{
	font-size:14px;
	color:#a2d5f6;
	font-weight:bold;
}
#subMenu #etatIm{
	position:relative;
	top:10px;
}
#content{
	position:relative;
	margin-top:4px;
	
	height:1200px;
}
#leftSide{
	float:left;
	width:242px;
	
}
.haut{
	background:url(../images/haut.jpg) no-repeat;
	height:4px;
}
.bas{
	background:url(../images/bas.jpg) no-repeat;
	height:4px;
	margin-bottom:3px;
}
#soumettre,#recherche,#rechRefer,#newsletter,#map,#infoUtile{
	background:url(../images/divBg.jpg) repeat-y;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
}
#soumettre h3,#recherche h3,#rechRefer h3,#newsletter h3,#map h3,#infoUtile h3{
	background:url(../images/bgH3.jpg) repeat-x;
	height:28px;
	width:220px;
	line-height:25px;
	padding-left:7px;
	color:white;
	position:relative;
	font-size:12px;
	font-family:arial;
	letter-spacing:1px;
}
.icone{
	display:block;
	height:27px;
	width:30px;
	position:absolute;
	top:0px;
	right:0px;
}
#soumettre .icone{
	background:url(../images/iconeSoumettre.jpg) no-repeat;
}
#rechRefer .icone{
	background:url(../images/iconeRechRefer.jpg) no-repeat;
}
#newsletter .icone{
	background:url(../images/iconeNewsletter.jpg) no-repeat;
}
#map .icone{
	background:url(../images/iconeMap.jpg) no-repeat;
}
#infoUtile .icone{
	background:url(../images/iconeInfoUtile.jpg) no-repeat;
}
#recherche .icone{
	background:url(../images/iconeRecherche.jpg) no-repeat;
}
#soumettre ul,#recherche ul,#infoUtile ul,#menuFooter,#lastAnnonces ul{
	list-style-image:none;
	list-style-type:none;
}
#soumettre ul li,#recherche ul li{
	background:url(../images/bgLi.jpg) repeat-x;
	padding-left:15px;
	width:213px;
}
#soumettre ul li a,#recherche ul li a{
	background:url(../images/flechLi.jpg) no-repeat left 9px;
	display:block;
	height:29px;
	width:191px;
	color:black;
	text-decoration:none;
	padding-left:21px;
	line-height:24px;
}
#soumettre ul li:hover,#recherche ul li:hover{
	background:url(../images/bgLiH.jpg) repeat-x;
}
#rechRefer form,#newsletter form{
	background-color:#f7f8f9;
	width:220px;
	padding-left:7px;
	padding-top:9px;
	padding-bottom:8px;
	position:relative;
}
#rechRefer form label,#newsletter form label{
	color:#696969;
	background:url(../images/flechForm.jpg) no-repeat right;
	padding-right:22px;
}
#rechRefer form #reference,#newsletter form #email{
	border:1px solid #a7bccf;
	height:21px;
	padding-top:4px;
	width:158px;
	padding-left:9px;
	color:#d3d3d3;
	margin-top:6px;
	font-size:12px;
	
}
#rechRefer form #send,#newsletter form #sendE{
	background:url(../images/ok.jpg) no-repeat;
	width:43px;
	height:27px;
	border:0px;
	position:absolute;
	bottom:8px;
	right:4px;
	cursor:pointer;
}
#map h4{
	background:url(../images/bgMap.jpg) repeat-x;
	height:23px;
	width:227px;
	line-height:23px;
	text-align:center;
	color:#010000;
	font-family:arial;
	font-weight:normal;
	font-size:10px;
}
#map h5{
	background:url(../images/bgZoom.jpg) repeat-x;
	width:227px;
	height:37px;
	margin-top:2px;
	text-align:center;
	color:white;
	line-height:30px;
	font-size:20px;
	
}
#infoUtile li{
	background:url(../images/bgLiens.jpg) repeat-x;
	height:61px;
	width:227px;
	position:relative;
}
#infoUtile li .infos{
	width:168px;
	padding-left:7px;
	display:block;
	padding-top:15px;
	color:black;
	text-decoration:none;
}
#infoUtile li .infos:hover{
	color:#4bb0d7;
}
#infoUtile li .plus{
	position:absolute;
	right:10px;
	top:15px;
}
#centerContent{
	position:relative;
	float:left;
	margin-left:4px;
	width:693px;
	
	
	}
#find{
	background:url(../images/bgRecherche.jpg) no-repeat;
	width:685px;
	height:305px;
	padding-top:4px;
	padding-left:5px;
	position:relative;
	margin-top:-13px;
	
}
#annoncesResul,#cafpi,#ctnPg,#contact,#textView{
	margin-top:-12px;
	border:1px solid #f1f1f1;
	width:685px;
	background-color:#f7f7f7;
	min-height:240px;
	position:relative;
}

#contact form{
	padding-left:20px;
	padding-top:20px;
}
#contact p{
	margin-left:10px;
}
#textView a,#ctnPg a{
	color:#4BB0D7;	
}
#textView a:hover,#ctnPg a:hover{
	color:black;	
	text-decoration:none;
}
#ctnPg p,#ctnPg form,#ctnPg ol,#textView p,#textView ol,#textView table,#cafpi p{
	padding-left:28px;
	padding-top:8px;
	width:620px;
	text-align:justify;
	line-height:23px;
}
#ctnPg p{
	line-height:16px;
}
#ctnPg .infoM{
	margin-top:10px;
}

#annoncesResul #imagesAnnonces{
	float:left;
}
#subLink{
	position:relative;
	text-align:center;
	bottom:19px;
}
#annoncesResul #description{
	float:right;
	margin:17px;
	width:280px;
	text-align:justify;
}
#ImageBoxContainer{
	z-index:32;
}

#annoncesResul  #quartier{
	color:#71a5b8;
	display:block;
	position:absolute;
	top:20px;
	left:185px;
	font-weight:bold;
}

#annoncesResul  #ref{
	color:#71a5b8;
	display:block;
	position:absolute;
	top:20px;
	right:67px;
	font-weight:bold;
}
#annoncesResul  #pr{
	color:#71a5b8;
	display:block;
	margin-left:170px;
	position:relative;
	bottom:21px;
	font-weight:bold;
}
#plusInfo{
	
	margin-left:390px;
	line-height:20px;
	height:140px;
	width:230px;
	display:block;
	
	z-index:1000;
}
#plusInfo #prix,#plusInfo #reference{
	color:#71a5b8;
	display:block;
	font-weight:bold;
	margin-bottom:21px;
	
	
	}
#annoncesResul #reference{
		color:#71a5b8;
	
	font-weight:bold;
	position:relative;
	left:310px;
	top:16px;
}
#annoncesResul #description  #quar{
	color:#71a5b8;
	display:block;
	font-weight:bold;
}
.slideshow{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
		
}
.slideshow img{
	border:7px solid #e9e9e9;
}
#annoncesResul .sepAnnonces{
	clear:both;
	background:url(../images/sepAnnonce.jpg) repeat-x;
	height:21px;
	margin-top:30px;
	margin-bottom:30px;
}
.annonce-infos1{
	margin-left:20px;
	margin-right:130px;
	float:left;
}
.annonce-infos2{
	margin-left:20px;
	float:left;
}
#annoncesResul .annonceB{
	background:url(../images/bgAnnonceB.jpg) repeat-x bottom;
	padding:21px;	
	position:relative;
}
#annoncesResul .annonceB p{
	float:right;
	position:absolute;
	right:58px;
	top:54px;
	width:440px;
	text-align:justify;
}
#annoncesResul .annonceB p span{
	position:absolute;
	bottom:46px;
	color:#71a5b8;
}
#annoncesResul .annonceB img{
	border:5px solid #e9e9e9;	
}
#annoncesResul .annonceB .pls{
	background:url(../images/plusLiens.jpg) no-repeat left;
	color:black;
	text-decoration:none;
	position:absolute;
	right:71px;
	bottom:40px;
	display:block;
	height:26px;
	line-height:21px;
	padding-left:40px;
}
.pagination{
	height:81px;
	margin-left:170px;
	margin-top:40px;
}
.pagination a,.pagination .current{
	background:url(../images/bgPagin.jpg) no-repeat;
	float:left;
	height:28px;
	width:28px;
	text-decoration:none;
	margin-left:15px;
	text-align:center;
	line-height:25px;
	color:black;
}
.pagination .current{
	color:#3887bd;
}
.pagination a:hover{
	color:#3887bd;
}
#annoncesResul .annonceB a:hover{
	color:#71a5b8;
	text-decoration:underline;
}
.annonce-infos1 dt{
	background:url(../images/flechAnn.jpg) no-repeat right;
	float:left;
	margin-bottom:13px;
	color:#71a5b8;
	width:130px;
	text-transform:capitalize;
}
.errors{
	list-style-image:none;
	list-style-type:none;
	color:red;
	position:relative;
	left:21px;	
}
.annonce-infos1 dd,.annonce-infos2 dd{
	margin-bottom:13px;
	margin-left:141px;
	
}
#annonceInfo1 #title span{
	clear:both;
}
.annonce-infos2 dt{
	background:url(../images/flechAnn.jpg) no-repeat right;
	float:left;
	margin-bottom:13px;
	color:#71a5b8;
	width:130px;
	text-transform:capitalize;
}
.annonce-infos2 dd{
	margin-bottom:13px;
	margin-left:141px;
}
#annonceInfo2 #title span{
	clear:both;
}
#find h3,#lastAnnonces h3,#coupDeCoeur h3,#annoncesResul h3,#cafpi h3,#ctnPg h3,#contact h3,#textView h3{
	background:url(../images/bgRechH3.jpg) repeat-x;
	width:652px;
	height:28px;
	line-height:23px;
	padding-left:22px;
	color:white;
	font-size:13px;
	text-transform:capitalize;
	
}
#contact h3{
	margin-left:1px;
}
#sendFriend{
	position:relative;
	height:120px;
	width:294px;
	left:381px;
}
#sendFriend ul{
	list-style-image:none;
	list-style-type:none;
}
#sendFriend li{
	margin-top:10px;
}
#sendFriend span{
	width:140px;
	float:left;
}
#annoncesResul h3{
	margin-top:1px;
	margin-left:1px;
	width:661px;
}
#choixRec{
	background:url(../images/bgChoix.jpg) repeat-x;	
}
#find form{
	margin-left:10px;
}
#find .info{
	margin-top:10px;
}
#find .info label{
	margin-right:10px;	
}
.info span,.infoM span{
	background:url(../images/flechLabel.jpg) no-repeat left 8px;
	width:150px;
	float:left;
	padding-left:15px;
}
#find #sendRe{
	background:url(../images/subRech.jpg) no-repeat;
	width:159px;
	height:49px;
	border:0px;
	color:#689FB4;
	font-size:11px;
	letter-spacing:1px;
	padding-bottom:10px;
	padding-right:0;
	cursor:pointer;
	position:absolute;
	right:76px;
	bottom:9px;
}
#find #info{
	background:url(../images/bgChoix.jpg) repeat-x;
	height:35px;
	width:674px;
	position:relative;
	bottom:9px;
	right:10px;
}

#find select{
	width:170px;
	height:20px;
	font-size:12px;
	border:1px solid #b4c1c8;
}
#find #nchambre{
	width:35px;	
}


#find .icone,#annoncesResul .icone{
	background:url(../images/loopRec.jpg) no-repeat;
	left:125px;
	top:6px;
}
#annoncesResul h2{
	background:url(../images/bgChoix.jpg) repeat-x;
	height:35px;
	line-height:33px;
	padding-left:23px;
	font-size:13px;
	color:#699fb3;
	width:661px;
	position:relative;
	margin-left:1px;
	
}
#annoncesResul h2 a{
	background:url(../images/back.jpg) no-repeat right;
	padding-right:34px;
	color:#699FB3;
	text-decoration:none;
	position:absolute;
	right:9px;
	top:0px;
	
}
#annoncesResul h2 a:hover{
	text-decoration:underline;
}
#lastAnnonces{
	background:url(../images/bgAnnonces.jpg) no-repeat;
	height:382px;
	padding-left:4px;
	padding-top:7px;
	position:relative;
	
}
#lastAnnonces .icone{
	background:url(../images/iconeLastAn.jpg) no-repeat;
	top:9px;
	left:185px;
}
#lastAnnonces ul li{
	background:url(../images/bgAnnonce.jpg) repeat-x;
	float:left;
	width:167px;
	height:332px;
	border-right:2px solid white;
	margin-top:7px;
}
#lastAnnonces ul li:last-child{
	border-right:0px;
}
#lastAnnonces ul li img{
	text-align:center;
	margin-left:10px;
	margin-top:10px;
	border:3px solid #eceae7;
}
#lastAnnonces ul li span{
	display:block;
	text-align:center;
	color:#999999;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
}
#lastAnnonces ul li p{
	text-align:justify;
	width:136px;
	margin-left:15px;
	margin-top:12px;
	height:80px;
}
#lastAnnonces ul li .moreAn{
	background:url(../images/plusAnnonce.jpg) no-repeat;
	width:108px;
	height:26px;
	display:block;
	text-align:center;
	line-height:23px;
	text-decoration:none;
	color:#515151;
	margin-top:23px;
	margin-left:28px;
}
.zend_form dt label{
	background:transparent url(../images/flechLabel.jpg) no-repeat scroll left 10px;
	float:left;
	width:141px;
	padding-left:22px;
	padding-top:7px;
	
}
#minPhoto{
	position:relative;
	bottom:233px;
	width:130px;
	left:278px;
	height:0px;
	clear:both;
}
#minPhoto img{
	margin-left:10px;
	margin-top:11px;
	cursor:pointer;
}


.zend_form dd{
	line-height:31px;
}
.zend_form textarea{
	border:1px solid #a1b4bd;
}
.zend_form textarea{
	background-image:url(../images/bgTextarea.jpg);
	background-repeat:no-repeat;
	background-position:291px -39px;
	height:135px;
	margin-top:8px;
}
.zend_form input[type="submit"]{
	position:relative;
	left:160px;
	margin-bottom:20px;	
}
#contact #adresse{
	font-weight:bold;
	width:250px;
	position:absolute;
	right:51px;
	top:40px;
	color:#2B7CB3;
	text-align:center;
}
#contact #adresse a{
	color:#2B7CB3;	
}
input[type="submit"]{
	background:url(../images/bgSubmit.jpg) repeat-x;
	
	border:0px;
	color:white;
	font-weight:bold;
	cursor:pointer;
	padding-left:11px;
	padding-right:11px;
	height:24px;
}
#lastAnnonces ul li a:hover{
	text-decoration:underline;
}
#find img{
	margin-left:20px;
	margin-top:1px;
}
#find .lbCh{
	position:relative;
	bottom:13px;
	left:14px;
	color:#699fb3;
	font-weight:bold;
	font-size:13px;
}
#find .ipCh{
	position:relative;
	bottom:13px;
	left:7px;
} 
#coupDeCoeur{
	background:url(../images/bgCoeur.jpg) no-repeat;
	height:234px;
	padding-top:4px;
	padding-left:5px;
	position:relative;
}
#coupDeCoeur .icone{
	background:url(../images/coeur.jpg) no-repeat;
	position:absolute;
	left:158px;
	top:5px;
}
#coupDeCoeur #precedent,#coupDeCoeur #coup1,#coupDeCoeur #coup2,#coupDeCoeur #suivant{
	float:left;	
	
}
#coupDeCoeur #precedent{
	background:url(../images/precedent.jpg) no-repeat;
	margin-top:58px;
}
#coupDeCoeur #suivant{
	background:url(../images/suivant.jpg) no-repeat;
	margin-left:11px;
	margin-top:58px;
}
#coupDeCoeur #coup1,#coupDeCoeur #coup2{
	background:url(../images/bgTextCoeur.jpg) repeat-x;
	height:122px;
	margin-left:6px;
	margin-top:28px;
	width:267px;
	position:relative;
	left:58px;
}
#coupDeCoeur #coup1 .link,#coupDeCoeur #coup2 .link{
	color:black;
	float:left;
	width:140px;
	padding:14px;
	text-align:justify;
	text-decoration:none;
}
#coupDeCoeur #coup1 a:hover,#coupDeCoeur #coup2 a:hover{
	text-decoration:underline;
}
#coupDeCoeur #coup1 img,#coupDeCoeur #coup2 img{
	margin-top:12px;
	border:1px solid #e3e3e3;
}
#partner{
	background:url(../images/bgPartner.jpg) no-repeat;
	height:112px;
	padding-left:5px;
	padding-top:11px;
	position:relative;
}
#partner #partnerLink{
	background:url(../images/bgPartnerLink.jpg) repeat-x;
	height:88px;
	width:673px;
}
#partner #partnerLink a{
	position:relative;
	bottom:20px;	
	margin:48px;
}
#partner #partnerLink a:last-child{
	margin-left:95px;
}
#partner #imgPartner{
	position:absolute;
	top:14px;
	left:-234px;
}
#footerWrapper{
	background:url(../images/bgFooter.jpg) repeat-x;
	clear:both;
	position:relative;
	bottom:1px;

}
iframe{
	position:relative;
	margin:50px;
}
#footer{
	left:50%;
	margin-left:-475px;
	position:relative;
	width:915px;
	height:138px;
	
}
#menuFooter{
	position:relative;
	left:257px;
	top:67px;
	width:688px;
}

#menuFooter li{
	background:url(../images/bullFooter.jpg) no-repeat left;
	float:left;
	margin-left:13px;
	padding-left:18px;
}
#menuFooter li:first-child{
	background:none;
}
#menuFooter a{
	color:white;
}
#menuFooter a:hover{
	color:#c9e6f9;
}	
#copyright{
	background-color:#1e5992;
	position:absolute;
	color:white;
	bottom:0px;
	left:0px;
	height:23px;
	width:429px;
	line-height:21px;
	text-align:center;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}

